@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-ExtraBold.eot');
	src: local('☺'), url('../fonts/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy-ExtraBold.ttf') format('truetype'), url('../fonts/Gilroy-ExtraBold.svg') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Bold.eot');
	src: local('☺'), url('../fonts/Gilroy-Bold.woff') format('woff'), url('../fonts/Gilroy-Bold.ttf') format('truetype'), url('../fonts/Gilroy-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy-Black';
	src: url('../fonts/Gilroy-Black.eot');
	src: local('☺'), url('../fonts/Gilroy-Black.woff') format('woff'), url('../fonts/Gilroy-Black.ttf') format('truetype'), url('../fonts/Gilroy-Black.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy-SemiBold';
	src: url('../fonts/Gilroy-SemiBold.eot');
	src: local('☺'), url('../fonts/Gilroy-SemiBold.woff') format('woff'), url('../fonts/Gilroy-SemiBold.ttf') format('truetype'), url('../fonts/Gilroy-SemiBold.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Light.eot');
	src: local('☺'), url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf') format('truetype'), url('../fonts/Gilroy-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/Gilroy-Medium.eot');
	src: local('☺'), url('../fonts/Gilroy-Medium.woff') format('woff'), url('../fonts/Gilroy-Medium.ttf') format('truetype'), url('../fonts/Gilroy-Medium.svg') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Bradobrei';
	src: url('../fonts/ofont.ru_Bradobrei.eot');
	src: local('☺'), url('../fonts/ofont.ru_Bradobrei.woff') format('woff'), url('../fonts/ofont.ru_Bradobrei.ttf') format('truetype'), url('../fonts/ofont.ru_Bradobrei.svg') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

strong{ font-weight: bold; }
i, em{ font-style: italic; }

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

@charset "UTF-8";
:root{
  --font-base: 'Gilroy';
  --font-base-semibold: 'Gilroy-SemiBold';
  --font-base-black: 'Gilroy-Black';
  --font-title: 'Bradobrei';

  --dark-black: #000000;
  --dark-black2: #222222;
  --black-grey: #333333;
  --mid-grey: #404040;
  --main-black: #555555;
  --lite-grey: #777777;
  --lite-grey2: #999999;
  --dark-grey3: #8d8d8d;
  --dark-grey4: #aaaaaa;
  --dark-grey: #b2b1b1;
  --dark-grey2: #c2c2c2;
  --dark-grey5: #cbcfda;
  --dark-grey1: #cecece;
  --main-grey: #f4f4f4;
  --main-white: #ffffff;
  
  --verylight-blue: #f6efff;
  --light-blue: #a8d6f3;
  --blue-2: #5597c1;
  --menu-blue2: #0F6BAB;
  --blue-1: #006BAD;
  --main-blue: #006bae;
  --main-blue-lighter: #0080c3;
  --menuclosed-blue: #01588e;
  --menu-blue: #01446e;
  --dark-blue: #003c61;
  
  --main-orange: #ff9804;
  --orange-1: #FF9924;

  --color-9398a6: #9398a6;
  --color-ff0404: #ff0404;
  --color-d8d8d8: #d8d8d8;
  --color-039906: #039906;
  --color-ff9b01: #ff9b01;
  --color-727272: #727272;
  --color-e3452b: #e3452b;
  --color-d4d6d8: #d4d6d8;
  --color-00ae8b: #00ae8b;
  --color-38b2ff: #38b2ff;
  --color-d8549b: #d8549b;
  --color-ffc000: #ffc000;
  --color-c7c7c7: #c7c7c7;
  --color-ff632f: #ff632f;
  --color-ff7521: #ff7521;
  --color-ff8612: #ff8612;
  --color-e8e8e8: #e8e8e8;
  --color-e5e8f0: #e5e8f0;
  --color-005991: #005991;
  --color-ff9d00: #ff9d00;
  --color-00a651: #00a651;
  --color-e6e6e6: #e6e6e6;
  --color-fafafa: #fafafa;
  --color-ffd7cc: #ffd7cc;
  --color-ffeacd: #ffeacd;
  --color-0870b0: #0870b0;
  --color-d2d2d2: #d2d2d2;
  --color-962000: #962000;
  --color-dcdcdc: #dcdcdc;
  --color-e2e3e7: #e2e3e7;
  --color-f8f8f8: #f8f8f8;
  --color-0d73b2: #0d73b2;
  --color-00578e: #00578e;
  --color-505050: #505050;
  --color-e3e8f0: #e3e8f0;
  --color-e0e0e0: #e0e0e0;
  --color-e6f8ef: #e6f8ef;
  --color-e8f6ff: #e8f6ff;
  --color-fbece9: #fbece9;
  --color-e34329: #e34329;
  --color-3389be: #3389be;
  --color-ffecd0: #ffecd0;
  --color-e5f0f7: #e5f0f7;
  --color-555554: #555554;
  --color-00d022: #00d022;
  --color-026bae: #026bae;
  --color-fff4e5: #fff4e5;
  --color-5ddb19: #5ddb19;
  --color-86bf4f: #86bf4f;
  --color-8037da: #8037da;
  --color-8bc157: #8bc157;
  --color-e9ebf0: #e9ebf0;
  --color-525252: #525252;
  --color-f9f9f9: #f9f9f9;
  --color-b7b6b6: #b7b6b6;
  --color-a4a4a4: #a4a4a4;
  --color-fe9806: #fe9806;
  --color-ff3600: #ff3600;
  --color-656565: #656565;
  --color-bdbdbd: #bdbdbd;
  --color-013352: #013352;
}
* {
  box-sizing: border-box;
  outline: none !important; }

img {
  max-width: 100%; }

a {
  text-decoration: none !important; }

nav, ul {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

p {
  margin: 0;
  padding: 0; }

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

.grey-block {
  background-color: var(--main-grey); }

.inp-def {
  font-family: var(--font-base);
  font-size: 16px;
  padding: 0 30px;
  height: 50px;
  width: 100%;
  display: block;
  color: var(--black-grey);
  font-weight: 300;
  border: none;
  background-color: var(--main-white);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.11);
  border-radius: 25px; }
  .inp-def::-webkit-input-placeholder {
    color: var(--lite-grey);
    font-weight: 300; }
  .inp-def::-moz-placeholder {
    color: var(--lite-grey);
    font-weight: 300; }
  .inp-def:-ms-input-placeholder {
    color: var(--lite-grey);
    font-weight: 300; }
  .inp-def::-ms-input-placeholder {
    color: var(--lite-grey);
    font-weight: 300; }
  .inp-def::placeholder {
    color: var(--lite-grey);
    font-weight: 300; }
  .inp-def_square {
    font-family: var(--font-base);
    border-radius: 0;
    background-color: var(--main-white);
    box-shadow: none;
    border: 1px solid var(--dark-grey1);
    padding: 0 20px; }
    .inp-def_square::-webkit-input-placeholder {
      color: var(--mid-grey);
      font-weight: 300; }
    .inp-def_square::-moz-placeholder {
      color: var(--mid-grey);
      font-weight: 300; }
    .inp-def_square:-ms-input-placeholder {
      color: var(--mid-grey);
      font-weight: 300; }
    .inp-def_square::-ms-input-placeholder {
      color: var(--mid-grey);
      font-weight: 300; }
    .inp-def_square::placeholder {
      color: var(--mid-grey);
      font-weight: 300; }
  .inp-def_search {
    background: url("../images/search.png") no-repeat;
    background-size: 16px;
    background-position: calc(100% - 15px) center;
    padding-right: 40px; }

.name-user {
  font-size: 16px;
  font-weight: 700;
  color: var(--main-blue); }

.smile {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
          flex: none;
  cursor: pointer;
  background: url("../images/post-media/smile.png") no-repeat center/contain; }

.arrows-circle {
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
          flex: none;
  background: url("../images/arrows-circle.png") no-repeat center/contain; }

.block-video {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden; }
  .block-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    outline-width: 0; }

.align-top {
  -webkit-box-align: start !important;
          align-items: flex-start !important; }

.wrap-block-burger {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end; }

.sidebar-content-mob {
  display: none; }
  .sidebar-content-mob .sidebar-content {
    max-width: 100%;
    margin: 0; }

.circle-icon {
  border-radius: 100%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
          flex: none; }
  .circle-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.btn-form {
  position: relative;
  border: 3px solid var(--main-orange);
  background-color: transparent;
  width: 100%;
  height: 70px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 800;
  color: var(--main-orange);
  -webkit-transition: .2s;
  transition: .2s; }
  .btn-form::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    -webkit-box-pack: 1px;
            justify-content: 1px;
    background-color: var(--main-orange);
    width: 30px;
    height: 1px; }
  .btn-form::after {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    -webkit-box-pack: 1px;
            justify-content: 1px;
    background-color: var(--main-orange);
    width: 30px;
    height: 1px; }
  .btn-form.blue {
    color: var(--main-blue);
    border-color: var(--main-blue); }
    .btn-form.blue::after, .btn-form.blue::before {
      background-color: var(--main-blue); }
  .btn-form_small {
    display: block;
    font-family: var(--font-base);
    max-width: 250px;
    font-size: 16px;
    font-weight: 800;
    height: 50px; }
  .btn-form_smaller {
    font-family: var(--font-base);
    font-size: 16px;
    max-width: 180px;
    font-weight: 800px;
    height: 60px; }
  .btn-form:hover {
    background-color: var(--main-orange);
    color: var(--main-white); }
    .btn-form:hover::after, .btn-form:hover::before {
      background-color: var(--main-white); }
  .btn-form.blue:hover {
    background-color: var(--main-blue);
    color: var(--main-white); }
    .btn-form.blue:hover::after, .btn-form.blue:hover::before {
      background-color: var(--main-white); }

.sidebar-btn {
  display: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-color: var(--main-blue);
  cursor: pointer;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: .2s;
  transition: .2s; }
  .sidebar-btn img {
    -webkit-box-flex: 0;
            flex: none;
    max-width: 20px; }
  .sidebar-btn.active {
    background-color: var(--main-orange); }

.burger-mob {
  font-size: 0;
  display: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border: 2px solid var(--main-blue);
  background-color: var(--main-blue);
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin-left: 20px;
  cursor: pointer; }
  .burger-mob span {
    display: block;
    width: 100%;
    height: 1px;
    min-height: 1.2px;
    background-color: var(--main-white);
    margin-bottom: 5px;
    -webkit-transition: .2s;
    transition: .2s; }
    .burger-mob span:last-child {
      margin-bottom: 0; }
  .burger-mob.active span:nth-child(2) {
    display: none; }
  .burger-mob.active span:nth-child(1) {
    -webkit-transform: translateY(7.5px) rotate(45deg);
            transform: translateY(7.5px) rotate(45deg); }
  .burger-mob.active span:nth-child(3) {
    -webkit-transform: translateY(-7.5px) rotate(-45deg);
            transform: translateY(-7.5px) rotate(-45deg); }

.title-dec {
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 400;
  color: var(--main-blue);
  position: relative;
  padding-bottom: 12px; }
  .title-dec::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    max-width: 90px;
    width: 100%;
    background-color: var(--main-orange); }
  .title-dec_big {
    font-size: 36px;
    padding-bottom: 19px;
    line-height: 1.1; }
    .title-dec_big::after {
      max-width: 110px; }
  .title-dec_small {
    font-size: 14px;
    padding-bottom: 0; }
    .title-dec_small::after {
      content: none; }
  .title-dec_18 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 11px;
    line-height: 1.1; }
  .title-dec span {
    display: block;
    font-size: 24px; }
  .title-dec_medium {
    font-size: 24px; }
  .title-dec_22 {
    font-size: 22px; }

.no-dec {
  padding-bottom: 0;
  margin-bottom: 12px; }
  .no-dec::after {
    content: none; }

.noscroll {
  overflow: hidden; }

.dots {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .dots_el {
    width: 20px;
    height: 20px;
    border: 4px solid var(--main-white);
    opacity: 0.8;
    margin-bottom: 10px;
    border-radius: 100%;
    cursor: pointer; }
    .dots_el:last-child {
      margin-bottom: 0; }
    .dots_el span {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background-color: transparent; }
    .dots_el.active {
      border-color: transparent; }
      .dots_el.active span {
        background-color: var(--main-orange); }

.square-dec {
  background-color: var(--main-orange);
  font-size: 0;
  display: block; }

.block-sign {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0; }
  .block-sign_btn {
    margin-left: 10px; }
    .block-sign_btn:first-child {
      margin-left: 0; }
    .block-sign_btn a {
      display: inline-block;
      cursor: pointer;
      text-transform: uppercase;
      font-size: 14px;
      padding: 11px 35px;
      font-weight: 800;
      line-height: 1; }
    .block-sign_btn.btn-orange a {
      background-color: var(--orange-1);
      color: var(--main-white);
      border: 2px solid var(--orange-1); }
    .block-sign_btn.btn-border_blue a {
      background-color: transparent;
      border: 2px solid var(--blue-1);
      color: var(--blue-1); }

.wrap-sec-header {
  padding: 199px 110px;
  position: relative; }
  .wrap-sec-header-content {
    position: relative;
    max-width: 730px;
    width: 100%;
    background-color: rgba(0, 107, 174, 0.9);
    padding: 67px 0;
    padding-bottom: 55px; }
    .wrap-sec-header-content .small-square {
      position: absolute;
      right: 0;
      bottom: 100%;
      width: 100px;
      height: 100px; }
    .wrap-sec-header-content .lonk-square {
      position: absolute;
      top: 100%;
      right: -62px;
      width: 84%;
      height: 80px; }
    .wrap-sec-header-content .sec-header-content {
      position: relative;
      left: -114px; }

.main-title {
  font-family: var(--font-title);
  font-size: 90px;
  color: var(--main-white);
  line-height: 1.2;
  padding-bottom: 14px;
  position: relative;
  margin-bottom: 47px; }
  .main-title::after {
    content: '';
    position: absolute;
    height: 2px;
    max-width: 180px;
    width: 100%;
    left: 5px;
    bottom: 0;
    background-color: var(--main-orange); }

.main-text {
  font-size: 36px;
  font-weight: 300;
  color: var(--main-white);
  letter-spacing: 1px; }

.wrap-block-user {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  position: static;
  -webkit-box-align: center;
          align-items: center; }

.block-user {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer; }
  .block-user_name {
    position: relative;
    z-index: 2;
    margin-right: 20px; }
    .block-user_name span {
      color: var(--main-blue);
      font-size: 18px;
      font-weight: 700;
      -webkit-transition: .2s;
      transition: .2s; }
  .block-user_icon {
    font-size: 0;
    border-radius: 100%;
    border: 2px solid var(--main-blue);
    background-color: var(--dark-black);
    position: relative;
    width: 60px;
    height: 60px;
    -webkit-transition: .2s;
    transition: .2s; }
    .block-user_icon-img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: 100%; }
    .block-user_icon-arr {
      position: absolute;
      bottom: -2px;
      right: -2px;
      width: 21px;
      height: 21px;
      background: url("../images/arr-white.png") no-repeat center;
      border-radius: 100%;
      background-color: var(--main-blue);
      -webkit-transition: .2s;
      transition: .2s; }
  .block-user:hover .block-user_name span, .block-user.open .block-user_name span {
    color: var(--main-orange); }
  .block-user:hover .block-user_icon, .block-user.open .block-user_icon {
    border-color: var(--main-orange); }
  .block-user.open .block-user_icon-arr {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background-color: var(--main-orange); }
  .block-user__mail {
    display: block;
    font-size: 14px;
    color: var(--main-white);
    font-weight: 300;
    letter-spacing: 0.7px; }
    .block-user__mail:hover {
      color: var(--main-white); }
  .block-user_sidebar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    position: relative; }
    .block-user_sidebar .block-user_name span {
      font-family: var(--font-base-semibold);
      font-weight: 400;
      font-size: 16px;
      color: var(--main-white);
      text-transform: uppercase;
      letter-spacing: 0.8px;
      margin-bottom: 2px;
      display: block; }
    .block-user_sidebar:hover .block-user_name span, .block-user_sidebar.open .block-user_name span {
      color: var(--main-white); }
    .block-user_sidebar.open::after {
      background-color: var(--menu-blue); }
  .block-user .arr-right {
    position: relative;
    z-index: 2;
    margin-right: 29px;
    margin-left: 20px; }
  .block-user .block-user-body {
    right: 0; }

.block-user-body {
  position: absolute;
  cursor: default;
  z-index: 100;
  top: 100%;
  right: 15px;
  min-width: 360px;
  max-width: 360px;
  width: 100%;
  background-color: var(--menu-blue2);
  display: none; }
  .block-user-body_top {
    background-color: var(--menuclosed-blue); }
  .block-user-body_middle, .block-user-body_info, .block-user-body_btns {
    padding-left: 30px;
    padding-right: 30px; }
  .block-user-body_info {
    padding-top: 17px;
    padding-bottom: 17px; }
  .block-user-body_btns {
    padding-top: 22px;
    padding-bottom: 22px; }
  .block-user-body_info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid rgba(1, 68, 110, 0.5); }
    .block-user-body_info-text {
      text-transform: uppercase;
      font-size: 16px;
      color: var(--main-white);
      font-weight: 700;
      letter-spacing: 1px;
      margin-right: 15px; }
      .block-user-body_info-text:last-child {
        margin-right: 0; }
      .block-user-body_info-text_opacity {
        text-transform: none;
        font-weight: 500;
        color: var(--blue-2);
        letter-spacing: 0.8px; }
    .block-user-body_info + .block-user-body_btns {
      border-bottom: 1px solid rgba(1, 68, 110, 0.5); }
  .block-user-body_btn-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 0;
    margin-bottom: 15px; }
    .block-user-body_btn-wrap:last-child {
      margin-bottom: 0; }
  .block-user-body_btn-icon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border-radius: 100%;
    margin-right: 10px;
    background-color: var(--light-blue);
    -webkit-transition: .2s;
    transition: .2s; }
    .block-user-body_btn-icon img {
      -webkit-box-flex: 0;
              flex: none; }
  .block-user-body_btn-text {
    font-family: var(--font-base-black);
    font-size: 16px;
    letter-spacing: 0.4px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--light-blue);
    -webkit-transition: .2s;
    transition: .2s; }
  .block-user-body_btn-wrap:hover .block-user-body_btn-icon {
    background-color: var(--main-white); }
  .block-user-body_btn-wrap:hover .block-user-body_btn-text {
    color: var(--main-white); }
  .block-user-body_middle {
    padding-top: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(1, 68, 110, 0.5); }
  .block-user-body_users-el {
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .block-user-body_users-el:last-child {
      margin-bottom: 0; }
  .block-user-body_users-icon {
    border: 2px solid var(--main-white);
    background-color: var(--main-white);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    margin-right: 12px;
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
            flex: none; }
    .block-user-body_users-icon img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .block-user-body_users-text {
    margin-right: 15px; }
    .block-user-body_users-text h4 {
      font-weight: 700;
      font-size: 16px;
      color: var(--main-white);
      line-height: 1.1;
      margin-bottom: 1px; }
    .block-user-body_users-text a {
      display: inline-block;
      font-weight: 300;
      letter-spacing: 0.6px;
      color: var(--main-white);
      font-size: 12px; }
  .block-user-body_users-to {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
            flex: none;
    background: url("../images/block-user/exit.png") no-repeat center;
    background-size: 11px;
    background-color: var(--light-blue);
    border-radius: 100%;
    margin-left: auto;
    -webkit-transition: .2s;
    transition: .2s; }
    .block-user-body_users-to a {
      display: block;
      height: 100%; }
    .block-user-body_users-to:hover {
      background-color: var(--main-white); }

.checkbox-el {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 10px; }
  .checkbox-el p {
    font-size: 18px;
    color: var(--main-black);
    font-weight: 400;
    line-height: 1;
    margin: 0; }
  .checkbox-el.off p {
    color: var(--dark-grey2) !important; }
  .checkbox-el_big {
    margin-bottom: 10px !important; }
    .checkbox-el_big p {
      font-size: 16px; }

.checkbox {
  -webkit-box-flex: 0;
          flex: none;
  margin-right: 20px;
  position: relative;
  font-size: 0; }
  .checkbox input {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0.1px;
    height: 0.1px;
    z-index: -999;
    opacity: 0; }
  .checkbox .checkbox-dec {
    width: 20px;
    height: 20px;
    border: 4px solid var(--dark-grey1);
    border-radius: 100%;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 0; }
    .checkbox .checkbox-dec span {
      display: block;
      border-radius: 100%;
      width: 6px;
      height: 6px;
      background-color: transparent; }
  .checkbox input:checked + .checkbox-dec {
    border-color: var(--main-orange); }
    .checkbox input:checked + .checkbox-dec span {
      background-color: var(--main-orange); }
  .checkbox_big {
    margin-right: 10px; }
    .checkbox_big .checkbox-dec {
      width: 24px;
      height: 24px;
      border: 5px solid var(--dark-grey2); }
      .checkbox_big .checkbox-dec span {
        width: 8px;
        height: 8px; }

.wrap-input-el {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .wrap-input-el .input-el {
    width: 100%;
    margin-bottom: 0; }
  .wrap-input-el .input-el__postfix {
    font-family: var(--font-base-black);
    letter-spacing: 0.45px;
    font-weight: 400;
    font-size: 18px;
    margin-left: 20px;
    color: var(--main-blue); }
  .wrap-input-el_name-firstt .input-el__postfix {
    margin: 0;
    margin-right: 20px; }

.textarea-block {
  position: relative;
  border: 1px solid var(--dark-grey1); }
  .textarea-block__name {
    font-family: var(--font-base-black);
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: var(--main-blue);
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 20px;
    color: var(--main-blue);
    background-color: var(--main-white);
    padding: 0 10px; }
  .textarea-block__textarea {
    border: transparent;
    border: none;
    resize: none;
    padding: 25px 30px;
    color: var(--dark-black2);
    width: 100%;
    height: 150px;
    letter-spacing: 0.4px; }
    .textarea-block__textarea::-webkit-input-placeholder {
      font-size: 16px;
      font-weight: 300; }
    .textarea-block__textarea::-moz-placeholder {
      font-size: 16px;
      font-weight: 300; }
    .textarea-block__textarea:-ms-input-placeholder {
      font-size: 16px;
      font-weight: 300; }
    .textarea-block__textarea::-ms-input-placeholder {
      font-size: 16px;
      font-weight: 300; }
    .textarea-block__textarea, .textarea-block__textarea::placeholder {
      font-size: 16px;
      font-weight: 300; }
    .textarea-block__textarea::-webkit-input-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .textarea-block__textarea::-moz-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .textarea-block__textarea:-ms-input-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .textarea-block__textarea::-ms-input-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .textarea-block__textarea::placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
  .textarea-block__remove {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    width: 24px;
    height: 24px;
    background-color: var(--main-blue);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%); }

.textarea-block_createCourse .textarea-block__textarea {
  height: 141px;
  padding: 20px 30px; }

.input-el {
  border: 1px solid var(--dark-grey1);
  position: relative;
  margin-bottom: 23px; }
  .input-el_name {
    font-family: var(--font-base-black);
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 20px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--main-orange);
    background-color: var(--main-white);
    padding: 0 10px;
    letter-spacing: 0.4px; }
  .input-el input {
    display: block;
    border: none;
    background-color: transparent;
    height: 69px;
    width: 100%;
    padding: 0 30px;
    color: var(--dark-black); }
    .input-el input::-webkit-input-placeholder {
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300;
      font-style: italic; }
    .input-el input::-moz-placeholder {
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300;
      font-style: italic; }
    .input-el input:-ms-input-placeholder {
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300;
      font-style: italic; }
    .input-el input::-ms-input-placeholder {
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300;
      font-style: italic; }
    .input-el input, .input-el input::placeholder {
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300;
      font-style: italic; }
    .input-el input::-webkit-input-placeholder {
      color: var(--dark-grey3); }
    .input-el input::-moz-placeholder {
      color: var(--dark-grey3); }
    .input-el input:-ms-input-placeholder {
      color: var(--dark-grey3); }
    .input-el input::-ms-input-placeholder {
      color: var(--dark-grey3); }
    .input-el input::placeholder {
      color: var(--dark-grey3); }
  .input-el_info-text {
    color: var(--main-black);
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5; }
  .input-el_createCourse .input-el_name {
    color: var(--main-blue); }
  .input-el_createCourse input {
    height: 57px; }
  .input-el_createCourse_cost {
    margin-left: auto;
    max-width: 510px;
    margin-top: 24px; }
  .input-el_lesson input {
    height: 70px; }
  .input-el_blue .input-el_name {
    color: var(--main-blue); }
  .input-el_nameTop {
    text-align: left;
    border: none;
    margin-bottom: 14px; }
    .input-el_nameTop input {
      border: 1px solid var(--dark-grey1);
      height: 60px; }
    .input-el_nameTop__topName {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      margin-bottom: 10px; }
    .input-el_nameTop__name {
      font-family: var(--font-title);
      font-weight: 400;
      font-size: 18px;
      color: var(--main-blue); }
    .input-el_nameTop__question {
      width: 30px;
      height: 30px;
      -webkit-box-flex: 0;
              flex: none;
      border-radius: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      background-color: var(--main-grey);
      margin-left: 9px; }
  .input-el_smaller input {
    height: 60px; }
  .input-el__textarea {
    display: block;
    resize: none;
    height: 120px;
    width: 100%;
    background-color: transparent;
    width: 100%;
    padding: 27px 30px;
    color: var(--dark-black);
    border: 1px solid var(--dark-grey1); }
    .input-el__textarea::-webkit-input-placeholder {
      font-family: var(--font-base);
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300; }
    .input-el__textarea::-moz-placeholder {
      font-family: var(--font-base);
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300; }
    .input-el__textarea:-ms-input-placeholder {
      font-family: var(--font-base);
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300; }
    .input-el__textarea::-ms-input-placeholder {
      font-family: var(--font-base);
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300; }
    .input-el__textarea, .input-el__textarea::placeholder {
      font-family: var(--font-base);
      letter-spacing: 0.4px;
      font-size: 16px;
      font-weight: 300; }
    .input-el__textarea::-webkit-input-placeholder {
      font-style: italic;
      color: var(--dark-grey3); }
    .input-el__textarea::-moz-placeholder {
      font-style: italic;
      color: var(--dark-grey3); }
    .input-el__textarea:-ms-input-placeholder {
      font-style: italic;
      color: var(--dark-grey3); }
    .input-el__textarea::-ms-input-placeholder {
      font-style: italic;
      color: var(--dark-grey3); }
    .input-el__textarea::placeholder {
      font-style: italic;
      color: var(--dark-grey3); }

.logo-foot {
  text-align: center;
  margin: 0 15px; }

.block-navigation {
  margin-top: 9px;
  padding-left: 24px;
  border-bottom: 1px solid var(--color-d8d8d8);
  padding-bottom: 37px;
  margin-bottom: 26px; }
  .block-navigation__el {
    font-family: var(--font-base-semibold);
    display: block;
    font-size: 18px;
    color: var(--main-black);
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    margin-bottom: 23px;
    letter-spacing: 0.45px; }
    .block-navigation__el:last-child {
      margin-bottom: 0; }
    .block-navigation__el.active, .block-navigation__el:hover {
      color: var(--main-blue); }
    .block-navigation__el.active::after {
      content: '';
      position: absolute;
      top: 50%;
      left: -25px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 10px;
      height: 10px;
      background-color: var(--color-ff9d00);
      border-radius: 100%; }
  .block-navigation + .user-sidebar__block_filter {
    margin-top: 0; }

.block-variations-view {
  display: -webkit-box;
  display: flex; }
  .block-variations-view__el {
    width: 40px;
    height: 40px;
    background-color: var(--main-grey);
    border-radius: 5px;
    margin-right: 10px;
    font-size: 0;
    cursor: pointer; }
    .block-variations-view__el:last-child {
      margin-right: 0; }
    .block-variations-view__el span {
      background-color: var(--main-blue); }
    .block-variations-view__el_tile {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
              justify-content: center;
      padding: 10px; }
      .block-variations-view__el_tile span {
        display: block;
        background-color: var(--main-blue);
        border-radius: 3px;
        width: 8px;
        height: 8px; }
        .block-variations-view__el_tile span:first-child {
          margin-right: 2px;
          margin-bottom: 2px; }
        .block-variations-view__el_tile span:nth-child(3) {
          margin-right: 2px; }
    .block-variations-view__el_list {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      padding: 12px 11px;
      -webkit-box-pack: justify;
              justify-content: space-between; }
      .block-variations-view__el_list span {
        display: block;
        width: 100%;
        height: 3px;
        border-radius: 2px; }
    .block-variations-view__el.active {
      background-color: var(--main-blue); }
      .block-variations-view__el.active span {
        background-color: var(--main-white); }
  .block-variations-view_circle .block-variations-view__el {
    border-radius: 100%; }
  .block-variations-view_circle .block-variations-view__el_list {
    padding: 14px 12px; }
  .block-variations-view_circle .block-variations-view__el_list span {
    height: 2px; }
  .block-variations-view_circle .block-variations-view__el_tile span {
    width: 6px;
    height: 6px; }
  .block-variations-view_circle .block-variations-view__el_tile {
    padding: 11px; }

.block-content-tile {
  margin-top: 20px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px; }
  .block-content-tile .content-course {
    margin: 0 25px;
    margin-bottom: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
    .block-content-tile .content-course .content-course__btn {
      margin-top: auto; }
    .block-content-tile .content-course .content-course__body {
      height: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; }
      .block-content-tile .content-course .content-course__body .content-course__media {
        margin-top: auto; }

.hint-course {
  display: none;
  -webkit-transform: translateY(39px) translateX(calc(-100% + 67.5px));
          transform: translateY(39px) translateX(calc(-100% + 67.5px));
  position: absolute;
  padding: 20px;
  background-color: var(--main-blue);
  box-shadow: 0 0 15px rgba(0, 0, 1, 0.3);
  max-width: 200px;
  border-radius: 20px;
  top: 20px;
  left: 20px;
  z-index: 9999; }
  .hint-course::after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 45px;
    width: 0;
    height: 0;
    border-width: 0 7px 9px 7px;
    border-color: transparent transparent var(--main-blue) transparent;
    border-style: solid; }
  .hint-course__title {
    color: var(--main-white);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase; }
  .hint-course__text {
    margin-top: 10px;
    font-weight: 300;
    font-size: 14px;
    color: var(--main-white); }

.block-author {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start; }
  .block-author__title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 400;
    color: var(--main-blue);
    margin-right: 20px; }
  .block-author__text {
    font-size: 18px;
    color: var(--main-black);
    font-weight: 400; }
  .block-author_margin {
    margin-top: 18px;
    margin-bottom: 28px; }

.block-iconLeft-textRight {
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .block-iconLeft-textRight__icon {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    background-color: var(--main-blue);
    border-radius: 100%;
    margin-right: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .block-iconLeft-textRight__icon img {
      -webkit-box-flex: 0;
              flex: none; }
  .block-iconLeft-textRight__text {
    font-family: var(--font-base-black);
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--main-blue); }

.block-between {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap; }
  .block-between > *:first-child {
    margin-right: 20px; }
  .block-between > *:last-child {
    margin-right: 0; }
  .block-between_end {
    -webkit-box-pack: end;
            justify-content: flex-end; }

.block-info-succes-lesson {
  -webkit-box-align: center;
          align-items: center; }
  .block-info-succes-lesson__icon {
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 9px; }
  .block-info-succes-lesson__text span {
    margin-top: 6px;
    font-family: var(--font-base);
    display: block;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: var(--main-black);
    text-transform: none;
    font-size: 12px; }
  .block-info-succes-lesson.no .block-info-succes-lesson__text {
    color: var(--main-orange); }

.block-addMeida {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer; }
  .block-addMeida input {
    opacity: 0;
    max-width: 0.1px;
    max-height: 0.1px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -999; }
  .block-addMeida__icon {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
            flex: none;
    font-size: 0;
    margin-right: 9px;
    background-color: var(--main-blue);
    border-radius: 100%; }
  .block-addMeida__text {
    font-family: var(--font-base-black);
    color: var(--main-blue);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 16px; }
  .block-addMeida__info {
    margin-top: 18px;
    font-size: 14px;
    font-weight: 300;
    color: var(--main-black);
    text-align: left; }

.wrap-selects {
  margin-top: 26px; }
  .wrap-selects_margin {
    padding-bottom: 5px; }
    .wrap-selects_margin .select {
      margin-bottom: 20px; }
      .wrap-selects_margin .select:last-child {
        margin-bottom: 0; }

.select {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 0;
  width: 100%;
  margin-bottom: 10px; }
  .select__name {
    color: var(--main-blue);
    font-size: 18px;
    font-weight: 700;
    margin-right: 15px;
    -webkit-box-flex: 0;
            flex: none; }
  .select__el {
    position: relative;
    max-width: 930px;
    width: 100%; }
    .select__el::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 30px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 7px;
      height: 4px;
      background: url("../images/black-arr-select.png") no-repeat center; }
    .select__el select {
      border: 1px solid var(--dark-grey1);
      background-color: var(--main-grey);
      height: 50px;
      font-size: 16px;
      font-weight: 300;
      color: var(--mid-grey);
      padding: 0 27px;
      width: 100%;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .select__el.border select {
      border: 2px solid var(--main-blue); }
  .select_short .select__el {
    max-width: 510px; }
  .select__nameTop {
    display: block; }
  .select_block {
    display: block;
    margin-bottom: 17px; }
    .select_block select {
      padding: 0 22px; }
    .select_block .select__name {
      font-family: var(--font-base-black);
      text-transform: uppercase;
      margin-right: 0;
      margin-bottom: 10px;
      letter-spacing: 0.4px;
      font-size: 16px; }
    .select_block .select__el::after {
      right: 20px; }
  .select_big select {
    height: 60px; }
  .select_allWidth {
    max-width: 100%; }

.main-content__p {
  font-weight: 400;
  font-size: 16px;
  color: var(--main-black);
  line-height: 1.5;
  margin-bottom: 26px; }

.block-add-somth {
  margin-bottom: 10px; }
  .block-add-somth .block-iconLeft-textRight {
    margin-top: 0;
    margin-bottom: 15px; }
  .block-add-somth__body {
    margin-top: 17px;
    margin-left: -5px;
    margin-right: -5px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
    .block-add-somth__body-list {
      margin-top: 25px; }
  .block-add-somth__el {
    margin: 0 5px;
    margin-bottom: 10px;
    max-width: 175px;
    min-width: 175px;
    height: 115px;
    position: relative;
    font-size: 0; }
    .block-add-somth__el img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
    .block-add-somth__el-hover {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      background-color: rgba(0, 107, 174, 0.8);
      -webkit-transition: .2s;
      transition: .2s; }
      .block-add-somth__el-hover-icon {
        font-size: 0;
        width: 16px;
        height: 16px;
        -webkit-box-flex: 0;
                flex: none;
        margin-right: 7px;
        cursor: pointer; }
      .block-add-somth__el-hover-text {
        font-weight: 500;
        font-size: 14px;
        color: var(--main-white);
        cursor: pointer; }
    .block-add-somth__el.deleted .block-add-somth__el-hover {
      opacity: 1;
      background-color: rgba(255, 255, 255, 0.8); }
    .block-add-somth__el.deleted .block-add-somth__el-hover-text {
      color: var(--main-blue); }
    .block-add-somth__el:hover .block-add-somth__el-hover {
      opacity: 1; }

.add-file-el {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0;
  margin-bottom: 23px; }
  .add-file-el__remove {
    position: static;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    -webkit-transform: none;
            transform: none;
    cursor: pointer;
    -webkit-box-flex: 0;
            flex: none; }
  .add-file-el__icon {
    border-radius: 20px;
    background-color: var(--dark-grey5);
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 19px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 0;
    -webkit-transition: .2s;
    transition: .2s; }
  .add-file-el__title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: var(--color-656565);
    margin-bottom: 4px;
    word-break: break-word;
    -webkit-transition: .2s;
    transition: .2s;
    display: block;
    line-height: 1; }
  .add-file-el__text-info {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-9398a6);
    letter-spacing: 0.35px; }
  .add-file-el_blue .add-file-el__icon {
    background-color: var(--main-blue); }
  .add-file-el_blue .add-file-el__title {
    color: var(--main-blue); }
  .add-file-el.hover:hover .add-file-el__icon {
    background-color: var(--main-orange); }
  .add-file-el.hover:hover .add-file-el__title {
    color: var(--main-orange); }

.block-add-file {
  position: relative;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex; }
  .block-add-file__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.1em;
    height: 0.1em;
    background-color: transparent;
    opacity: 0; }

.search-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background-color: var(--main-white);
  border: 5px solid var(--main-grey);
  border-radius: 30px;
  overflow: hidden;
  font-size: 0; }
  .search-block__input {
    font-family: var(--font-base);
    width: 100%;
    height: 50px;
    padding: 0 25px;
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-black2);
    border: none;
    background: transparent; }
    .search-block__input::-webkit-input-placeholder {
      color: var(--color-727272);
      letter-spacing: 0.35px;
      font-style: italic;
      font-weight: 300; }
    .search-block__input::-moz-placeholder {
      color: var(--color-727272);
      letter-spacing: 0.35px;
      font-style: italic;
      font-weight: 300; }
    .search-block__input:-ms-input-placeholder {
      color: var(--color-727272);
      letter-spacing: 0.35px;
      font-style: italic;
      font-weight: 300; }
    .search-block__input::-ms-input-placeholder {
      color: var(--color-727272);
      letter-spacing: 0.35px;
      font-style: italic;
      font-weight: 300; }
    .search-block__input::placeholder {
      color: var(--color-727272);
      letter-spacing: 0.35px;
      font-style: italic;
      font-weight: 300; }
  .search-block__btn {
    display: block;
    border: none;
    background: url("../images/media-menu/search.png") no-repeat center;
    background-color: transparent;
    width: 60px;
    min-height: 100%;
    cursor: pointer; }

.user {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center; }
  .user__icon {
    display: block;
    -webkit-box-flex: 0;
            flex: none;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
    font-size: 0; }
    .user__icon img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .user__name {
    font-size: 18px;
    font-weight: 700;
    color: var(--main-blue); }

.info-student-main {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 693px; }
  .info-student-main__wrap {
    min-width: 298px;
    max-width: 50%; }
    .info-student-main__wrap .title-dec {
      margin-bottom: 17px; }
  .info-student-main__el {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start;
    margin-bottom: 14px; }
  .info-student-main__title {
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 400;
    color: var(--black-grey);
    margin-right: 20px; }
  .info-student-main__info-text {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--main-blue);
    min-width: 20px; }

.checkbox-chart {
  position: relative;
  font-size: 0;
  line-height: 0;
  -webkit-box-flex: 0;
          flex: none; }
  .checkbox-chart__inp {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.1px;
    height: 0.1px;
    opacity: 0; }
  .checkbox-chart__body {
    cursor: pointer;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    border: 3px solid var(--dark-grey2);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .checkbox-chart__dec {
    display: none;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: var(--main-blue); }
  .checkbox-chart__inp:checked + .checkbox-chart__body {
    border-color: var(--main-blue); }
    .checkbox-chart__inp:checked + .checkbox-chart__body span {
      display: block; }

.checkbox-el .exchange-checkbox-name {
  font-size: 16px;
  font-weight: 400;
  color: var(--main-black);
  margin-left: 9px; }

.block-arrows {
  display: -webkit-box;
  display: flex; }
  .block-arrows__el {
    -webkit-box-flex: 0;
            flex: none;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    background-color: var(--main-grey);
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 0;
    -webkit-transition: .2s;
    transition: .2s; }
    .block-arrows__el::after {
      content: '';
      width: 6px;
      height: 10px;
      background: url("../images/arr-left-blue.png") no-repeat center/contain;
      -webkit-transition: .2s;
      transition: .2s; }
    .block-arrows__el.right::after {
      background-image: url("../images/arr-left-blue.png");
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .block-arrows__el:hover {
      background-color: var(--main-blue); }
      .block-arrows__el:hover::after {
        background-image: url("../images/arr-left-white.png"); }

.title-calendar {
  font-family: var(--font-title);
  color: var(--main-black);
  font-size: 18px;
  font-weight: 400; }

.homework-content {
  background-color: var(--main-grey);
  border-radius: 5px;
  max-width: 580px;
  width: 100%; }
  .homework-content__body {
    padding: 20px 30px; }
  .homework-content__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .homework-content__date {
    padding-top: 7px;
    display: block;
    font-size: 14px;
    color: var(--main-black);
    font-weight: 300;
    letter-spacing: 0.5px; }
  .homework-content .content-course__author {
    margin-top: 19px; }
  .homework-content .content-course__btn a {
    padding: 12px 20px;
    font-size: 14px; }

.block-status {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .block-status__icon {
    -webkit-box-flex: 0;
            flex: none;
    font-size: 0;
    width: 30px;
    height: 30px;
    margin-right: 8px; }
  .block-status__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .block-status__title {
    font-family: var(--font-title);
    font-size: 14px;
    font-weight: 400;
    margin-right: 16px;
    color: var(--main-black); }
  .block-status__status {
    font-size: 16px;
    color: var(--main-black);
    font-weight: 400; }
  .block-status.fall .block-status__title {
    color: var(--color-fe9806); }
  .block-status.succes .block-status__title {
    color: var(--main-blue); }

.wrap-pagination {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center; }

.pagination-el {
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
          flex: none;
  margin-right: 10px;
  background-color: var(--main-grey);
  border-radius: 100%;
  overflow: hidden; }
  .pagination-el:last-child {
    margin-right: 0; }
  .pagination-el a {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    min-height: 100%;
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 400;
    color: var(--main-blue); }
  .pagination-el.active {
    background-color: var(--main-blue); }
    .pagination-el.active a {
      color: var(--main-white); }

.homework-answer {
  border-radius: 5px;
  background-color: var(--main-grey);
  padding: 20px 30px; }
  .homework-answer__title {
    font-family: var(--font-base-black);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--main-blue); }
  .homework-answer__content {
    margin-top: 9px;
    display: inline-block;
    color: var(--main-black);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-decoration: underline !important; }

.wrap-btns {
  display: -webkit-box;
  display: flex; }
  .wrap-btns .btn-form {
    margin-right: 19px; }

.account-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .account-block__icon {
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 14px;
    width: 50px;
    height: 50px; }
    .account-block__icon img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .account-block__icon-small {
      width: 30px;
      height: 30px;
      margin-right: 10px; }
  .account-block__name {
    font-size: 16px;
    color: var(--main-blue);
    font-weight: 700; }

.checkboxes {
  font-size: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  max-width: 510px;
  margin-left: auto;
  padding-left: 30px; }
  .checkboxes__el {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 10px;
    font-size: 0; }
    .checkboxes__el:last-child {
      margin-bottom: 0; }
  .checkboxes__name {
    margin-left: 10px;
    color: var(--main-black);
    font-size: 16px;
    font-weight: 400; }
  .checkboxes__checkbox {
    max-width: 24px;
    max-height: 24px; }

.connect-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .connect-block-el {
    font-size: 0;
    cursor: pointer;
    width: 36px;
    height: 36px;
    -webkit-box-flex: 0;
            flex: none;
    box-shadow: 0 0 10px rgba(0, 0, 1, 0.03);
    border-radius: 100%;
    background-color: var(--main-white);
    margin-left: 10px;
    -webkit-transition: .2s;
    transition: .2s;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center; }
    .connect-block-el.chain {
      background-image: url("../images/connect-block/chain.png"); }
    .connect-block-el.message {
      background-image: url("../images/connect-block/message.png"); }
    .connect-block-el:first-child {
      margin-left: 0; }
    .connect-block-el:hover {
      box-shadow: none;
      background-color: var(--main-blue); }
      .connect-block-el:hover.chain {
        background-image: url("../images/connect-block/chain-white.png"); }
      .connect-block-el:hover.message {
        background-image: url("../images/connect-block/message-white.png"); }

.link_def {
  font-family: var(--font-base);
  text-decoration: underline !important;
  font-weight: 700;
  color: var(--main-blue);
  font-size: 16px; }

.link {
  font-size: 18px;
  text-decoration: underline !important; }

.blue-text {
  font-size: 16px;
  font-weight: 700;
  color: var(--main-blue); }

.linkInText {
  color: var(--main-blue);
  font-weight: 700;
  text-decoration: underline !important;
  font-size: inherit; }

.points {
  display: -webkit-box;
  display: flex;
  font-size: 0;
  cursor: pointer;
  width: 50px;
  height: 100%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .points > span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin-right: 4px;
    background-color: var(--color-9398a6); }
    .points > span:last-child {
      margin-right: 0; }
  .points.active span {
    background-color: var(--main-blue); }

.video-btn {
  width: 20px;
  height: 17px;
  cursor: pointer;
  font-size: 0;
  -webkit-box-flex: 0;
          flex: none;
  background: url("../images/messages/video.png") no-repeat center/contain; }

.image-btn {
  width: 21px;
  height: 18px;
  cursor: pointer;
  font-size: 0;
  -webkit-box-flex: 0;
          flex: none;
  background: url("../images/messages/image.png") no-repeat center/contain; }

.tabs-circleBlue {
  display: -webkit-box;
  display: flex;
  font-size: 0; }
  .tabs-circleBlue__el {
    border-radius: 15px;
    background-color: var(--dark-grey5);
    font-size: 14px;
    letter-spacing: 0.35px;
    font-weight: 500;
    color: var(--main-white);
    margin-right: 21px;
    padding: 8px 20px;
    line-height: 1;
    min-width: 140px;
    cursor: pointer; }
    .tabs-circleBlue__el.active {
      background-color: var(--main-blue); }

.block-comment-input__top {
  display: -webkit-box;
  display: flex;
  margin-bottom: 11px; }

.block-comment-input__icon {
  margin-right: 10px; }

.block-comment-input__inp {
  border: 1px solid var(--dark-grey1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.11); }

.block-comment-input__btns {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end; }
  .block-comment-input__btns .btn-cancel {
    margin-right: 20px; }

.btn-cancel {
  display: inline-block;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1.05px;
  color: var(--dark-grey);
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s; }
  .btn-cancel:hover {
    color: var(--main-blue); }

.btn-add {
  display: inline-block;
  letter-spacing: 0.9px;
  font-weight: 800;
  font-size: 12px;
  background-color: var(--main-blue);
  border: 2px solid var(--main-blue);
  padding: 18px 33px;
  color: var(--main-white);
  border-radius: 25px;
  text-transform: uppercase;
  cursor: pointer; }

.noMarginBottom {
  margin-bottom: 0 !important; }

.checkbox-el-chart .checkbox-el-chart__text {
  margin-left: 10px; }

.select-color {
  display: -webkit-box;
  display: flex;
  height: 40px;
  max-width: 210px;
  min-width: 210px;
  cursor: pointer; }
  .select-color__color {
    min-height: 100%;
    width: 50px;
    -webkit-box-flex: 0;
            flex: none;
    background-color: var(--main-white);
    border: 1px solid var(--dark-grey1);
    border-radius: 5px 0 0 5px; }
  .select-color__body {
    background-color: var(--main-grey);
    border: 1px solid var(--dark-grey1);
    border-radius: 0 5px 5px 0;
    min-height: 100%;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .select-color__text {
    text-transform: uppercase;
    letter-spacing: 0.35px;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-black); }
  .select-color.off {
    cursor: default; }
    .select-color.off .select-color__text {
      color: var(--dark-grey2); }

.set-color-code {
  height: 40px;
  min-width: 100px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border: 1px solid var(--dark-grey1); }
  .set-color-code__text {
    letter-spacing: 0.4px;
    font-weight: 300;
    font-size: 16px;
    color: var(--mid-grey); }

.input-edit {
  font-size: 0;
  width: 100%; }
  .input-edit__info {
    font-size: 16px;
    font-weight: 400;
    color: var(--main-black);
    margin-bottom: 10px; }

.delete-el {
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .delete-el__icon {
    display: block;
    font-size: 0;
    -webkit-box-flex: 0;
            flex: none;
    padding: 2px;
    border-radius: 100%;
    background-color: var(--main-blue); }
  .delete-el__text {
    font-family: var(--font-base-black);
    text-transform: uppercase;
    letter-spacing: 0.35px;
    font-weight: 400;
    font-size: 14px;
    margin-left: 8px;
    color: var(--main-blue); }

.flex-start {
  -webkit-box-align: start;
          align-items: flex-start; }

.account-block {
  position: relative; }
  .account-block-who {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: -14px;
    min-width: 180px;
    background-color: var(--main-blue);
    border-radius: 20px;
    min-height: 50px;
    padding: 10px 15px;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .account-block-who__text {
      font-weight: 700;
      font-size: 16px;
      color: var(--main-white); }
    .account-block-who::after {
      content: '';
      position: absolute;
      top: -9px;
      right: 27px;
      width: 0;
      height: 0;
      border-width: 0 7px 9px 7px;
      border-color: transparent transparent var(--main-blue) transparent;
      border-style: solid; }
  .account-block:hover .account-block-who {
    display: -webkit-box;
    display: flex; }

.title-bradobrei {
  font-family: var(--font-title);
  color: var(--main-black);
  font-weight: 400;
  font-size: 24px; }

.btn-action {
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
          flex: none;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--main-grey);
  border-radius: 100%;
  cursor: pointer;
  font-size: 0;
  -webkit-transition: .2s;
  transition: .2s; }
  .btn-action:hover {
    background-color: var(--main-blue); }
  .btn-action.edit {
    background-size: 16px;
    background-image: url("../images/post-media/edit.png"); }
    .btn-action.edit:hover {
      background-image: url("../images/post-media/edit-white.png"); }
  .btn-action.remove {
    background-size: 18px;
    background-image: url("../images/post-media/remove.png"); }
    .btn-action.remove:hover {
      background-image: url("../images/post-media/remove-white.png"); }

.btn-orange:not(.block-sign_btn) {
  display: block;
  letter-spacing: 1.05px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  color: var(--main-white);
  background-color: var(--main-orange);
  border: 3px solid var(--main-orange);
  max-width: 260px;
  min-height: 40px;
  width: 100%;
  text-align: center;
  padding: 10px 20px;
  margin: 0 auto; }

.time-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }

.time-block-el {
  text-align: center;
  margin-left: 12px; }
  .time-block-el__num {
    color: var(--main-orange);
    font-size: 41px;
    font-weight: 800;
    line-height: 0;
    height: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .time-block-el__info {
    margin-top: 3px;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 300;
    color: var(--main-black); }
  .time-block-el__points {
    position: relative;
    top: -6px;
    color: var(--main-blue);
    height: 23px; }

.btn_small {
  height: 50px;
  font-size: 16px;
  max-width: 150px; }

.btn_blue {
  color: var(--main-blue);
  border-color: var(--main-blue); }
  .btn_blue::after, .btn_blue::before {
    background-color: var(--main-blue); }
  .btn_blue:hover {
    background-color: var(--main-blue);
    color: var(--main-white); }

.command-info-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .command-info-block__icon {
    -webkit-box-flex: 0;
            flex: none;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    background-color: var(--main-blue);
    border-radius: 100%;
    font-size: 0;
    margin-right: 10px; }
    .command-info-block__icon img {
      -webkit-box-flex: 0;
              flex: none; }
  .command-info-block__title {
    font-family: var(--font-title);
    color: var(--main-black);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 9px; }
  .command-info-block__info {
    color: var(--main-black);
    font-size: 16px;
    font-weight: 500; }
    .command-info-block__info-num {
      color: var(--main-blue);
      font-weight: 700; }
  .command-info-block_small .command-info-block__icon {
    width: 30px;
    height: 30px;
    margin-right: 15px; }
  .command-info-block_small .command-info-block__info {
    font-size: 16px; }
  .command-info-block_small .command-info-block__title {
    font-family: var(--font-base);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: var(--main-blue); }

.block-points-menu {
  position: relative; }
  .block-points-menu .base-content-table__menu-body {
    right: 0;
    top: 26px; }

.base-content-table__menu-body {
  display: none;
  background-color: var(--main-white);
  box-shadow: 0 0 20px rgba(0, 0, 1, 0.2);
  border-radius: 10px;
  max-width: 330px;
  min-width: 330px;
  position: absolute;
  right: 11px;
  top: calc(100% - 11px);
  padding: 10px 0;
  z-index: 100;
  cursor: default; }
  .base-content-table__menu-body.active {
    display: block; }
  .base-content-table__menu-body__el {
    position: relative;
    cursor: pointer;
    padding: 10px 20px;
    -webkit-transition: .2s;
    transition: .2s;
    font-size: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .base-content-table__menu-body__el.active, .base-content-table__menu-body__el:hover {
      background-color: var(--main-grey); }
  .base-content-table__menu-body-icon {
    width: 20px;
    margin-right: 15px; }
    .base-content-table__menu-body-icon img {
      max-width: 100%; }
  .base-content-table__menu-body-text {
    letter-spacing: 0.4px;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-black); }

.body-menu-search {
  cursor: default;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: -20px;
  max-width: 310px;
  min-width: 310px;
  background-color: var(--main-white);
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 1, 0.2); }
  .body-menu-search::after {
    content: '';
    position: absolute;
    top: -9px;
    right: 33px;
    width: 0;
    height: 0;
    border-width: 0 7px 9px 7px;
    border-color: transparent transparent var(--main-white) transparent;
    border-style: solid; }
  .body-menu-search__top {
    padding: 18px 20px;
    border-bottom: 1px solid var(--color-d8d8d8); }
  .body-menu-search__body {
    padding-top: 5px;
    padding-bottom: 22px; }
    .body-menu-search__body-contents {
      padding: 0 20px;
      padding-right: 0;
      max-height: 240px;
      overflow-y: auto; }
    .body-menu-search__body-content {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      margin-bottom: 10px; }
      .body-menu-search__body-content .checkbox {
        margin-right: 20px; }
      .body-menu-search__body-content .circle-icon {
        width: 40px;
        height: 40px;
        margin-right: 9px; }
  .body-menu-search__title {
    font-family: var(--font-base);
    font-weight: 500;
    font-size: 18px;
    color: var(--main-black); }
  .body-menu-search__inp {
    border: none;
    height: 40px;
    background-color: transparent;
    display: block;
    width: 100%;
    max-width: 270px;
    border-bottom: 1px solid var(--color-d8d8d8);
    margin: 0 20px;
    margin-bottom: 19px; }
    .body-menu-search__inp::-webkit-input-placeholder {
      font-family: var(--font-base);
      font-size: 14px; }
    .body-menu-search__inp::-moz-placeholder {
      font-family: var(--font-base);
      font-size: 14px; }
    .body-menu-search__inp:-ms-input-placeholder {
      font-family: var(--font-base);
      font-size: 14px; }
    .body-menu-search__inp::-ms-input-placeholder {
      font-family: var(--font-base);
      font-size: 14px; }
    .body-menu-search__inp, .body-menu-search__inp::placeholder {
      font-family: var(--font-base);
      font-size: 14px; }
    .body-menu-search__inp::-webkit-input-placeholder {
      font-weight: 500;
      color: var(--color-9398a6);
      letter-spacing: 0.35px; }
    .body-menu-search__inp::-moz-placeholder {
      font-weight: 500;
      color: var(--color-9398a6);
      letter-spacing: 0.35px; }
    .body-menu-search__inp:-ms-input-placeholder {
      font-weight: 500;
      color: var(--color-9398a6);
      letter-spacing: 0.35px; }
    .body-menu-search__inp::-ms-input-placeholder {
      font-weight: 500;
      color: var(--color-9398a6);
      letter-spacing: 0.35px; }
    .body-menu-search__inp::placeholder {
      font-weight: 500;
      color: var(--color-9398a6);
      letter-spacing: 0.35px; }

.wrap-users__title {
  display: block;
  margin-top: 30px;
  margin-bottom: 10px; }

.justify-center {
  -webkit-box-pack: center !important;
          justify-content: center !important; }

.block-checkboxes__title {
  font-family: var(--font-base-black);
  font-size: 16px;
  color: var(--main-blue);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 14px; }

.btn-block-el.border {
  border-top: 2px solid var(--main-white); }

.btn-block-el.off a {
  background-color: var(--main-grey);
  color: var(--dark-grey2); }
  .btn-block-el.off a:hover {
    background-color: inherit;
    color: inherit; }

.text-orange {
  display: inline-block;
  font-size: 16px;
  color: var(--main-orange);
  font-weight: 700; }

.table-kinds {
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 10px; }
  .table-kinds__text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: var(--mid-grey); }
  .table-kinds__cell {
    vertical-align: middle;
    background-color: var(--main-grey); }
    .table-kinds__cell-name {
      width: 100%; }
    .table-kinds__cell_title {
      text-align: center;
      background-color: var(--main-blue); }
      .table-kinds__cell_title .table-kinds__body {
        -webkit-box-pack: center;
                justify-content: center; }
      .table-kinds__cell_title .table-kinds__text {
        text-transform: uppercase;
        letter-spacing: 0.8px;
        font-size: 16px;
        color: var(--main-white);
        font-weight: 700; }
    .table-kinds__cell-single .table-kinds__body {
      -webkit-box-pack: start;
              justify-content: flex-start; }
    .table-kinds__cell .checkbox-chart {
      margin: 0 auto; }
  .table-kinds__body {
    min-height: 40px;
    min-width: 170px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 5px 30px; }

.noMargin {
  margin-bottom: 0 !important; }

.hide {
  visibility: hidden; }

.profile-img-add {
  min-width: 230px;
  max-width: 230px;
  -webkit-box-flex: 0;
          flex: none; }
  .profile-img-add__img {
    -webkit-box-flex: 0;
            flex: none;
    position: relative;
    height: 230px;
    width: 230px;
    border-radius: 100%;
    font-size: 0; }
    .profile-img-add__img-content {
      border-radius: 100%;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .profile-img-add__btn {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--main-orange);
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 0;
    width: 60px;
    height: 60px; }
    .profile-img-add__btn img {
      -webkit-box-flex: 0;
              flex: none;
      width: 30px; }
  .profile-img-add__text {
    margin-top: 17px;
    font-size: 14px;
    font-weight: 300;
    color: var(--main-black);
    text-align: center;
    line-height: 1.5; }

.user-info-table {
  width: 100%;
  border-collapse: separate;
  margin: -25px 0;
  border-spacing: 0 25px; }
  .user-info-table__name {
    font-weight: 700;
    font-size: 18px;
    color: var(--main-blue);
    padding-right: 28px;
    white-space: nowrap; }
  .user-info-table__cell {
    vertical-align: middle; }
  .user-info-table__body {
    width: 100%; }
  .user-info-table .select {
    margin: 0; }

.date-inputs {
  display: -webkit-box;
  display: flex; }
  .date-inputs__inp {
    border: 1px solid var(--dark-grey1);
    font-family: var(--font-base);
    font-size: 16px;
    font-weight: 300;
    color: var(--mid-grey);
    height: 60px;
    margin-right: 20px;
    padding: 0 20px;
    width: 100%; }
    .date-inputs__inp:last-child {
      margin-right: 0; }

.btn-save {
  font-family: var(--font-base);
  display: block;
  height: 50px;
  max-width: 100%;
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 1.2px; }
  .btn-save_width {
    max-width: 250px; }

.m-auto {
  margin-left: auto; }

.title-orange {
  font-size: 24px;
  color: var(--main-orange); }

.referrals-content {
  max-width: 580px;
  width: 100%; }
  .referrals-content__body {
    background-color: var(--main-grey);
    border-radius: 5px 5px 0 0;
    padding: 30px 30px;
    padding-bottom: 19px;
    display: -webkit-box;
    display: flex; }
  .referrals-content__img {
    width: 120px;
    height: 120px;
    background-color: var(--main-white);
    border-radius: 1px 1px 0 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-right: 30px; }
    .referrals-content__img img {
      -webkit-box-flex: 0;
              flex: none; }
  .referrals-content__title {
    margin-bottom: 20px; }
    .referrals-content__title-info {
      font-weight: 700;
      color: var(--black-grey); }
  .referrals-content__link {
    font-size: 16px;
    color: var(--main-blue); }
    .referrals-content__link-info {
      display: inline-block;
      font-size: 14px;
      color: var(--main-black);
      margin-top: 11px; }
  .referrals-content__text {
    color: var(--black-grey);
    font-size: 16px;
    margin-top: 8px; }
    .referrals-content__text-marker {
      color: var(--main-blue);
      font-size: 14px;
      font-weight: 500;
      margin-top: 11px;
      margin-bottom: 9px; }
  .referrals-content__foot {
    margin-top: 2px;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap; }
    .referrals-content__foot .content-course_mine-btn {
      width: 100%;
      -webkit-box-flex: 1;
              flex: auto;
      background-color: var(--main-grey);
      margin-right: 2px; }
      .referrals-content__foot .content-course_mine-btn:last-child {
        margin-right: 0; }

.title-decNorm {
  padding-bottom: 12px; }
  .title-decNorm::after {
    max-width: 70px; }

.wrap-input {
  margin-bottom: 23px; }
  .wrap-input .input-el {
    margin-bottom: 0; }
  .wrap-input__info {
    margin-top: 10px;
    letter-spacing: 0.4px;
    font-size: 16px;
    font-weight: 300;
    color: var(--main-black); }

.popupFrame_actions .select__el {
  max-width: 640px; }

.popupFrame_actions .select {
  margin-bottom: 20px; }

.profile-square {
  width: 230px; }
  .profile-square__img {
    position: relative;
    width: 100%;
    height: 230px;
    font-size: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border: 1px solid var(--color-e2e3e7);
    background-color: var(--color-e2e3e7);
    padding: 5px; }
    .profile-square__img-content {
      -webkit-box-flex: 0;
              flex: none; }
  .profile-square__btn {
    bottom: -10px;
    right: -10px;
    cursor: pointer; }
  .profile-square_small {
    width: 60px; }
    .profile-square_small .profile-square__img {
      height: 60px;
      width: 60px; }
    .profile-square_small .profile-square__btn {
      width: 30px;
      height: 30px; }
      .profile-square_small .profile-square__btn img {
        width: 15px; }
  .profile-square.active .profile-square__img {
    background-color: var(--main-white); }

.properties-templates-content-block {
  margin-bottom: 84px; }

.block-template-logo {
  margin-top: 29px;
  flex-wrap: wrap; }
  .block-template-logo .profile-square {
    -webkit-box-flex: 0;
            flex: none;
    width: 230px;
    margin-bottom: 30px; }

.input-el_bg {
  font-family: var(--font-base);
  background: url("../images/bg-inp.png");
  background-size: cover; }
  .input-el_bg input {
    letter-spacing: 0.4px;
    font-size: 16px;
    font-style: normal; }

.wrap-input_pass .wrap-input__info {
  margin-top: 7px;
  color: var(--dark-black2);
  letter-spacing: 0px;
  font-size: 16px; }

.noMarginTop {
  margin: 0 !important; }

.block-over-btn {
  display: -webkit-inline-box !important;
  display: inline-flex !important;
  cursor: pointer;
  margin-top: 21px; }
  .block-over-btn .block-iconLeft-textRight__icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin-right: 9px; }
  .block-over-btn .block-iconLeft-textRight__text {
    font-size: 14px; }

.block-emotions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  max-width: 770px;
  padding: 0 11px;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  position: relative; }
  .block-emotions__el {
    position: relative;
    z-index: 2;
    margin-right: 17px; }
    .block-emotions__el:last-child {
      margin-right: 0; }
  .block-emotions::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--main-orange);
    bottom: 85px;
    left: 0;
    z-index: 1; }

.emotions-el {
  width: 60px; }
  .emotions-el__text {
    font-size: 12px;
    font-weight: 500;
    color: var(--black-grey);
    text-align: center;
    display: none;
    width: 105px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: 30px; }
  .emotions-el__circle {
    margin: 0 auto;
    margin-top: 12px;
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
            flex: none;
    border: 4px solid var(--dark-grey1);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border-radius: 100%;
    background-color: var(--main-white); }
    .emotions-el__circle span {
      display: none;
      border-radius: 100%;
      width: 10px;
      height: 10px;
      background-color: var(--main-orange); }
  .emotions-el__img {
    margin-top: 14px;
    text-align: center;
    font-size: 0;
    width: 60px;
    height: 60px;
    background-position: center;
    background-size: 50px;
    background-repeat: no-repeat; }
  .emotions-el.active .emotions-el__img {
    background-size: 100%; }
  .emotions-el.active .emotions-el__text {
    display: block; }
  .emotions-el.active .emotions-el__circle {
    border-color: var(--main-orange); }
    .emotions-el.active .emotions-el__circle span {
      display: block; }
  .emotions-el-1 .emotions-el__img {
    background-image: url("../images/emotions/smile-1.png"); }
  .emotions-el-1.active .emotions-el__img {
    background-image: url("../images/emotions/smile-1-active.png"); }
  .emotions-el-2 .emotions-el__img {
    background-image: url("../images/emotions/smile-2.png"); }
  .emotions-el-2.active .emotions-el__img {
    background-image: url("../images/emotions/smile-2-active.png"); }
  .emotions-el-3 .emotions-el__img {
    background-image: url("../images/emotions/smile-3.png"); }
  .emotions-el-3.active .emotions-el__img {
    background-image: url("../images/emotions/smile-3-active.png"); }
  .emotions-el-4 .emotions-el__img {
    background-image: url("../images/emotions/smile-4.png"); }
  .emotions-el-4.active .emotions-el__img {
    background-image: url("../images/emotions/smile-4-active.png"); }
  .emotions-el-5 .emotions-el__img {
    background-image: url("../images/emotions/smile-5.png"); }
  .emotions-el-5.active .emotions-el__img {
    background-image: url("../images/emotions/smile-5-active.png"); }
  .emotions-el-6 .emotions-el__img {
    background-image: url("../images/emotions/smile-6.png"); }
  .emotions-el-6.active .emotions-el__img {
    background-image: url("../images/emotions/smile-6-active.png"); }
  .emotions-el-7 .emotions-el__img {
    background-image: url("../images/emotions/smile-7.png"); }
  .emotions-el-7.active .emotions-el__img {
    background-image: url("../images/emotions/smile-7-active.png"); }
  .emotions-el-8 .emotions-el__img {
    background-image: url("../images/emotions/smile-8.png"); }
  .emotions-el-8.active .emotions-el__img {
    background-image: url("../images/emotions/smile-8-active.png"); }
  .emotions-el-9 .emotions-el__img {
    background-image: url("../images/emotions/smile-9.png"); }
  .emotions-el-9.active .emotions-el__img {
    background-image: url("../images/emotions/smile-9-active.png"); }
  .emotions-el-10 .emotions-el__img {
    background-image: url("../images/emotions/smile-10.png"); }
  .emotions-el-10.active .emotions-el__img {
    background-image: url("../images/emotions/smile-10-active.png"); }

.block-analytics {
  margin-bottom: 40px; }
  .block-analytics__info {
    font-size: 16px;
    color: var(--main-black);
    margin-top: 25px;
    line-height: 1.2; }
  .block-analytics-content {
    font-size: 0;
    text-align: center;
    margin-top: 28px; }

.block-timer {
  margin: 25px 0; }

.block-timer-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .block-timer-content__title {
    font-family: var(--font-title);
    font-size: 18px;
    color: var(--main-blue); }
  .block-timer-content__inp {
    display: block;
    margin: 0 20px;
    height: 60px;
    width: 100px;
    border: 1px solid var(--dark-grey1);
    padding: 0 20px; }

.block-date .block-date-el {
  min-width: 1px;
  max-width: 120px;
  width: 100%; }

.block-date-inp {
  min-width: 1px;
  max-width: 120px;
  width: 100%;
  height: 50px;
  margin-right: 10px;
  text-align: center;
  background-color: var(--main-white);
  border: 1px solid var(--dark-grey1);
  font-size: 16px;
  font-weight: 300;
  color: var(--mid-grey);
  font-family: var(--font-base);
  padding: 0 15px; }
  .block-date-inp:last-child {
    margin-right: 0; }

.tools-tabs__el {
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }

.answers-list {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px; }
  .answers-list .script-list__body {
    padding: 5px 20px; }
  .answers-list__color {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    border-radius: 5px;
    height: 100%;
    min-height: 100%; }
  .answers-list__name {
    color: var(--main-black);
    font-size: 16px; }

.script {
  margin-bottom: 40px; }

.script-create {
  padding-left: 0; }
  .script-create .script-list__body {
    padding: 5px 40px; }
  .script-create .answers-list__name {
    font-size: 18px; }

.script-answers-line__body {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.script-answer {
  width: 100%;
  margin-right: 40px; }
  .script-answer:last-child {
    margin-right: 0; }

.script-answer-body__top {
  background-color: var(--main-grey);
  border-radius: 5px;
  min-height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 10px 20px; }

.script-answer-body__name {
  font-size: 16px;
  color: var(--main-white);
  font-weight: 500;
  line-height: 1.5; }
  .script-answer-body__name_black {
    color: var(--main-black); }

.script-answer-body__content {
  margin-top: 2px;
  display: -webkit-box;
  display: flex; }

.script-answer-body__btns .student-list__btn {
  margin: 0 !important;
  width: 50px;
  height: 50px;
  margin-right: 2px !important; }

.script-answer-body .script-answer-body-add {
  width: 100%; }

.script-answer-body-add {
  min-height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 5px;
  background-color: var(--main-grey);
  padding: 10px 28px;
  cursor: pointer; }
  .script-answer-body-add__icon {
    font-size: 0;
    margin-right: 9px;
    -webkit-box-flex: 0;
            flex: none; }
  .script-answer-body-add__text {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.35px;
    font-weight: 700;
    color: var(--main-black);
    white-space: nowrap; }

.script-arr {
  min-height: 20px;
  width: 1px;
  background-color: var(--dark-grey1);
  position: relative; }
  .script-arr::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
            transform: translateX(-50%) rotate(180deg);
    bottom: 0;
    width: 0;
    height: 0;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent var(--dark-grey1) transparent;
    border-style: solid; }

.script-answers-line__arrows {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 69.91%;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 30px;
  height: 1px;
  background-color: var(--dark-grey1);
  position: relative; }
  .script-answers-line__arrows::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1px;
    height: 10px;
    bottom: 0;
    background-color: var(--dark-grey1); }
  .script-answers-line__arrows.red {
    background-color: var(--color-ff0404); }
    .script-answers-line__arrows.red::after {
      background-color: var(--color-ff0404); }
    .script-answers-line__arrows.red .script-arr {
      background-color: var(--color-ff0404); }
      .script-answers-line__arrows.red .script-arr::after {
        border-color: transparent transparent var(--color-ff0404) transparent; }
  .script-answers-line__arrows.green {
    background-color: var(--color-039906); }
    .script-answers-line__arrows.green::after {
      background-color: var(--color-039906); }
    .script-answers-line__arrows.green .script-arr {
      background-color: var(--color-039906); }
      .script-answers-line__arrows.green .script-arr::after {
        border-color: transparent transparent var(--color-039906) transparent; }
  .script-answers-line__arrows.single {
    max-width: none;
    width: auto;
    -webkit-box-pack: center;
            justify-content: center;
    background-color: transparent; }
    .script-answers-line__arrows.single::after {
      display: none; }

.script-answer__in {
  margin-top: 38px;
  text-align: center; }
  .script-answer__in .script-answer-body__top {
    padding: 14px 20px; }
  .script-answer__in .script-answer-body__btns {
    width: 100%; }
    .script-answer__in .script-answer-body__btns .student-list__btn {
      width: 100%;
      -webkit-box-flex: 1;
              flex: auto; }
      .script-answer__in .script-answer-body__btns .student-list__btn:last-child {
        margin-right: 0; }

.script-answer_small {
  margin-top: 10px;
  margin-right: 23px; }
  .script-answer_small .script-answer-body {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
  .script-answer_small:last-child {
    margin-right: 0; }
  .script-answer_small .script-answer-body__top {
    padding: 8px 15px;
    height: 100%; }
  .script-answer_small .student-list__btn:last-child {
    margin-right: 0 !important; }

.script-answer_single {
  padding-right: 40px;
  margin-top: 0; }

.script-answers .script-create {
  margin-top: 20px;
  max-width: 524px;
  margin-left: auto; }

.account-block__name-info {
  font-size: 16px;
  color: var(--main-black);
  display: inline-block;
  margin-left: 10px;
  font-weight: 400; }

.sidebar-content-articles {
  padding: 20px; }
  .sidebar-content-articles__content {
    margin-top: 18px; }

.sidebar-content-articles-el {
  margin-bottom: 12px;
  cursor: pointer; }
  .sidebar-content-articles-el__title {
    font-family: var(--font-base-semibold);
    font-size: 16px;
    color: var(--main-blue);
    margin-bottom: 6px;
    line-height: 1.2;
    -webkit-transition: .2s;
    transition: .2s; }
  .sidebar-content-articles-el__date {
    margin: 0;
    letter-spacing: 0.3px;
    font-size: 12px;
    color: var(--main-orange);
    font-weight: 700; }
  .sidebar-content-articles-el:hover .sidebar-content-articles-el__title {
    color: var(--main-orange); }
  .sidebar-content-articles-el:hover .sidebar-content-articles-el__date {
    color: var(--main-blue); }

.block-navigation__el-count {
  font-size: 14px;
  color: var(--main-white);
  line-height: 1;
  border-radius: 100px;
  background-color: var(--main-orange);
  box-shadow: 0 0 10px rgba(0, 0, 1, 0.03);
  min-width: 24px;
  min-height: 24px;
  max-height: 24px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 4px;
  white-space: nowrap; }

.block-navigation__el {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.user-info-block__title {
  font-family: var(--font-title);
  height: 14px;
  font-size: 16px;
  font-weight: 400;
  color: var(--main-orange);
  margin-bottom: 17px; }

.user-info-block-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center; }
  .user-info-block-content-btn {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
            flex: none;
    border-radius: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    background: url("../images/i-btn_white.svg") no-repeat center;
    background-size: 5px;
    background-color: var(--main-blue);
    font-size: 0;
    cursor: pointer; }
    .user-info-block-content-btn:hover {
      background-color: var(--main-orange); }
  .user-info-block-content .account-block .circle-icon {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 9px; }

.command-info-block__status {
  font-weight: 500;
  font-size: 14px;
  color: var(--main-orange); }

.info-partner-table {
  display: table;
  width: 100%; }
  .info-partner-table__tr {
    display: table-row; }
  .info-partner-table__cell {
    display: table-cell;
    vertical-align: middle; }
    .info-partner-table__cell-body {
      padding-bottom: 14px; }

.info-partner-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 15px; }
  .info-partner-block-img {
    font-size: 0;
    background-color: var(--main-blue);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 36px;
    height: 36px;
    background-color: var(--main-blue);
    border-radius: 100%;
    -webkit-box-flex: 0;
            flex: none; }
    .info-partner-block-img img {
      -webkit-box-flex: 0;
              flex: none;
      max-width: 16px; }
  .info-partner-block-text {
    margin-left: 11px;
    color: var(--black-grey);
    font-size: 16px;
    font-weight: 500; }
  .info-partner-block-content {
    font-size: 16px;
    font-weight: 700;
    color: var(--main-blue);
    word-break: break-all; }

.small-arr-btn {
  margin: 0; }
  .small-arr-btn .block-iconLeft-textRight__icon {
    width: 30px;
    height: 30px;
    min-height: 0;
    min-width: 0;
    margin-right: 14px; }
    .small-arr-btn .block-iconLeft-textRight__icon img {
      max-width: 5px; }

.structure {
  margin-top: 34px;
  overflow: hidden; }
  .structure__top {
    margin-bottom: 10px;
    display: -webkit-box;
    display: flex; }
  .structure__title {
    padding-bottom: 13px;
    border-bottom: 3px solid var(--main-blue); }
    .structure__title-text {
      font-family: var(--font-base-black);
      color: var(--main-blue);
      font-size: 18px;
      text-transform: uppercase; }
  .structure__count {
    min-width: 138px;
    width: 138px;
    -webkit-box-flex: 0;
            flex: none;
    margin-left: 4px;
    text-align: center; }
  .structure__name {
    width: 100%;
    -webkit-box-flex: 1;
            flex: auto; }
  .structure__body-count {
    background-color: var(--main-grey);
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .structure__body-count-text {
      font-family: var(--font-base-semibold);
      font-size: 18px;
      color: var(--main-black);
      word-break: break-all; }

.structure-el-content {
  display: -webkit-box;
  display: flex; }

.structure-el-content-user {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 10px 17px;
  padding-right: 23px; }
  .structure-el-content-user__userBlock .circle-icon {
    width: 40px;
    height: 40px;
    margin-right: 9px; }
  .structure-el-content-user__btns {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .structure-el-content-user__btns .user-info-block-content-btn {
      margin-left: 10px; }

.structure-el {
  padding-left: 30px;
  position: relative; }
  .structure-el__point {
    position: absolute;
    -webkit-box-flex: 0;
            flex: none;
    width: 10px;
    height: 10px;
    background-color: var(--main-blue);
    border-radius: 100%;
    left: -19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 0;
    z-index: 6; }
  .structure-el-content {
    position: relative;
    z-index: 10;
    background-color: var(--main-white);
    margin-bottom: 4px; }
    .structure-el-content::after {
      content: '';
      position: absolute;
      top: 0;
      right: 100%;
      height: 100%;
      width: 25px;
      background-color: var(--main-white);
      z-index: 2; }
    .structure-el-content.active {
      margin-bottom: 10px; }
      .structure-el-content.active .structure-el__point {
        background-color: var(--color-ff9d00); }
      .structure-el-content.active .user-info-block-content-btn.arr {
        background-color: var(--main-orange);
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .structure-el-content.off .user-info-block-content-btn.arr {
      opacity: 0.4;
      cursor: default; }
      .structure-el-content.off .user-info-block-content-btn.arr:hover {
        background-color: var(--main-blue); }
  .structure-el__line {
    display: none;
    font-size: 0;
    position: absolute;
    top: 29px;
    left: 0;
    height: calc(100% - 59px);
    width: 2px;
    background-color: var(--color-d2d2d2);
    z-index: 5; }
    .structure-el__line.active {
      display: block; }
  .structure-el__line-horizontal {
    background-color: var(--color-d2d2d2);
    height: 2px;
    width: calc(100% + 30px);
    top: 29px;
    position: absolute;
    right: 0;
    z-index: 1; }

.structure-el-wrapper-structure-elements .structure-el {
  padding-left: 52px; }
  .structure-el-wrapper-structure-elements .structure-el:last-child {
    margin-bottom: 10px; }

.structure-el-wrapper-structure-elements .structure-el__line {
  left: 37px; }

.structure-el-wrapper-structure-elements .structure-el-content::after {
  height: 40px; }

.structure-el-wrapper-structure-elements .structure-el-wrapper-structure-elements .structure-el__line-horizontal {
  width: calc(100% + 15px); }

.structure-el-upstream {
  padding-left: 22px;
  margin-right: 25px;
  min-height: 60px;
  margin-bottom: 10px; }
  .structure-el-upstream:first-child .structure-el-upstream__arr {
    display: none; }
  .structure-el-upstream .structure-el-content-user {
    padding: 10px 20px; }
  .structure-el-upstream .structure-el-content::after {
    display: none; }
  .structure-el-upstream__arr {
    position: absolute;
    bottom: 44px;
    left: -15px;
    height: 40px; }
    .structure-el-upstream__arr::after {
      bottom: auto;
      top: -1px;
      bottom: auto;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }

.wrap-checkboxes__title {
  margin-bottom: 20px; }

.search-block__input {
  font-family: var(--font-base); }

.action-icon {
  -webkit-box-flex: 0;
          flex: none;
  position: relative; }
  .action-icon .hint-blue-wrap__svg {
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .action-icon .hint-blue-wrap__svg svg {
      width: 20px;
      height: 22px;
      -webkit-box-flex: 0;
              flex: none; }
      .action-icon .hint-blue-wrap__svg svg path {
        fill: transparent;
        stroke: var(--color-b7b6b6);
        -webkit-transition: .2s;
        transition: .2s; }
  .action-icon_star .hint-blue-wrap__svg svg path {
    stroke-width: 4px; }
  .action-icon_notification .hint-blue-wrap__svg svg path {
    stroke-width: 50px; }
  .action-icon_shield .hint-blue-wrap__svg svg path {
    stroke-width: 50px; }
  .action-icon:hover .hint-blue-wrap__svg svg path {
    fill: transparent;
    stroke: var(--main-blue); }
  .action-icon.active.action-icon_star svg path {
    stroke: var(--main-blue);
    fill: var(--main-blue); }
  .action-icon.active .hint-blue-wrap__svg svg path {
    stroke: var(--main-blue); }
  .action-icon__window {
    display: none;
    position: absolute;
    z-index: 20;
    top: 100%;
    top: calc(100% + 12px);
    right: -30px; }

.time-window {
  max-width: 310px;
  min-width: 310px;
  background-color: var(--main-white);
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 1, 0.2); }
  .time-window__date {
    padding: 18px 20px; }
    .time-window__date-text {
      font-weight: 500;
      font-size: 18px;
      color: var(--main-black); }
  .time-window-top {
    background-color: var(--main-grey); }
    .time-window-top__el {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      padding: 10px 20px;
      font-size: 0;
      cursor: pointer; }
      .time-window-top__el.active {
        background-color: var(--main-orange);
        cursor: default; }
        .time-window-top__el.active .time-window-top__icon svg path, .time-window-top__el.active .time-window-top__icon svg polygon {
          fill: var(--main-white); }
        .time-window-top__el.active .time-window-top__text {
          color: var(--main-white); }
    .time-window-top__icon {
      width: 20px;
      height: 20px;
      text-align: center;
      margin-right: 15px; }
      .time-window-top__icon svg {
        width: 100%;
        height: auto; }
    .time-window-top__text {
      font-family: var(--font-base-semibold);
      font-size: 16px;
      letter-spacing: 0.4px;
      font-weight: 400;
      color: var(--main-black); }
  .time-window__calend {
    max-width: 270px;
    min-width: 270px;
    margin-top: 15px;
    margin-bottom: 15px; }
  .time-window__bottom {
    border-top: 1px solid var(--color-d8d8d8);
    padding: 12px 20px;
    padding-bottom: 20px; }
  .time-window-addTime {
    text-align: left; }
    .time-window-addTime__top {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center; }
    .time-window-addTime__body {
      margin-top: 23px; }
    .time-window-addTime__decision {
      margin-top: 17px; }

.plus-icon {
  -webkit-box-flex: 0;
          flex: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-size: 0; }
  .plus-icon svg {
    width: 100%;
    height: 100%; }
    .plus-icon svg * {
      fill: var(--dark-grey); }

.plus-block {
  cursor: pointer; }
  .plus-block__icon {
    display: block;
    -webkit-box-flex: 0;
            flex: none;
    width: 20px;
    height: 20px;
    margin-right: 16px; }
    .plus-block__icon path {
      -webkit-transition: .2s;
      transition: .2s; }
  .plus-block__text {
    letter-spacing: 0.16px;
    font-weight: 700;
    font-size: 16px;
    color: var(--dark-grey);
    -webkit-transition: .2s;
    transition: .2s; }
  .plus-block:hover .plus-block__icon svg * {
    fill: var(--main-blue); }
  .plus-block:hover .plus-block__text {
    color: var(--main-blue); }

.block-btns-decision {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center; }
  .block-btns-decision__btn {
    margin-left: 20px;
    font-size: 14px;
    color: var(--dark-grey);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s; }
    .block-btns-decision__btn:first-child {
      margin-left: 0; }
  .block-btns-decision-accept {
    color: var(--main-blue); }
    .block-btns-decision-accept:hover {
      color: var(--main-orange); }

.hint-blue-wrap {
  position: relative; }
  .hint-blue-wrap__body {
    position: absolute;
    top: 100%;
    top: calc(100% + 12px);
    right: -42px; }
  .hint-blue-wrap__svg:hover + .action-icon__windows .hint-blue-wrap__body, .hint-blue-wrap__svg:hover + .action-icon__windows .hint-blue-wrap-triangle {
    visibility: visible;
    opacity: 1; }

.hint-blue-wrap-triangle, .action-icon-triangle {
  position: absolute;
  top: 100%;
  top: calc(100% + 3px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-width: 0 7px 9px 7px;
  border-color: transparent transparent var(--main-blue) transparent;
  border-style: solid;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  z-index: 20; }

.action-icon-triangle {
  border-color: transparent transparent var(--main-white) transparent;
  z-index: 100; }
  .action-icon-triangle.active {
    visibility: visible;
    opacity: 1; }

.hint-blue-body {
  background-color: var(--main-blue);
  border-radius: 20px;
  width: 200px;
  -webkit-box-flex: 0;
          flex: none;
  color: var(--main-white);
  padding: 20px 20px;
  padding-bottom: 15px;
  text-align: left;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .4s;
  transition: opacity .4s; }
  .hint-blue-body__title {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 7px; }
  .hint-blue-body__text {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2; }

.action-icon-window {
  box-shadow: 0 0 20px rgba(0, 0, 1, 0.2);
  border-radius: 10px;
  background-color: var(--main-white);
  width: 310px;
  -webkit-box-flex: 0;
          flex: none;
  text-align: left; }
  .action-icon-window__top {
    border-bottom: 1px solid var(--color-d8d8d8);
    padding: 20px 20px;
    padding-bottom: 16px; }
    .action-icon-window__top-text {
      font-weight: 500;
      font-size: 18px;
      color: var(--main-black); }
  .action-icon-window__body {
    padding: 10px 0;
    padding-bottom: 6px; }
    .action-icon-window__body-padding {
      padding: 20px 20px; }
  .action-icon-window__stars {
    padding: 0 0; }
  .action-icon-window .checkbox-el:last-child {
    margin-bottom: 0 !important; }
  .action-icon-window__bottom {
    border-top: 1px solid var(--color-d8d8d8);
    background-color: var(--main-grey); }

.block-rating-el {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 20px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s; }
  .block-rating-el__icon {
    width: 20px;
    height: 20px;
    margin-right: 15px; }
    .block-rating-el__icon svg {
      stroke-width: 4px; }
  .block-rating-el__text {
    font-family: var(--font-base-semibold);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.4px;
    color: var(--main-black); }
  .block-rating-el.active, .block-rating-el:hover {
    background-color: var(--main-grey); }
  .block-rating-el.active {
    cursor: default; }

.checkbox-el-margin .checkbox-chart {
  margin-right: 10px; }

.wrap-tasks .task {
  margin-bottom: 10px; }

.wrap-tasks .wrap-tasks-block .task:last-child {
  margin-bottom: 0; }

.wrap-tasks-block {
  border-bottom: 2px solid var(--color-e8e8e8);
  border-radius: 1px;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .wrap-tasks-block:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0; }

.task {
  display: -webkit-box;
  display: flex;
  background-color: var(--main-grey);
  min-height: 80px;
  padding-left: 30px;
  position: relative;
  border-radius: 5px; }
  .task__btn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important; }
  .task__border {
    border-top: 1px solid rgba(221, 221, 221, 0.5);
    padding-top: 5px;
    margin-top: 5px; }
  .task__body {
    width: 100%;
    padding: 10px 15px; }
  .task__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding-bottom: 3px; }
    .task__top-left, .task__top-right {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center; }
  .task__bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .task__circle {
    margin-right: 10px; }
  .task__name {
    color: var(--main-black);
    font-size: 16px;
    font-weight: 400; }
  .task__date {
    margin-right: 10px; }
    .task__date-text {
      font-size: 14px;
      color: var(--lite-grey2);
      font-weight: 500; }
  .task__points {
    position: relative;
    height: 20px; }
    .task__points .points {
      width: 20px; }
  .task__window {
    display: none;
    position: absolute;
    top: 100%;
    top: calc(100% + 10px);
    right: 0;
    z-index: 20; }
  .task-window {
    cursor: default;
    padding: 10px 0;
    padding-bottom: 5px;
    background-color: var(--main-white);
    box-shadow: 0 0 20px rgba(0, 0, 1, 0.2);
    border-radius: 10px;
    min-width: 330px;
    max-width: 330px;
    width: 100%; }
    .task-window_border {
      border-bottom: 1px solid var(--color-d8d8d8); }
    .task-window__actions .block-rating-el:hover {
      background-color: var(--main-grey); }
    .task-window__time {
      padding: 6px 0; }
    .task-window-time-el {
      padding: 8px 20px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
              justify-content: space-between;
      margin-bottom: 10px;
      -webkit-transition: .2s;
      transition: .2s;
      cursor: pointer;
      position: relative; }
      .task-window-time-el:last-child {
        margin-bottom: 0; }
      .task-window-time-el__name {
        -webkit-box-flex: 0;
                flex: none;
        font-family: var(--font-base-semibold);
        font-size: 16px;
        letter-spacing: 0.4px;
        text-transform: uppercase;
        color: var(--main-black);
        margin-right: 20px; }
      .task-window-time-el__date {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center; }
        .task-window-time-el__date-text {
          color: var(--lite-grey2);
          font-size: 14px;
          font-weight: 500;
          margin-right: 20px; }
      .task-window-time-el__calend {
        width: 21px; }
        .task-window-time-el__calend svg path {
          -webkit-transition: .2s;
          transition: .2s; }
      .task-window-time-el__rating {
        -webkit-box-pack: end;
                justify-content: flex-end; }
      .task-window-time-el__window {
        display: none;
        position: absolute;
        top: 32px;
        right: 40px;
        z-index: 100; }
      .task-window-time-el:hover, .task-window-time-el.active {
        background-color: var(--main-grey); }
        .task-window-time-el:hover .task-window-time-el__calend svg path, .task-window-time-el.active .task-window-time-el__calend svg path {
          fill: var(--main-blue); }
  .task__progress {
    width: 100%;
    max-width: 550px; }
  .task__actions {
    -webkit-box-flex: 0;
            flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
    margin-left: 20px;
    font-size: 0; }
  .task__action {
    margin-left: 10px; }
    .task__action:first-child {
      margin-left: 0; }
  .task_off {
    opacity: 0.5; }
  .task__executor {
    margin-right: 30px; }

.rating-block-horz {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .rating-block-horz__el {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-size: 0;
    margin-left: 7px; }
    .rating-block-horz__el.active {
      border: 1px solid var(--dark-grey2);
      background-color: var(--main-grey); }
    .rating-block-horz__el:first-child {
      margin-left: 0; }
  .rating-block-horz__icon svg {
    width: 20px; }

.task-action__icon {
  cursor: pointer;
  font-size: 0; }
  .task-action__icon svg {
    width: 21px;
    height: 21px; }
    .task-action__icon svg path {
      fill: var(--color-a4a4a4); }

.task-action_error .task-action__icon svg path {
  fill: var(--color-962000); }

.task-btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 80px;
  width: 30px;
  -webkit-box-flex: 0;
          flex: none;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px 0 0 5px;
  padding: 0 8px;
  cursor: pointer; }
  .task-btn__body {
    height: 20px;
    width: 14px;
    display: -webkit-inline-box;
    display: inline-flex;
    flex-wrap: wrap; }
  .task-btn span {
    display: block;
    width: 5px;
    height: 5px;
    margin: 1px;
    background-color: var(--color-d8d8d8);
    -webkit-box-flex: 0;
            flex: none; }

.task-circle {
  -webkit-box-flex: 0;
          flex: none;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 5px solid var(--dark-grey2);
  background-color: rgba(194, 194, 194, 0.15); }
  .task-circle_blue {
    border-color: var(--main-blue);
    background-color: rgba(0, 107, 174, 0.15); }
  .task-circle_orange {
    border-color: var(--color-ff9b01);
    background-color: rgba(255, 155, 1, 0.15); }
  .task-circle_red {
    border-color: var(--color-ff3600);
    background-color: rgba(255, 54, 0, 0.15); }

.progress-inp {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .progress-inp__input {
    background-color: var(--main-white);
    border: 1px solid var(--dark-grey2);
    height: 40px;
    width: 112px;
    text-align: center;
    color: var(--lite-grey2);
    font-size: 14px;
    font-family: var(--font-base);
    padding: 0 10px; }
  .progress-inp__text {
    font-size: 16px;
    font-weight: 700;
    color: var(--main-black);
    margin-left: 9px; }

.lesson-content__tabs_small .lesson-content__tabs-el a {
  font-size: 14px;
  padding: 12px 2px; }

.goal-circle__title {
  margin-top: 14px;
  margin-bottom: 17px;
  color: var(--main-black);
  font-size: 16px; }
  .goal-circle__title span {
    font-weight: 700;
    color: var(--main-blue); }

.goal-circle__info {
  font-size: 12px;
  color: var(--main-black);
  font-weight: 500; }

.goal-circle__btn {
  margin-top: 16px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: underline !important;
  font-weight: 700;
  font-size: 12px;
  color: var(--color-ff9b01); }

.done-wheek__title {
  font-size: 16px;
  padding-bottom: 16px; }

.done-wheek .done-wheek-chart {
  margin-top: 21px; }

.done-wheek-chart {
  position: relative;
  padding: 11px 0; }
  .done-wheek-chart__line {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 10px; }
    .done-wheek-chart__line:last-child {
      margin-bottom: 0; }
    .done-wheek-chart__line.active .done-wheek-chart__name {
      font-family: var(--font-base-black);
      color: var(--main-blue); }
    .done-wheek-chart__line.active .done-wheek-chart__progress {
      background-color: var(--main-orange); }
  .done-wheek-chart__progress {
    min-width: 2px;
    height: 20px;
    background-color: var(--color-d8d8d8);
    margin-left: 10px;
    margin-right: 5px; }
  .done-wheek-chart__name {
    font-size: 12px;
    color: var(--main-black);
    font-weight: 500; }
    .done-wheek-chart__name_count {
      margin-left: auto; }
  .done-wheek-chart::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: var(--color-bdbdbd);
    z-index: 10; }

.btn-statistics {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .btn-statistics__icon {
    margin-right: 16px;
    display: block;
    width: 20px; }
    .btn-statistics__icon svg path {
      fill: var(--dark-grey); }
  .btn-statistics__name {
    font-weight: 700;
    color: var(--dark-grey);
    font-size: 16px;
    letter-spacing: 0.16px; }

.block-rating-el {
  position: relative; }

.block-rating-el__window {
  display: none;
  position: absolute;
  top: 100%;
  right: 40px;
  z-index: 100; }
  .block-rating-el__window::after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 33px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 0 7px 9px 7px;
    border-color: transparent transparent var(--main-white) transparent;
    border-style: solid; }

.task-executor {
  position: relative;
  cursor: pointer; }
  .task-executor__icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden; }
    .task-executor__icon img {
      -o-object-position: center;
         object-position: center;
      -o-object-fit: cover;
         object-fit: cover; }
  .task-executor__triangle {
    position: absolute;
    top: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    height: 0;
    border-width: 0 7px 9px 7px;
    border-color: transparent transparent var(--main-blue) transparent;
    border-style: solid;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    visibility: hidden; }
  .task-executor__window {
    position: absolute;
    top: calc(100% + 4px);
    right: -20px;
    background-color: var(--main-blue);
    border-radius: 20px;
    height: 50px;
    width: 180px;
    -webkit-box-flex: 0;
            flex: none;
    z-index: 100;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 15px 20px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
    visibility: hidden; }
  .task-executor__text {
    font-weight: 700;
    font-size: 16px;
    color: var(--main-white); }
  .task-executor:hover .task-executor__window, .task-executor:hover .task-executor__triangle {
    opacity: 1;
    visibility: visible; }

.wrap-task__tasks {
  margin-left: 30px; }

.wrap-tasks-block-date {
  margin-bottom: 48px; }
  .wrap-tasks-block-date__text {
    font-family: var(--font-base-semibold);
    display: block;
    margin-left: 0 !important;
    margin-bottom: 17px; }

.task-closed {
  min-height: 60px;
  margin-bottom: 10px; }
  .task-closed__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    background-color: var(--main-grey);
    border-radius: 5px;
    padding: 20px 30px; }
  .task-closed__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .task-closed__name {
    color: var(--main-black);
    font-size: 16px; }
  .task-closed__icon {
    margin-right: 20px;
    width: 12px;
    -webkit-box-flex: 0;
            flex: none; }
    .task-closed__icon svg path {
      fill: var(--dark-grey2); }
  .task-closed__date {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .task-closed__date-text {
      color: var(--lite-grey2);
      font-size: 14px;
      font-weight: 500; }
  .task-closed__points {
    margin-left: 10px; }

.task-error {
  background-color: var(--color-ffd7cc); }

.task-closed-error .task-closed__body {
  background-color: var(--color-ffd7cc); }

.task-closed-error .task-closed__icon {
  width: 20px;
  height: 20px; }
  .task-closed-error .task-closed__icon svg path {
    fill: var(--color-962000); }

.task-page-content-statistics {
  margin-top: 25px; }
  .task-page-content-statistics__tabs {
    margin-top: 18px; }
  .task-page-content-statistics__content {
    margin-top: 29px; }

.task-page-content-statistics-content__goal {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .task-page-content-statistics-content__goal-chart {
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 30px; }
    .task-page-content-statistics-content__goal-chart .circle-progress {
      width: 130px;
      height: 130px; }
      .task-page-content-statistics-content__goal-chart .circle-progress__body {
        width: 110px;
        height: 110px; }
  .task-page-content-statistics-content__goal-content .goal-circle__title {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 26px; }
  .task-page-content-statistics-content__goal-content .goal-circle__info {
    font-size: 16px; }
  .task-page-content-statistics-content__goal-content .goal-circle__btn {
    font-size: 14px;
    margin-top: 25px; }

.task-page-content-statistics-info {
  max-width: 720px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap; }
  .task-page-content-statistics-info__block {
    min-width: 300px;
    margin-right: 20px; }
    .task-page-content-statistics-info__block:last-child {
      margin-right: 0; }
  .task-page-content-statistics-info__line {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 16px; }
  .task-page-content-statistics-info__text {
    color: var(--main-black);
    font-size: 18px; }
  .task-page-content-statistics-info__count {
    color: var(--main-black);
    font-size: 18px;
    font-weight: 700;
    margin-left: 15px; }

.scrum-btn {
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .scrum-btn__icon {
    width: 20px;
    height: 20px;
    margin-right: 10px; }
  .scrum-btn__text {
    color: var(--main-white);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px; }

.scrum-add__input {
  border: none;
  font-family: var(--font-base);
  height: 90px;
  width: 100%;
  background-color: var(--main-white);
  border-radius: 5px;
  color: var(--dark-grey3);
  letter-spacing: 0.4px;
  padding: 17px 18px;
  font-size: 16px; }
  .scrum-add__input::-webkit-input-placeholder {
    font-style: italic; }
  .scrum-add__input::-moz-placeholder {
    font-style: italic; }
  .scrum-add__input:-ms-input-placeholder {
    font-style: italic; }
  .scrum-add__input::-ms-input-placeholder {
    font-style: italic; }
  .scrum-add__input::placeholder {
    font-style: italic; }

.scrum-add__bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 10px; }

.scrum-add__btn {
  margin-right: 10px;
  height: 40px;
  background-color: var(--main-orange);
  border-radius: 5px;
  padding: 15px 27px;
  color: var(--main-white);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s; }
  .scrum-add__btn:hover {
    background-color: var(--color-005991); }

.scrum-add__close {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
  height: 20px;
  cursor: pointer; }
  .scrum-add__close svg path {
    fill: var(--main-white);
    opacity: 0.5;
    -webkit-transition: .2s;
    transition: .2s; }
  .scrum-add__close:hover svg path {
    opacity: 1; }

.scrum-add__points {
  cursor: pointer;
  margin-left: auto;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background-color: transparent;
  border-radius: 5px;
  -webkit-transition: .2s;
  transition: .2s;
  position: relative; }
  .scrum-add__points .points {
    width: 20px;
    opacity: 0.5;
    -webkit-transition: .2s;
    transition: .2s; }
    .scrum-add__points .points span {
      background-color: var(--main-white); }
  .scrum-add__points:hover, .scrum-add__points.active {
    background-color: var(--color-005991); }
    .scrum-add__points:hover .points, .scrum-add__points.active .points {
      opacity: 1; }
  .scrum-add__points-window {
    display: none;
    position: absolute;
    z-index: 100;
    top: 30px;
    left: 7px; }
    .scrum-add__points-window .block-rating-el__window::after {
      display: none; }
    .scrum-add__points-window .block-rating-el__window {
      right: 251px; }

.scrum-el {
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 15px 10px;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 10px; }
  .scrum-el__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .scrum-el__text {
    color: var(--black-grey);
    font-size: 16px;
    font-weight: 400; }
  .scrum-el__actions {
    margin-top: 21px;
    margin-bottom: 6px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .scrum-el__actions-body {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center; }
  .scrum-el__date {
    margin-right: 17px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
    cursor: pointer; }
    .scrum-el__date-icon {
      width: 14px;
      height: 16px;
      margin-right: 6px; }
    .scrum-el__date-text {
      font-family: var(--font-base-semibold);
      color: var(--dark-grey);
      letter-spacing: 0.3px;
      font-size: 12px; }
  .scrum-el__icon {
    margin-left: 14px;
    width: 16px;
    height: 16px;
    cursor: pointer; }
    .scrum-el__icon:first-child {
      margin-left: 0; }
  .scrum-el__user {
    width: 30px;
    height: 30px; }
    .scrum-el__user img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .scrum-el__left {
    padding: 0px 0 0 9px; }
  .scrum-el__right {
    padding-top: 20px;
    width: 30px;
    margin-left: 15px; }
  .scrum-el__progress {
    margin-top: 10px; }
  .scrum-el-edit {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    opacity: 0;
    visibility: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s; }
  .scrum-el:hover .scrum-el-edit {
    opacity: 1;
    visibility: visible; }
  .scrum-el:last-child {
    margin-bottom: 0; }
  .scrum-el__edit {
    padding: 7px 19px;
    font-size: 16px;
    color: var(--main-black);
    letter-spacing: 0;
    border: none; }

.target-add-checkboxes {
  padding: 0 14px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: end;
          align-items: flex-end;
  position: relative;
  max-width: 610px; }
  .target-add-checkboxes::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    background-color: var(--main-orange);
    opacity: 0.6;
    height: 1px;
    z-index: 10; }
  .target-add-checkboxes__el {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
    position: relative;
    z-index: 20; }
  .target-add-checkboxes__val {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-grey);
    margin-top: 14px;
    display: block; }
  .target-add-checkboxes__el {
    margin-right: 26px; }
    .target-add-checkboxes__el:last-child {
      margin-right: 0; }

.target-add-checkbox {
  position: relative; }
  .target-add-checkbox__inp {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0.1px;
    height: 0.1px;
    opacity: 0; }
    .target-add-checkbox__inp:checked + .target-add-checkbox__dec {
      border-color: var(--main-orange); }
      .target-add-checkbox__inp:checked + .target-add-checkbox__dec span {
        opacity: 1; }
  .target-add-checkbox__dec {
    -webkit-box-flex: 0;
            flex: none;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: var(--main-white);
    border: 4px solid var(--dark-grey1);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    cursor: pointer; }
    .target-add-checkbox__dec span {
      opacity: 0;
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
      background-color: var(--main-orange); }

.select-input {
  display: -webkit-box;
  display: flex; }
  .select-input__select {
    font-family: var(--font-base);
    -webkit-box-flex: 0;
            flex: none;
    min-width: 160px;
    height: 50px;
    background-color: var(--main-grey);
    border: 1px solid var(--dark-grey1);
    margin-right: 10px;
    padding: 0 27px;
    font-weight: 300;
    font-size: 16px;
    color: var(--mid-grey); }
  .select-input__inp {
    width: 100%;
    height: 50px;
    padding: 0 29px;
    font-family: var(--font-base);
    font-size: 16px;
    font-weight: 400;
    background-color: var(--main-white);
    border: 1px solid var(--dark-grey1);
    display: block; }
    .select-input__inp::-webkit-input-placeholder {
      font-style: italic; }
    .select-input__inp::-moz-placeholder {
      font-style: italic; }
    .select-input__inp:-ms-input-placeholder {
      font-style: italic; }
    .select-input__inp::-ms-input-placeholder {
      font-style: italic; }
    .select-input__inp::placeholder {
      font-style: italic; }

.info-contents-long {
  display: -webkit-box;
  display: flex; }
  .info-contents-long__el {
    margin-right: 10px; }

.info-contents-long-el {
  display: -webkit-box;
  display: flex;
  border: 2px solid var(--main-blue);
  border-radius: 20px;
  min-width: 250px;
  font-size: 0;
  overflow: hidden; }
  .info-contents-long-el__title {
    height: 36px;
    background-color: var(--main-blue);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 10px 10px;
    width: 150px;
    min-width: 150px;
    border-radius: 20px; }
    .info-contents-long-el__title-icon {
      margin-right: 10px;
      width: 20px;
      height: 20px; }
    .info-contents-long-el__title-text {
      font-family: var(--font-title);
      color: var(--main-white);
      font-weight: 400;
      font-size: 14px; }
  .info-contents-long-el__body {
    background-color: var(--main-grey);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%;
    padding: 0px 15px;
    padding-right: 16px; }
  .info-contents-long-el__text {
    letter-spacing: 0.4px;
    font-weight: 700;
    font-size: 14px;
    color: var(--main-blue); }
  .info-contents-long-el.off {
    border-color: var(--color-d4d6d8);
    min-width: 270px; }
    .info-contents-long-el.off .info-contents-long-el__title {
      background-color: var(--color-d4d6d8); }
    .info-contents-long-el.off .info-contents-long-el__text {
      color: var(--color-d4d6d8); }

.target-list-circle {
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
          flex: none;
  border: 5px solid var(--dark-grey2);
  border-radius: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 0; }
  .target-list-circle * {
    -webkit-box-flex: 0;
            flex: none;
    width: 12px; }

.target-list-wrap-circle {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .target-list-wrap-circle .target-list-circle {
    margin-right: 10px; }
  .target-list-wrap-circle__text {
    font-size: 16px;
    color: var(--main-black);
    font-weight: 400; }

.question-block {
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  position: relative;
  background-color: var(--main-grey); }
  .question-block__window {
    text-align: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: calc(100% + 11px);
    background-color: var(--main-blue);
    border-radius: 20px;
    -webkit-box-flex: 0;
            flex: none;
    width: 220px;
    min-width: 220px;
    padding: 15px 20px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s;
    transition: opacity .2s; }
    .question-block__window::after {
      content: '';
      width: 0;
      height: 0;
      border-width: 7px 9px 7px 0;
      border-color: transparent var(--main-blue) transparent transparent;
      border-style: solid;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 100%; }
  .question-block__text, .question-block .question-block__text {
    font-family: var(--font-base);
    font-size: 14px;
    color: var(--main-white);
    font-weight: 300;
    line-height: 1.3; }
  .question-block:hover {
    background-color: var(--main-blue);
    color: var(--main-white); }
    .question-block:hover .question-block__window {
      opacity: 1;
      visibility: visible; }

.target-add-input {
  max-width: 550px; }

.wrap-target-add-checkboxes {
  margin-bottom: 27px; }

.popupFrame-target-tasks .create-new {
  -webkit-box-pack: center;
          justify-content: center;
  margin: 30px auto; }

.sidebar-content-task {
  min-width: 280px !important; }

.wrap-popup-scroll {
  position: fixed;
  overflow-y: auto;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%; }

.wrap-popup {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 20px;
  width: 100%;
  min-height: 100%; }

.popupFrameOverlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--color-013352);
  opacity: 0.6;
  z-index: 5; }

.popupFrame {
  max-width: 840px;
  width: 100%;
  background-color: var(--main-white);
  padding: 10px;
  position: relative;
  z-index: 10; }
  .popupFrame.sign-in {
    max-width: 620px; }
  .popupFrame_small {
    max-width: 570px; }
    .popupFrame_small .popupFrame-body__title {
      margin-bottom: 16px; }
    .popupFrame_small .popupFrame-body__text {
      line-height: 1.6; }
  .popupFrame.createCourse {
    max-width: 890px; }
  .popupFrame.small-info {
    max-width: 330px !important; }
    .popupFrame.small-info .popupFrame-body {
      padding: 59px 20px;
      padding-bottom: 40px; }
    .popupFrame.small-info .small-info__btn-form {
      margin-top: 24px; }
    .popupFrame.small-info_funnel .popupFrame-body {
      padding-left: 40px;
      padding-right: 40px; }
    .popupFrame.small-info_funnel .small-info__btn-form {
      margin-top: 24px; }
  .popupFrame.addBlock {
    max-width: 785px; }
  .popupFrame.medium {
    max-width: 790px; }
  .popupFrame.medium-small {
    max-width: 490px; }
    .popupFrame.medium-small .popupFrame-body {
      padding-bottom: 37px; }
    .popupFrame.medium-small .popupFrame-body__wrap-btns {
      margin-bottom: 0;
      margin-top: 48px; }
  .popupFrame.edit {
    max-width: 890px; }
    .popupFrame.edit .popupFrame-body {
      padding-left: 40px;
      padding-right: 40px; }
    .popupFrame.edit .popupFrame-body__wrap-btns {
      margin-top: 28px; }
  .popupFrame.reaction {
    max-width: 1030px; }
    .popupFrame.reaction .popupFrame-body {
      text-align: left; }
    .popupFrame.reaction .popupFrame-body__title::after {
      left: 0;
      -webkit-transform: none;
              transform: none; }
  .popupFrame.photogalery {
    max-width: 940px;
    padding: 0px; }
    .popupFrame.photogalery .popupFrame-body {
      padding: 13px; }
  .popupFrame.push {
    max-width: 1070px; }
    .popupFrame.push .popupFrame-body {
      padding-left: 81px;
      padding-right: 81px; }
  .popupFrame.messages {
    max-width: 890px; }
    .popupFrame.messages .popupFrame-body {
      padding: 31px 46px; }
  .popupFrame.funnel {
    max-width: 640px; }
    .popupFrame.funnel .wrap-selects {
      margin-top: 20px; }
  .popupFrame_shadow {
    box-shadow: 0 0 20px rgba(0, 0, 1, 0.2); }
  .popupFrame.reaction-open .popupFrame-body__title {
    font-size: 30px;
    font-weight: 400; }
  .popupFrame.exchange {
    max-width: 640px; }
    .popupFrame.exchange .popupFrame-body__title {
      margin-bottom: 40px; }
    .popupFrame.exchange .createCourse__btns {
      margin-bottom: 0; }
  .popupFrame.error {
    max-width: 610px; }
    .popupFrame.error .popupFrame-body {
      border-color: var(--color-ff0404);
      padding: 61px 50px;
      padding-bottom: 50px; }
    .popupFrame.error .popupFrame-close {
      background-color: var(--color-ff0404); }
  .popupFrame.createContact {
    max-width: 820px; }
    .popupFrame.createContact .popupFrame-body__title {
      margin-bottom: 45px; }
  .popupFrame.script {
    max-width: 1105px; }
  .popupFrame_sure {
    max-width: 540px; }
    .popupFrame_sure .createCourse__btns {
      margin-bottom: 0; }
  .popupFrame_bigOk {
    max-width: 690px; }
  .popupFrame-body {
    padding: 61px 55px;
    padding-bottom: 51px;
    border: 5px solid var(--main-orange);
    text-align: center;
    position: relative; }
    .popupFrame-body__content {
      text-align: left; }
    .popupFrame-body .popupFrame-close {
      font-size: 0;
      position: absolute;
      top: -5px;
      right: -5px;
      width: 30px;
      height: 30px;
      background-color: var(--main-orange);
      z-index: 10;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
      cursor: pointer; }
      .popupFrame-body .popupFrame-close img {
        -webkit-box-flex: 0;
                flex: none; }
    .popupFrame-body__title {
      font-family: var(--font-title);
      font-size: 36px;
      font-weight: 400;
      position: relative;
      color: var(--main-blue);
      padding-bottom: 15px;
      margin-bottom: 30px;
      line-height: 1.2; }
      .popupFrame-body__title::after {
        content: '';
        position: absolute;
        background-color: var(--main-orange);
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        height: 2px;
        max-width: 110px;
        width: 100%; }
    .popupFrame-body__text {
      font-family: var(--font-base);
      font-size: 18px;
      font-weight: 500;
      color: var(--main-black);
      line-height: 1.1; }
      .popupFrame-body__text_height {
        line-height: 1.55; }
    .popupFrame-body__form {
      margin-top: 70px; }
    .popupFrame-body__form-checkboxes {
      margin-top: 31px; }
    .popupFrame-body__links a {
      text-align: center;
      text-decoration: underline !important;
      font-weight: 400;
      color: var(--main-blue);
      font-size: 16px; }
    .popupFrame-body__links_bigger {
      margin-top: 30px; }
      .popupFrame-body__links_bigger a {
        font-family: var(--font-base-black);
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 0.45px; }
    .popupFrame-body__buy {
      margin-top: 19px; }
      .popupFrame-body__buy-title {
        color: var(--main-blue);
        font-size: 18px;
        font-weight: 700; }
      .popupFrame-body__buy-cost {
        margin-top: 8px;
        color: var(--main-orange);
        font-size: 24px;
        font-weight: 700; }
    .popupFrame-body__wrap-btns {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
              justify-content: space-between;
      margin-top: 35px;
      max-width: 370px;
      margin-left: auto;
      margin-right: auto; }
      .popupFrame-body__wrap-btns button {
        font-family: var(--font-base);
        margin-top: 0 !important;
        width: 49%;
        font-size: 16px;
        height: 50px;
        letter-spacing: 1.2px;
        font-weight: 800; }
      .popupFrame-body__wrap-btns.btns3 button {
        width: 33%; }
  .popupFrame .btn-form {
    margin-top: 20px; }
  .popupFrame.sign-in .popupFrame-body__form {
    margin-top: 52px; }
  .popupFrame.sign-in .input-el {
    margin-bottom: 20px; }
  .popupFrame .block-editor {
    margin-bottom: 20px; }
  .popupFrame .block-add-somth {
    margin-bottom: 25px; }
  .popupFrame .wrap-selects {
    margin-bottom: 20px; }
  .popupFrame .users-list {
    margin-top: 40px; }

.createCourse__btns {
  margin-top: 30px;
  margin-bottom: 19px;
  max-width: 510px; }

.createCourse .popupFrame-body {
  padding-left: 45px;
  padding-right: 45px; }

.createCourse__body {
  margin-top: 41px; }

.createCourse .wrap-block-addMeida {
  margin-top: 20px; }

.createCourse .select__el {
  max-width: 510px; }

.small-info__text {
  font-size: 18px;
  color: var(--main-black);
  font-weight: 500; }

.small-info .small-info__btn-form {
  margin-top: 46px;
  height: 50px;
  max-width: 150px; }

.popupFrame__info-student .popupFrame-body {
  padding: 52px 34px; }

.popupFrame__info-student .popupFrame-body__title {
  margin-bottom: 0; }

.popupFrame__info-student .popupFrame-body__content {
  margin-top: 40px;
  text-align: left; }

.popupFrame__info-student .info-student-main {
  margin-top: 26px; }

.popupFrame__info-student .btn-form {
  margin: 0 auto;
  margin-top: 23px;
  margin-bottom: 9px; }

.popupFrame__info-student .lesson-content__chat-body {
  margin-top: 27px; }

.popupFrame__info-student .chat-media-btn {
  margin-top: 0; }

.wrap-btns-allWidth {
  margin-top: 56px; }

.wrap-btns-allWidth {
  max-width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center; }
  .wrap-btns-allWidth .btn-form {
    margin: 0;
    max-width: 294px; }
  .wrap-btns-allWidth .btn-form:first-child {
    margin-right: 20px; }
  .wrap-btns-allWidth .btn-form:last-child {
    margin-right: 0; }

.photogalery-popUp {
  font-size: 0; }

.photogalery-arrows-el {
  font-size: 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background-color: var(--main-orange);
  -webkit-box-flex: 0;
          flex: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: .2s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/arr-slide-white.png"); }
  .photogalery-arrows-el.prev {
    left: 0;
    -webkit-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%); }
  .photogalery-arrows-el.next {
    right: 0; }
  .photogalery-arrows-el:hover {
    opacity: 1; }

.messages-popUp-content__body {
  margin-top: 30px;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left; }

.messages-popUp-content__wrap-images {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px; }

.messages-popUp-content__wrap-videos {
  margin: 0 -5px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
          align-items: flex-start;
  padding-right: 14px; }

.messages-popUp-content__wrap-video {
  margin-left: 5px;
  margin-right: 5px;
  width: 48%;
  padding-bottom: 26.6%;
  margin-bottom: 10px; }

.messages-popUp-content__wrap-files {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start; }

.messages-popUp-content__wrap-file {
  margin-bottom: 20px;
  display: -webkit-inline-box;
  display: inline-flex;
  cursor: pointer; }

.popupFrame-body__buy-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .popupFrame-body__buy-text .popupFrame-body__buy-title {
    margin: 0;
    margin-right: 20px; }
  .popupFrame-body__buy-text .popupFrame-body__buy-cost {
    margin: 0; }
    .popupFrame-body__buy-text .popupFrame-body__buy-cost .old-cost {
      display: inline-block;
      margin-left: 10px;
      color: var(--dark-grey);
      font-size: 18px;
      text-decoration: line-through; }

.small-info__text {
  line-height: 1.4; }
  .small-info__text span {
    font-size: inherit;
    display: inline-block; }

.popupFrame-body__wrap-btns_bigger {
  max-width: 490px; }

.popupFrame-body__content_left {
  text-align: left; }
  .popupFrame-body__content_left .popupFrame-body__title::after {
    left: 0;
    -webkit-transform: none;
            transform: none; }

.btn-form_ok {
  max-width: 150px;
  height: 50px;
  margin-top: 26px; }
  .btn-form_ok.error {
    border: 3px solid var(--color-ff0404);
    color: var(--color-ff0404); }
    .btn-form_ok.error:hover {
      background-color: var(--color-ff0404);
      color: var(--main-white); }

.popupFrame-body .block-checkboxes {
  margin-bottom: 30px; }

.popupFrame-body .command-info-block {
  margin-top: 20px;
  margin-left: 30px; }

.popupFrame-body .block-checkboxes.offsetLeft {
  margin-left: 30px; }

.popupFrame_rule-info {
  letter-spacing: 0.4px;
  font-size: 16px;
  font-weight: 500;
  color: var(--main-black); }

.wrap-btns-small {
  flex-wrap: nowrap; }
  .wrap-btns-small .btn-form:first-child {
    margin-right: 10px; }

.popupFrame_810 {
  max-width: 810px; }
  .popupFrame_810 .popupFrame-body {
    padding-left: 40px;
    padding-right: 40px; }

.wrap-content-posts {
  margin-top: 40px; }

.post {
  margin-bottom: 30px; }
  .post-padding {
    padding-left: 40px;
    padding-right: 40px;
    background-color: var(--main-grey); }
  .post-border {
    border-bottom: 1px solid var(--color-dcdcdc);
    margin-bottom: 1px; }
  .post__wrap-users {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-right: 20px; }
    .post__wrap-users .arrows-circle {
      margin: 0 20px; }
    .post__wrap-users .post__user {
      margin: 0; }
  .post__edit-body {
    margin-bottom: 1px; }
  .post_border {
    border: 3px solid var(--main-blue); }
  .post__body-top {
    padding-top: 33px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center; }
  .post__body-text {
    padding-top: 10px;
    padding-bottom: 12px;
    color: var(--dark-black2);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.88; }
    .post__body-text-openAll {
      color: var(--main-blue);
      font-weight: 700;
      margin-bottom: 15px;
      position: relative;
      display: inline-block;
      cursor: pointer; }
      .post__body-text-openAll::after {
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        right: -17px;
        width: 7px;
        height: 4px;
        background: url("../images/blue-arr-down.png") no-repeat center/contain; }
      .post__body-text-openAll-body {
        display: none; }
    .post__body-text a {
      color: var(--main-blue);
      font-weight: 700;
      text-decoration: underline !important; }
    .post__body-text p {
      margin: 10px 0; }
      .post__body-text p:first-child {
        margin: 0;
        margin-bottom: 10px; }
  .post__body-images {
    margin-top: 21px;
    margin-bottom: 19px; }
  .post__body-video {
    margin-top: 21px;
    margin-bottom: 17px; }
  .post__body img {
    height: auto; }
  .post__user {
    margin-right: 10px; }
  .post__time {
    font-size: 16px;
    font-weight: 300;
    color: var(--main-black); }
  .post__time img{ height: 14px !important; vertical-align: top; margin: 1px 0 0 5px; }
  .post__text {
    color: var(--dark-black2);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.88;
    margin-bottom: 10px; }
    .post__text a {
      color: var(--main-blue);
      font-weight: 700;
      text-decoration: underline !important; }
    .post__text__user {
      display: -webkit-inline-box;
      display: inline-flex;
      margin: 0 9px; }
  .post__media {
    padding-top: 20px;
    padding-bottom: 20px; }
  .post__comments {
    padding-top: 20px;
    padding-bottom: 20px; }
  .post__comment-input {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 0; }
  .post__input {
    width: 100%;
    position: relative; }
    .post__input-inp {
      padding-right: 60px; }
    .post__input-smile {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 20px; }
  .post__user-icon {
    margin-right: 10px; }
  .post-white {
    box-shadow: 0 0 30px rgba(0, 0, 1, 0.15); }
    .post-white .post-padding {
      background-color: var(--color-f9f9f9); }
  .post-quote .post__body-text {
    padding-left: 70px;
    position: relative; }
    .post-quote .post__body-text::after {
      content: '';
      position: absolute;
      top: 18px;
      left: 41px;
      width: 3px;
      background-color: var(--color-c7c7c7);
      height: 75%; }
  .post-quote .post__text {
    margin-bottom: 18px; }
  .post_fixed {
    position: relative; }
    .post_fixed .post-padding {
      background-color: var(--color-e5f0f7); }
    .post_fixed__text {
      position: absolute;
      top: 28px;
      right: 41px;
      font-size: 12px;
      color: var(--main-blue);
      font-weight: 700;
      text-transform: uppercase; }

.edit-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: var(--color-e9ebf0); }
  .edit-block__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-505050);
    margin-right: 20px; }
  .edit-block__control .block-rate__el {
    margin-left: 40px; }
    .edit-block__control .block-rate__el:first-child {
      margin-left: 0; }
    .edit-block__control .block-rate__el:hover .block-rate__text {
      color: var(--main-orange); }
    .edit-block__control .block-rate__el:hover .block-rate__icon.edit {
      background-image: url("../images/post-media/edit-orange.png"); }
    .edit-block__control .block-rate__el:hover .block-rate__icon.remove {
      background-image: url("../images/post-media/remove-orange.png"); }
    .edit-block__control .block-rate__el:hover .block-rate__icon.fix {
      background-image: url("../images/post-media/fix-orange.png"); }
    .edit-block__control .block-rate__el:hover .block-rate__icon.unfasten {
      width: 16px;
      height: 16px;
      background-image: url("../images/post-media/unfasten.png"); }
  .edit-block__control .block-rate__text {
    color: var(--main-blue);
    font-weight: 500;
    font-size: 14px; }
  .edit-block__control .block-rate__icon {
    margin-right: 7px; }
    .edit-block__control .block-rate__icon.edit {
      width: 16px;
      height: 16px;
      background-image: url("../images/post-media/edit.png"); }
    .edit-block__control .block-rate__icon.remove {
      width: 16px;
      height: 16px;
      background-image: url("../images/post-media/remove.png"); }
    .edit-block__control .block-rate__icon.fix {
      width: 16px;
      height: 16px;
      background-image: url("../images/post-media/fix.png"); }
  .edit-block_fixed {
    background-color: var(--main-blue); }
    .edit-block_fixed .edit-block__title, .edit-block_fixed .block-rate__text {
      color: var(--main-white); }
    .edit-block_fixed .block-rate__icon.edit {
      background-image: url("../images/post-media/edit-white.png"); }
    .edit-block_fixed .block-rate__icon.remove {
      background-image: url("../images/post-media/remove-white.png"); }
    .edit-block_fixed .block-rate__icon.unfasten {
      width: 16px;
      height: 16px;
      background-image: url("../images/post-media/unfasten-white.png"); }

.post-comment__body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start; }

.post-comment__top {
  background-color: var(--color-e3e8f0);
  border-radius: 25px;
  padding: 15px 24px;
  padding-right: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  font-size: 0; }

.post-comment__text {
  margin-right: 26px;
  display: -webkit-box;
  display: flex; }
  .post-comment__text-main {
    font-size: 16px;
    font-weight: 300;
    color: var(--black-grey);
    line-height: 1.2; }

.post-comment__name {
  margin-right: 10px;
  white-space: nowrap; }

.post-comment__bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0;
  margin: 10px 25px;
  margin-bottom: 30px; }

.post-comment__time {
  padding-top: 4px;
  font-size: 14px;
  margin-left: 28px;
  color: var(--lite-grey);
  line-height: 1; }

.post-comment .wrap-reply-comment {
  padding-left: 25px; }

.block-rate {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .block-rate__el {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
    font-size: 0;
    margin-left: 30px; }
    .block-rate__el:first-child {
      margin-left: 0; }
    .block-rate__el:hover .block-rate__icon.reply {
      background-image: url("../images/block-rate/comment-blue.png"); }
    .block-rate__el:hover .block-rate__icon.like {
      background-image: url("../images/block-rate/like-blue.png"); }
    .block-rate__el:hover .block-rate__text {
      color: var(--main-blue); }
  .block-rate__icon {
    width: 16px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 9px; }
    .block-rate__icon.reply {
      background-image: url("../images/block-rate/comment.png"); }
    .block-rate__icon.like {
      background-image: url("../images/block-rate/like.png"); }
  .block-rate__text {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-c7c7c7);
    -webkit-transition: .2s;
    transition: .2s; }

.views {
  position: relative; }
  .views-body {
    cursor: default;
    position: absolute;
    top: calc(100% + 12px);
    left: -90px;
    width: 200px;
    max-width: 200px;
    background-color: var(--main-blue);
    border-radius: 20px;
    padding: 20px;
    padding-right: 7px;
    z-index: 100; }
    .views-body::after {
      content: '';
      position: absolute;
      top: -9px;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 0;
      height: 0;
      border-width: 0 7px 9px 7px;
      border-color: transparent transparent var(--main-blue) transparent;
      border-style: solid; }
    .views-body__el {
      font-size: 14px;
      color: var(--main-white);
      font-weight: 300;
      margin-bottom: 2.8px; }
      .views-body__el:last-child {
        font-weight: 400; }
  .views:hover .views-body {
    display: block; }

.media-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap; }
  .media-block__wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .media-block__el {
    margin-left: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 0; }
    .media-block__el.views {
      cursor: pointer; }
    .media-block__el_dislike {
      margin-left: 40px; }
    .media-block__el:first-child {
      margin-left: 0 !important; }
    .media-block__el_small {
      margin-left: 0;
      min-width: 60px; }
      .media-block__el_small .media-block__icon_circle {
        width: 24px;
        height: 24px;
        background-size: 13px;
        margin-right: 9px; }
      .media-block__el_small .media-block__count {
        font-size: 14px; }
    .media-block__el_background {
      background-color: var(--main-white);
      border-radius: 15px;
      padding: 3px 11px 3px 3px; }
    .media-block__el.null .media-block__icon_circle {
      background-color: var(--color-c7c7c7) !important; }
    .media-block__el.null .media-block__count {
      color: var(--color-c7c7c7) !important; }
  .media-block__icon {
    margin-right: 10px;
    font-size: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center; }
    .media-block__icon_circle {
      width: 30px;
      height: 30px;
      -webkit-box-flex: 0;
              flex: none;
      background-size: 16px;
      border-radius: 50%; }
      .media-block__icon_circle.null {
        background-color: var(--color-e0e0e0) !important; }
      .media-block__icon_circle.like {
        background-color: var(--main-blue);
        background-image: url("../images/post-media/like.png"); }
      .media-block__icon_circle.dislike {
        background-color: var(--color-38b2ff);
        background-image: url("../images/post-media/dislike.png"); }
      .media-block__icon_circle.love {
        background-color: var(--color-e3452b);
        background-image: url("../images/post-media/love.png"); }
    .media-block__icon.comment {
      width: 16px;
      height: 16px;
      background-image: url("../images/post-media/comment.png"); }
      .media-block__icon.comment.null {
        background-image: url("../images/post-media/comment-grey.png"); }
    .media-block__icon.view {
      width: 19px;
      height: 15px;
      background-image: url("../images/post-media/view.png"); }
  .media-block__count {
    font-size: 16px;
    font-weight: 700;
    color: var(--main-blue); }
    .media-block__count.null {
      color: var(--color-c7c7c7); }
  .media-block__count .media-block__el {
    margin-left: 34px; }

.gallery {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .gallery__big {
    max-width: 370px;
    width: 49%;
    height: 250px; }
  .gallery__elements {
    margin-bottom: -20px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
            flex: none;
    width: 49%;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    .gallery__elements .gallery__el {
      margin-bottom: 20px;
      width: 49%;
      height: 115px; }
      .gallery__elements .gallery__el img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .gallery__el {
    position: relative; }
    .gallery__el_small {
      max-width: 175px;
      width: 100%;
      height: 115px; }
    .gallery__el img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .gallery__info {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 107, 174, 0.8);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .gallery__info span {
      color: var(--main-white);
      font-weight: 700;
      font-size: 24px; }
  .gallery_wrap {
    flex-wrap: wrap; }
  .gallery_nowrap .gallery__elements {
    width: 100%;
    flex-wrap: nowrap;
    margin: 0; }
  .gallery_nowrap .gallery__el {
    width: 100%;
    margin: 0;
    margin-right: 20px;
    height: auto; }
    .gallery_nowrap .gallery__el:last-child {
      margin-right: 0; }

.wrap-content-posts .notification {
  margin-top: 48px;
  margin-bottom: 30px; }

.notification {
  margin-left: 20px;
  position: relative; }
  .notification_border {
    border: 5px solid grey; }
  .notification_green {
    background-color: var(--color-e6f8ef);
    border-color: var(--color-00ae8b); }
    .notification_green .notification__icon {
      background-color: var(--color-00ae8b); }
  .notification_orange {
    background-color: var(--color-ffeacd);
    border-color: var(--main-orange); }
    .notification_orange .notification__icon {
      background-color: var(--main-orange); }
  .notification_blue {
    background-color: var(--color-e8f6ff);
    border-color: var(--color-38b2ff); }
    .notification_blue .notification__icon {
      background-color: var(--color-38b2ff); }
  .notification_red {
    background-color: var(--color-fbece9);
    border-color: var(--color-e3452b); }
    .notification_red .notification__icon {
      background-color: var(--color-e3452b); }
  .notification_holiday {
    background-color: var(--verylight-blue);
    border-color: var(--color-d8549b);
    background-image: url("../images/post-media/bg-holiday.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%; }
    .notification_holiday .notification__icon {
      background-color: var(--color-d8549b); }
    .notification_holiday .post__text__user {
      margin: 0;
      margin-bottom: 17px;
      margin-right: 25px; }
  .notification_grono-bg {
    background-image: url("../images/grono-bg-icon.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%; }
  .notification_greyBg {
    background-color: var(--main-grey); }
  .notification__icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -21px;
    left: -21px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    z-index: 10; }
    .notification__icon img {
      -webkit-box-flex: 0;
              flex: none; }
    .notification__icon_red {
      background-color: var(--color-e3452b) !important; }
  .notification__body {
    position: relative;
    z-index: 10;
    padding: 20px 60px;
    padding-right: 40px; }
    .notification__body-top {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
              justify-content: space-between; }
    .notification__body-text {
      margin-top: 21px; }
  .notification__user-icon {
    margin-right: 20px; }

.holidat_title {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 17px; }

.wrap-notifications {
  margin-top: 41px; }

.wrap-notifications-content {
  margin-top: 37px; }
  .wrap-notifications-content .notification {
    min-height: 143px;
    margin-bottom: 50px; }
  .wrap-notifications-content .notification__body {
    padding: 16px 54px;
    padding-bottom: 26px;
    padding-right: 38px; }
  .wrap-notifications-content .notification__icon {
    left: -25px;
    top: -25px; }
  .wrap-notifications-content .post__text {
    margin-bottom: 12px; }

.users-list {
  max-height: calc(100vh - 280px);
  min-height: 400px;
  overflow: auto;
  padding-right: 30px; }
  .users-list .users-list-el {
    margin-bottom: 1px; }

.users-list-el {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  background-color: var(--main-grey);
  padding: 10px 20px; }
  .users-list-el__userBlock {
    margin-right: 20px; }
    .users-list-el__userBlock .account-block__icon {
      position: relative;
      overflow: visible;
      margin-right: 24px; }
  .users-list-el__reaction {
    position: absolute;
    bottom: 0;
    right: -10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
            flex: none;
    border-radius: 100%; }
    .users-list-el__reaction.like {
      background-color: var(--main-blue);
      background-image: url("../images/post-media/like.png"); }
    .users-list-el__reaction.love {
      background-color: var(--color-e34329);
      background-image: url("../images/post-media/love.png"); }

.notifications-pupUp {
  position: fixed;
  left: 30px;
  bottom: 30px;
  max-width: 400px;
  width: 100%;
  z-index: 100; }

.notifications-pupUp-el {
  min-height: 40px;
  background-color: var(--main-white);
  border-radius: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 1, 0.1);
  margin-bottom: 10px; }
  .notifications-pupUp-el_hide {
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--main-blue); }
  .notifications-pupUp-el:last-child {
    margin-bottom: 0; }
  .notifications-pupUp-el__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 10px;
    padding-right: 20px; }
  .notifications-pupUp-el__icon {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
            flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    background-color: grey;
    border-radius: 100%; }
    .notifications-pupUp-el__icon img {
      -webkit-box-flex: 0;
              flex: none;
      max-width: 20px; }
    .notifications-pupUp-el__icon_holiday {
      background-color: var(--color-d8549b); }
    .notifications-pupUp-el__icon_orange {
      background-color: var(--main-orange); }
    .notifications-pupUp-el__icon_green {
      background-color: var(--color-00ae8b); }
    .notifications-pupUp-el__icon_blue {
      background-color: var(--color-38b2ff); }
    .notifications-pupUp-el__icon_red {
      background-color: var(--color-e3452b); }
  .notifications-pupUp-el__text {
    font-size: 14px;
    font-weight: 300;
    color: var(--dark-black2);
    line-height: 1.2; }
  .notifications-pupUp-el_holiday {
    background-image: url(../images/post-media/bg-holiday.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 70px; }

@media screen and (max-width: 1200px) {
  .gallery {
    display: block; }
  .gallery__big {
    max-width: 100%;
    width: 100%;
    height: auto; }
  .gallery__elements {
    max-width: 100%;
    width: 100%;
    margin: 0;
    margin-top: 10px; }
  .gallery__elements {
    margin-bottom: -10px; }
  .gallery__elements .gallery__el {
    margin-bottom: 10px; } }

@media screen and (max-width: 1000px) {
  .post-padding {
    padding-left: 20px;
    padding-right: 20px; }
  .post__body-top {
    padding-top: 20px; }
  .post__time {
    font-size: 12px; }
  .post__time img{ height: 12px !important; margin-top: 0px; }
  .post__text, .post__body-text {
    font-size: 14px; }
  .post__body-text-openAll {
    font-size: 14px; }
  .media-block__el_dislike, .media-block__el {
    margin-left: 20px; }
  .post-comment__text {
    display: block;
    margin-right: 0; }
  .post-comment__name {
    margin: 0;
    margin-bottom: 20px; }
  .post-comment__top {
    position: relative; }
    .post-comment__top .media-block__el {
      position: absolute;
      top: 10px;
      right: 20px; }
  .post-comment__top {
    padding: 18px 24px; }
  .post-comment__text-main {
    font-size: 14px; }
  .post-comment__body .block-rate__text {
    display: none; }
  .post-comment__body .block-rate__icon {
    margin: 0; }
  .post-comment__body .block-rate__el {
    margin-right: 20px;
    margin-left: 0; }
  .post-comment__body .block-rate {
    -webkit-box-pack: start;
            justify-content: flex-start; }
  .post-comment__bottom {
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .post-comment__bottom {
    margin-bottom: 20px; }
  .post__body-text {
    padding-top: 14px; }
  .post__body-top .post__wrap-users .account-block.post__user:first-child {
    display: none; }
  .post-quote .post__body-text::after {
    height: 71%; }
  .post_fixed__text {
    top: 13px;
    right: 23px; }
  .post__media {
    padding-top: 11px;
    padding-bottom: 11px; }
  .edit-block {
    display: block;
    padding-top: 11px;
    padding-bottom: 11px; }
    .edit-block .block-rate {
      padding-top: 10px; }
  .edit-block__title {
    margin: 0;
    text-align: center;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--color-dcdcdc);
    margin-bottom: 1px; }
  .wrap-content-posts .notification {
    margin-left: 0; }
  .notification__icon {
    top: -10px;
    left: 0;
    width: 50px;
    height: 50px; }
    .notification__icon img {
      max-width: 25px; }
  .notification__body {
    padding: 10px 20px; }
  .notification__body-top {
    padding-left: 50px; }
  .post__text, .post__body-text {
    line-height: 1.5; }
  .notification__body-text {
    margin-top: 15px; }
  .post-comment__name {
    white-space: normal;
    padding-right: 64px;
    line-height: 1.2;
    margin-bottom: 8px; }
  .wrap-reply-comment .post-comment__bottom {
    margin-right: 0; }
  .edit-block.edit-block_fixed .edit-block__title {
    border-color: var(--color-3389be); }
  .gallery__info span {
    font-size: 16px; }
  .gallery__el_small {
    max-width: 100%; }
  .gallery__elements .gallery__el {
    height: auto; }
  .media-block__count .media-block__el {
    margin-left: 14px; }
  .post__wrap-users .arrows-circle {
    margin-left: 0; }
  .post-quote .post__body-text {
    padding-left: 30px; }
  .post-quote .post__body-text::after {
    left: 10px; }
  .popupFrame.photogalery {
    padding: 0; }
    .popupFrame.photogalery .popupFrame-body {
      padding: 0; }
  .photogalery-arrows-el {
    width: 30px;
    height: 30px;
    background-size: 13px; }
  .block-between .checkbox-el {
    -webkit-box-align: center;
            align-items: center;
    margin-top: 25px; }
    .block-between .checkbox-el p {
      line-height: 1;
      margin-top: 0; }
  .wrap-notifications-content .notification__icon {
    left: -5px;
    top: -15px; }
  .wrap-notifications-content .notification__body {
    padding: 5px 15px; }
  .wrap-notifications {
    margin-top: 30px; }
  .wrap-notifications-content {
    margin-top: 25px; }
  .wrap-notifications-content .notification {
    margin-bottom: 30px;
    margin-left: 0; }
  .notifications-pupUp {
    left: 10px;
    bottom: 20px; }
  .emotions-el {
    margin-right: 14px;
    width: 46px; }
    .emotions-el .emotions-el__img {
      background-size: 39px; }
    .emotions-el.active .emotions-el__img {
      background-size: 46px; }
  .emotions-el__img {
    width: 46px;
    height: 46px; }
  .block-emotions {
    max-width: 596px; }
  .popupFrame_emotions {
    max-width: 690px !important; }
    .popupFrame_emotions .select__el {
      max-width: 355px; }
  .popupFrame .checkboxes {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
    text-align: left; }
    .popupFrame .checkboxes .checkboxes__el {
      width: 300px; }
  .emotions-el__circle {
    width: 20px;
    height: 20px; }
    .emotions-el__circle span {
      width: 6px;
      height: 6px; }
  .block-emotions::after {
    bottom: 69px; }
  .post__time {
    white-space: nowrap; }
  .wrap-content-posts {
    margin-top: 20px; } }

@media screen and (max-width: 700px) {
  .emotions-el {
    margin-right: 5px; }
  .block-emotions {
    -webkit-box-pack: center;
            justify-content: center; } }

@media screen and (max-width: 600px) {
  .popupFrame .checkboxes {
    -webkit-box-align: start;
            align-items: flex-start;
    padding-left: 0; }
  .block-emotions::after {
    display: none; }
  .block-emotions {
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    -webkit-box-align: start;
            align-items: flex-start; }
  .emotions-el {
    margin: 0;
    width: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    position: relative;
    margin-bottom: 5px;
    padding-left: 36px; }
    .emotions-el .emotions-el__img {
      -webkit-box-ordinal-group: 2;
              order: 1; }
    .emotions-el .emotions-el__text {
      -webkit-box-ordinal-group: 3;
              order: 2; }
    .emotions-el .emotions-el__circle {
      top: 10px; }
    .emotions-el.active .emotions-el__circle {
      top: 13px; }
  .emotions-el__circle {
    position: absolute;
    left: 0;
    margin: 0; }
  .emotions-el__img {
    margin-top: 0; }
  .emotions-el__text {
    text-align: left;
    width: auto;
    margin: 0;
    margin-top: 6px;
    -webkit-transform: none;
            transform: none; }
  .popupFrame_emotions .block-link-btn {
    margin-top: 15px; } }

@media screen and (max-width: 500px) {
  .wrap-btns-allWidth .btn-form:first-child {
    margin-right: 0; }
  .account-block__icon, .circle-icon {
    width: 30px;
    height: 30px; }
  .account-block__name {
    font-size: 14px; }
  .media-block__count {
    font-size: 14px; }
  .media-block__icon_circle {
    width: 24px;
    height: 24px;
    background-size: 12px;
    background-position: center; }
  .media-block__el_dislike, .media-block__el {
    margin-left: 16px; }
  .media-block__wrap {
    margin-right: 16px; }
    .media-block__wrap:last-child {
      margin-right: 0; }
  .inp-def {
    height: 40px;
    font-size: 12px;
    padding: 0 20px;
    padding-right: 30px; }
  .post__input-smile {
    right: 5px; }
  .post__media, .post__comments {
    padding-top: 9px;
    padding-bottom: 9px; }
  .post__user-icon {
    margin-right: 6px; }
  .post {
    margin-bottom: 10px; }
  .gallery__elements .gallery__el {
    height: auto; }
  .gallery__info span {
    font-size: 14px; }
  .post-comment__top {
    padding: 12px 15px; }
  .name-user {
    font-size: 12px; }
  .media-block__el_small .media-block__count {
    font-size: 12px; }
  .media-block__el_small .media-block__icon_circle {
    width: 20px;
    height: 20px;
    background-size: 11px; }
  .media-block__el_small {
    min-width: 48px; }
  .post-comment__top .media-block__el {
    top: 5px;
    right: 9px; }
  .post-comment__name {
    margin-bottom: 15px; }
  .post-comment__bottom {
    margin: 6px 11px;
    margin-bottom: 20px; }
  .media-block__el_small .media-block__icon_circle {
    margin-right: 7px; }
  .post-padding {
    padding-left: 10px;
    padding-right: 10px; }
  .media-block__el_dislike, .media-block__el {
    margin-left: 14px; }
  .media-block__icon {
    margin-right: 5px; }
  .gallery_nowrap .gallery__elements {
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .gallery_nowrap .gallery__el {
    margin: 0;
    width: 49%; }
    .gallery_nowrap .gallery__el:first-child {
      width: 100%;
      margin-bottom: 10px; }
  .account-block__icon {
    margin-right: 9px; }
  .post__wrap-users .arrows-circle {
    margin-right: 10px; }
  .post__body-text-openAll {
    margin-bottom: 0; }
  .post__comments {
    padding-bottom: 20px; }
  .post-comment__top {
    padding-right: 10px; }
  .post_fixed__text {
    top: 10px; }
  .edit-block {
    display: -webkit-box;
    display: flex; }
    .edit-block .block-rate__text {
      display: none; }
  .edit-block__title {
    padding: 0;
    margin: 0;
    border: none; }
  .edit-block .block-rate {
    padding: 0; }
  .edit-block__control .block-rate__icon {
    margin: 0; }
  .edit-block__control .block-rate__el {
    margin-left: 14px; }
  .notification__body-top {
    padding-left: 0;
    padding-top: 30px; }
    .notification__body-top .post__time {
      position: absolute;
      top: 20px;
      right: 9px; }
  .notification__icon {
    width: 40px;
    height: 40px; }
  .notification__icon img {
    max-width: 20px; }
  .post-comment__body .block-rate__el {
    margin-right: 10px; }
  .post__text__user {
    margin: 0; }
  .wrap-content-posts .notification {
    margin-top: 20px;
    margin-bottom: 20px; }
  .popupFrame.medium .wrap-btns-allWidth {
    display: block; }
    .popupFrame.medium .wrap-btns-allWidth .btn-form {
      margin-bottom: 10px; }
      .popupFrame.medium .wrap-btns-allWidth .btn-form:last-child {
        margin-bottom: 0; }
  .popupFrame.edit .popupFrame-body {
    padding-left: 10px;
    padding-right: 10px; }
  .popupFrame.edit .block-add-somth__el {
    margin-bottom: 10px; }
  .popupFrame-body .block-create-course .block-iconLeft-textRight__icon {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px; }
    .popupFrame-body .block-create-course .block-iconLeft-textRight__icon img {
      max-width: 15px; }
  .popupFrame-body .block-create-course .block-iconLeft-textRight__text {
    font-size: 14px; }
  .users-list {
    padding-right: 0; }
  .popupFrame.reaction .popupFrame-body {
    padding-left: 10px;
    padding-right: 10px; }
  .connect-block-el {
    width: 30px;
    height: 30px;
    background-size: 13px; }
  .notifications-pupUp {
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 100%;
    padding: 0 10px; }
  .notifications-pupUp-el__icon {
    margin-right: 10px; } }

.dialog-list__body-top-mob {
  display: none; }

.dialog-page {
  background-color: var(--color-e5e8f0); }
  .dialog-page .wrap-content {
    padding-bottom: 40px; }

.dialog-list {
  margin-right: 20px;
  margin-top: 50px;
  margin-bottom: 40px; }
  .dialog-list__top {
    margin-right: 20px; }
  .dialog-list .dialog-list-search {
    margin-bottom: 2px; }

.dialog-list-search {
  display: -webkit-box;
  display: flex;
  font-size: 0; }
  .dialog-list-search__inp {
    font-family: var(--font-base);
    display: block;
    width: 100%;
    border: none;
    background: url("../images/messages/search.png") no-repeat;
    background-position: 20px center;
    background-size: 20px;
    background-color: var(--main-white);
    border: 1px solid var(--color-e5e8f0);
    margin-right: 2px;
    height: 50px;
    width: 100%;
    font-size: 16px;
    padding: 0 65px;
    padding-right: 20px;
    color: var(--color-525252);
    letter-spacing: 0.4px;
    font-weight: 500; }
    .dialog-list-search__inp::-webkit-input-placeholder {
      letter-spacing: 0.4px;
      font-weight: 400;
      color: var(--color-9398a6);
      font-style: italic; }
    .dialog-list-search__inp::-moz-placeholder {
      letter-spacing: 0.4px;
      font-weight: 400;
      color: var(--color-9398a6);
      font-style: italic; }
    .dialog-list-search__inp:-ms-input-placeholder {
      letter-spacing: 0.4px;
      font-weight: 400;
      color: var(--color-9398a6);
      font-style: italic; }
    .dialog-list-search__inp::-ms-input-placeholder {
      letter-spacing: 0.4px;
      font-weight: 400;
      color: var(--color-9398a6);
      font-style: italic; }
    .dialog-list-search__inp::placeholder {
      letter-spacing: 0.4px;
      font-weight: 400;
      color: var(--color-9398a6);
      font-style: italic; }
  .dialog-list-search__btn {
    display: block;
    -webkit-box-flex: 0;
            flex: none;
    font-size: 0;
    display: block;
    min-height: 100%;
    width: 50px;
    flex: none;
    background: url("../images/messages/btn-add.png") no-repeat center;
    background-size: 20px;
    background-color: var(--dark-grey5); }
    .dialog-list-search__btn.active {
      cursor: pointer;
      background-color: var(--main-blue); }

.dialog-list-filter {
  font-size: 0;
  position: relative;
  background-color: var(--main-grey); }
  .dialog-list-filter::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 4px;
    background: url(../images/black-arr-select.png) no-repeat center;
    z-index: 1; }
  .dialog-list-filter__select {
    position: relative;
    z-index: 2;
    cursor: pointer;
    font-family: var(--font-base);
    height: 50px;
    display: block;
    width: 100%;
    background: none;
    background-color: transparent;
    border: 1px solid var(--dark-grey1);
    font-size: 16px;
    font-weight: 300;
    color: var(--mid-grey);
    padding: 0 19px;
    padding-right: 40px;
    line-height: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; }
    .dialog-list-filter__select::-ms-expand {
      display: none; }
    .dialog-list-filter__select option {
      display: block;
      padding: 100px;
      -webkit-appearance: menulist-button;
      line-height: 12;
      height: 100px; }

.dialog-list__body {
  margin-top: 10px;
  padding-right: 20px;
  overflow-y: auto;
  max-height: calc(100vh - 438px);
  min-height: 337px; }

.dialog-el {
  font-family: var(--font-base);
  cursor: pointer;
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--main-grey);
  background-color: var(--main-white);
  padding: 10px 25px;
  padding-right: 18px;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
          align-items: flex-start;
  position: relative; }
  .dialog-el__userIcon {
    position: relative;
    overflow: visible;
    margin-right: 14px; }
  .dialog-el__btn {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--main-blue);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    width: 20px;
    height: 20px; }
    .dialog-el__btn.star {
      background-image: url("../images/messages/star.png"); }
    .dialog-el__btn.valve {
      background-image: url("../images/messages/valve.png"); }
  .dialog-el__info {
    margin-right: 12px;
    padding-top: 8px; }
  .dialog-el__name {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: var(--main-blue);
    margin-bottom: 9px; }
  .dialog-el__preview {
    font-weight: 300;
    font-size: 12px;
    color: var(--dark-black2); }
    .dialog-el__preview-you {
      color: var(--color-9398a6);
      font-weight: 700; }
  .dialog-el__count {
    font-size: 10px;
    font-weight: 700;
    color: var(--main-white);
    min-width: 20px;
    min-height: 20px;
    -webkit-box-flex: 0;
            flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    line-height: 0;
    letter-spacing: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 1, 0.03);
    background-color: var(--main-orange);
    border-radius: 50%;
    margin-left: auto;
    margin-top: auto; }
    .dialog-el__count:empty {
      display: none; }
  .dialog-el__time {
    position: absolute;
    top: 4px;
    right: 20px;
    font-weight: 400;
    font-size: 10px;
    color: var(--color-9398a6); }
  .dialog-el__close {
    display: none;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 6px;
    right: 7px;
    background: url("../images/messages/close.png") no-repeat center/contain;
    z-index: 1; }
  .dialog-el.online::after {
    content: "";
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    left: 10px;
    background-color: var(--color-00a651);
    width: 9px;
    height: 9px;
    background-color: var(--color-00a651);
    border-radius: 100%; }
  .dialog-el_blue {
    background-color: var(--main-blue);
    border: none; }
    .dialog-el_blue .dialog-el__name, .dialog-el_blue .dialog-el__preview, .dialog-el_blue .dialog-el__time {
      color: var(--main-white); }
  .dialog-el:hover:not(.dialog-el_blue) {
    background-color: var(--color-e5e8f0); }
  .dialog-el:hover .dialog-el__close {
    display: block; }

.dialog {
  margin-left: 40px;
  margin-top: 7px;
  background-color: var(--main-white);
  width: 100%; }
  .dialog__top {
    height: 50px;
    width: 100%;
    padding: 0 25px;
    display: -webkit-box;
    display: flex;
    background-color: var(--main-grey);
    margin-bottom: 1px; }
    .dialog__top-right {
      height: 100%; }
    .dialog__top-wrap {
      -webkit-box-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
              align-items: center;
      display: none;
      width: 100%;
      height: 100%; }
      .dialog__top-wrap.active {
        display: -webkit-box;
        display: flex; }
  .dialog__name {
    color: var(--main-blue);
    font-weight: 700;
    font-weight: 700; }
    .dialog__name-info {
      color: var(--color-9398a6);
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.35px; }
    .dialog__name .dialog__name-info {
      margin-left: 4px; }
  .dialog__body {
    padding: 18px 40px;
    max-height: calc(100vh - 466px);
    min-height: 312px;
    overflow-y: auto; }
    .dialog__body-line {
      text-align: center; }
  .dialog__date {
    border-radius: 15px;
    background-color: var(--main-white);
    box-shadow: 0 0 10px rgba(0, 0, 1, 0.15);
    min-height: 30px;
    letter-spacing: 0.35px;
    font-weight: 500;
    font-size: 14px;
    color: var(--color-9398a6);
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    padding: 9px 27px;
    margin: 0 auto;
    margin-bottom: 14px; }
  .dialog__bottom {
    background-color: var(--main-grey);
    padding: 17px 20px;
    margin-top: 4px; }
  .dialog__reply {
    margin-left: 50px; }
    .dialog__reply-el {
      padding: 3px 17px;
      border-left: 5px solid var(--dark-grey);
      margin-bottom: 11px; }
    .dialog__reply-name span {
      margin-left: 0; }
    .dialog__reply-text {
      margin-top: 7px;
      display: block; }
  .dialog__search {
    width: 100%;
    margin-right: 20px;
    height: 100%; }
    .dialog__search-inp {
      font-family: var(--font-base);
      width: 100%;
      height: 100%;
      font-size: 16px;
      letter-spacing: 0.4px;
      font-weight: 500;
      border: none;
      background: transparent;
      background: url("../images/messages/search.png") no-repeat;
      background-position: 0px center;
      background-size: 20px;
      padding: 0 45px; }
      .dialog__search-inp::-webkit-input-placeholder {
        color: var(--color-9398a6);
        font-weight: 400;
        font-style: italic;
        letter-spacing: 0.4px; }
      .dialog__search-inp::-moz-placeholder {
        color: var(--color-9398a6);
        font-weight: 400;
        font-style: italic;
        letter-spacing: 0.4px; }
      .dialog__search-inp:-ms-input-placeholder {
        color: var(--color-9398a6);
        font-weight: 400;
        font-style: italic;
        letter-spacing: 0.4px; }
      .dialog__search-inp::-ms-input-placeholder {
        color: var(--color-9398a6);
        font-weight: 400;
        font-style: italic;
        letter-spacing: 0.4px; }
      .dialog__search-inp::placeholder {
        color: var(--color-9398a6);
        font-weight: 400;
        font-style: italic;
        letter-spacing: 0.4px; }

.dialog-userIcon {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: visible;
  font-size: 0; }
  .dialog-userIcon.online::after {
    font-size: 0;
    content: "";
    position: absolute;
    bottom: -1px;
    right: -4px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    border: 2px solid var(--main-grey);
    background-color: var(--color-00a651); }

.dialog-settings {
  padding-right: 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .dialog-settings__points {
    position: relative;
    margin-right: 14px;
    height: 100%; }

.dialog__top-delete-text {
  position: relative; }
  .dialog__top-delete-text .close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -16px;
    width: 6px;
    height: 6px;
    -webkit-box-flex: 0;
            flex: none;
    background: url("../images/messages/close.png") no-repeat center/contain;
    cursor: pointer; }

.dialog__top-delete {
  padding-right: 4px; }

.dialog-settings-body {
  display: none;
  position: absolute;
  top: calc(100% - 4px);
  right: -10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  background-color: var(--main-blue);
  min-width: 270px;
  width: 270px;
  width: 100%;
  padding: 22px 15px;
  padding-right: 12px;
  z-index: 100; }
  .dialog-settings-body::after {
    content: '';
    position: absolute;
    top: -9px;
    right: 28px;
    width: 0;
    height: 0;
    border-width: 0 7px 9px 7px;
    border-color: transparent transparent var(--main-blue) transparent;
    border-style: solid; }
  .dialog-settings-body__el-act {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 0;
    cursor: pointer;
    margin-bottom: 21px; }
    .dialog-settings-body__el-act:last-child {
      margin-bottom: 0; }
  .dialog-settings-body__name {
    font-size: 14px;
    font-weight: 400;
    color: var(--light-blue);
    letter-spacing: 0.35px; }
  .dialog-settings-body__icon {
    margin-right: 11px; }
  .dialog-settings-body__wrap {
    border-bottom: 1px solid var(--color-00578e);
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .dialog-settings-body__wrap:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }

.dialog-block-message {
  position: relative;
  margin-bottom: 14px;
  margin-right: 20px; }
  .dialog-block-message__icon {
    position: absolute;
    top: 7px;
    left: 50px;
    z-index: 2; }
  .dialog-block-message__name {
    position: absolute;
    top: 7px;
    left: 120px;
    z-index: 2; }
  .dialog-block-message__el {
    padding: 7px 23px;
    padding-left: 121px;
    border-radius: 20px;
    margin-bottom: 11px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start;
    cursor: pointer; }
    .dialog-block-message__el:first-child {
      padding-top: 37px; }
    .dialog-block-message__el.checked, .dialog-block-message__el:hover {
      background-color: var(--main-grey); }
      .dialog-block-message__el.checked .dialog-block-message__check, .dialog-block-message__el:hover .dialog-block-message__check {
        display: block; }
      .dialog-block-message__el.checked .dialog-block-message__actions, .dialog-block-message__el:hover .dialog-block-message__actions {
        visibility: visible; }
    .dialog-block-message__el.checked .dialog-block-message__check {
      background-image: url("../images/messages/check-active.png"); }
  .dialog-block-message__text {
    font-size: 16px;
    font-weight: 300;
    color: var(--dark-black2);
    line-height: 1.4; }
  .dialog-block-message__check {
    display: none;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
            flex: none;
    background: url("../images/messages/check.png") no-repeat center;
    background-size: contain; }
  .dialog-block-message__actions {
    display: -webkit-box;
    display: flex;
    visibility: hidden;
    -webkit-box-align: center;
            align-items: center;
    font-size: 0;
    margin-top: 4px; }
    .dialog-block-message__actions-el {
      width: 17px;
      height: 17px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
  .dialog-block-message__reply {
    margin-right: 9px;
    background-image: url("../images/messages/reply.png"); }
    .dialog-block-message__reply.active, .dialog-block-message__reply:hover {
      background-image: url("../images/messages/reply-hover.png"); }
  .dialog-block-message.active, .dialog-block-message__star {
    background-image: url("../images/messages/star-grey.png"); }
    .dialog-block-message.active:hover, .dialog-block-message__star:hover {
      background-image: url("../images/messages/star-hover.png"); }

.dialog-input-chat {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 5px; }
  .dialog-input-chat__file {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 16px;
    font-size: 0;
    cursor: pointer;
    background: url("../images/messages/file.png") no-repeat center/contain; }
  .dialog-input-chat__input {
    width: 100%;
    padding-right: 20px; }
  .dialog-input-chat__send {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
            flex: none;
    cursor: pointer;
    font-size: 0;
    background: url("../images/messages/send.png") no-repeat center/contain;
    margin-left: 20px; }

.dialog-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  background-color: var(--main-white);
  border: 1px solid var(--color-e5e8f0);
  border-radius: 10px;
  width: 100%; }
  .dialog-input__inp {
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.4px;
    padding: 0 20px;
    height: 48px;
    border: none;
    background: transparent;
    line-height: 1; }
    .dialog-input__inp::-webkit-input-placeholder {
      line-height: 1;
      color: var(--color-9398a6); }
    .dialog-input__inp::-moz-placeholder {
      line-height: 1;
      color: var(--color-9398a6); }
    .dialog-input__inp:-ms-input-placeholder {
      line-height: 1;
      color: var(--color-9398a6); }
    .dialog-input__inp::-ms-input-placeholder {
      line-height: 1;
      color: var(--color-9398a6); }
    .dialog-input__inp::placeholder {
      line-height: 1;
      color: var(--color-9398a6); }
  .dialog-input__actions {
    margin-left: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .dialog-input__action {
    margin-left: 10px; }
    .dialog-input__action:first-child {
      margin-left: 0; }

.dialog-action-top {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 0;
          flex: none;
  font-size: 0;
  cursor: pointer; }
  .dialog-action-top__icon {
    height: 20px;
    width: 20px;
    background: url() no-repeat center/contain;
    margin-right: 10px; }
  .dialog-action-top__text {
    font-family: var(--font-base-black);
    letter-spacing: 0.35px;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-blue);
    line-height: 1;
    text-transform: uppercase; }
  .dialog-action-top.delete .dialog-action-top__icon {
    height: 23px;
    width: 20px;
    background-image: url("../images/messages/bin-blue.png"); }
  .dialog-action-top.search .dialog-action-top__icon {
    height: 20px;
    width: 20px;
    background-image: url("../images/messages/search-blue.png"); }

@media screen and (max-height: 730px) {
  .dialog-page .wrap-content {
    margin-top: 15px;
    padding-bottom: 15px; }
  .dialog {
    margin-top: 0; }
  .dialog-list {
    margin-top: 15px;
    margin-bottom: 15px; } }

@media screen and (max-width: 1440px) {
  .dialog-list {
    margin-top: 29px; }
  .dialog-list-search__inp, .dialog-list-filter__select {
    height: 40px; }
  .dialog-list-search__btn {
    width: 40px; }
  .dialog-list .dialog-list-search {
    margin-bottom: 4px; }
  .dialog-list-filter__select {
    font-size: 14px; }
  .dialog-list__body {
    margin-top: 6px; }
  .dialog-el {
    padding: 9px 14px; }
  .dialog-el__userIcon {
    width: 40px;
    height: 40px; }
  .dialog-el__name {
    margin-bottom: 0px; }
  .dialog-el__time {
    right: 8px; }
  .dialog-el.online::after {
    left: 4px; }
  .dialog-el__close {
    top: 4px;
    right: 0; }
  .dialog {
    margin-top: 0; }
  .dialog-page .wrap-content {
    padding-bottom: 20px; }
  .dialog-el__btn {
    width: 16px;
    height: 16px;
    background-size: 10px; } }

@media screen and (max-width: 1000px) {
  .dialog-list__top {
    margin-right: 10px; }
  .dialog-list__body {
    padding-right: 10px; }
  .dialog-list-search__inp {
    font-size: 14px;
    background-position: 10px center;
    padding-left: 45px; }
  .dialog-list-filter__select {
    padding: 0 10px; }
  .dialog-list-filter::after {
    right: 11px; }
  .dialog-el__preview {
    display: none; }
  .dialog-el_blue .dialog-el__time {
    opacity: 0.5; }
  .dialog-list__body {
    margin-top: 4px; }
  .dialog-el__info {
    padding-top: 4px; }
  .dialog-el__name {
    line-height: 1.3; }
  .dialog {
    margin-left: 20px; }
  .user-page .dialog-page .container {
    max-width: 740px; }
  .dialog-page .wrap-content {
    margin-top: 28px; }
  .dialog__top {
    padding: 0 19px; }
  .dialog-settings {
    padding-right: 0; }
  .dialog-settings__points {
    margin-right: 6px; }
  .dialog__body {
    padding: 22px 10px; }
  .dialog-block-message__el {
    padding: 7px 10px;
    padding-left: 80px; }
  .dialog-block-message__icon {
    left: 12px; }
  .dialog-block-message__name {
    left: 80px; }
  .dialog-block-message__el {
    margin-bottom: 4px; }
  .dialog-block-message__check {
    left: 10px; }
  .dialog-input__inp {
    font-size: 14px; }
  .dialog-input-chat__send {
    margin-left: 10px; }
  .dialog-input-chat__input {
    padding-right: 15px; }
  .dialog-input__inp {
    padding-left: 15px;
    padding-right: 0; }
  .dialog__bottom {
    padding: 15px 20px; }
  .dialog__date {
    margin-bottom: 11px; }
  .tabs-circleBlue__el {
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px; }
  .tabs-circleBlue {
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; }
  .messages-popUp-content__body {
    margin-top: 10px; }
  .popupFrame.messages {
    max-width: 100% !important; }
  .popupFrame.messages .popupFrame-body {
    padding: 40px; } }

@media screen and (max-width: 700px) {
  .dialog-page .container {
    padding: 0 !important; }
  .dialog-page .wrap-main-sec {
    display: block; }
  .dialog-page #user-sidebar {
    display: block;
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 100%;
    max-height: none;
    box-shadow: none;
    background-color: var(--main-white);
    margin: 0;
    padding: 0 20px;
    min-width: 1px;
    width: 100%; }
    .dialog-page #user-sidebar .dialog-list {
      margin-left: 0;
      margin-right: 0; }
    .dialog-page #user-sidebar .dialog-list__top {
      margin-right: 0; }
    .dialog-page #user-sidebar .dialog-list__body {
      margin-top: 0;
      z-index: 999;
      position: fixed;
      top: 150px;
      box-shadow: 0 0 15px rgba(0, 0, 1, 0.3);
      background-color: var(--main-grey);
      max-width: 280px;
      width: 100%;
      min-height: calc(100vh - 150px);
      padding: 30px 40px;
      padding-right: 30px;
      -webkit-transition: .4s;
      transition: .4s;
      right: -290px; }
      .dialog-page #user-sidebar .dialog-list__body.active {
        right: 0; }
  .dialog-list__body-top-mob {
    display: block;
    margin-bottom: 5px; }
  .dialog {
    margin: 0 10px; }
  .dialog-list {
    margin-top: 20px;
    margin-bottom: 10px; }
  .dialog-list-filter__select {
    padding: 0 15px; }
  .dialog-page .wrap-content {
    margin-top: 10px; }
  .dialog__name {
    font-size: 14px; }
  .dialog__name-info {
    font-size: 12px; }
  .dialog__name .dialog__name-info {
    margin-left: 0; }
  .dialog__top {
    padding: 0 15px; }
  .dialog-block-message__el {
    padding-left: 70px; }
  .dialog-block-message__icon {
    left: 0; }
  .dialog-block-message__name {
    left: 70px;
    top: 11px; }
  .dialog__name {
    font-size: 16px; }
  .dialog-block-message__el:first-child {
    padding-top: 30px; }
  .dialog-block-message__text {
    font-size: 14px; }
  .dialog-block-message__actions {
    margin-left: 10px; }
  .dialog-input__actions {
    margin-left: 20px; }
    .dialog-input__actions .video-btn, .dialog-input__actions .image-btn {
      display: none; }
    .dialog-input__actions .smile {
      margin-left: 0; }
  .dialog-input-chat__input {
    padding-right: 5px; }
  .dialog-input__inp {
    padding-left: 10px;
    height: 40px; }
  .dialog-input-chat__send, .dialog-input-chat__file {
    width: 20px;
    height: 20px; }
  .dialog-input-chat__file {
    margin-right: 10px; }
  .dialog-input-chat {
    padding-left: 0; }
  .dialog__bottom {
    padding: 5px 10px;
    padding-bottom: 10px; }
  .dialog-settings-body {
    right: -43px; }
  .dialog-settings-body::after {
    right: -61px; }
  .dialog__search-inp {
    font-size: 14px;
    padding-left: 30px;
    padding-right: 0; }
  .dialog__reply-name {
    font-size: 14px;
    line-height: 1; }
  .dialog__reply-el {
    margin-top: 3px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 7px; }
  .dialog__reply-text {
    line-height: 1;
    margin-top: 1px; }
  .popupFrame.messages .popupFrame-body {
    padding: 20px 25px; }
  .tabs-circleBlue__el {
    font-size: 12px;
    min-width: 125px; }
  .messages-popUp-content__wrap-images {
    margin-left: -5px;
    margin-right: -5px; }
    .messages-popUp-content__wrap-images .block-add-somth__el {
      height: 82px;
      max-width: 125px;
      min-width: 125px;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 10px; }
  .block-add-somth__el-hover-text {
    font-size: 12px; }
  .block-add-somth__el-hover-icon {
    width: 14px;
    height: 14px; }
  .messages-popUp-content__wrap-video {
    margin-left: 1%;
    margin-right: 1%; }
  .dialog-block-message .dialog-block-message__icon {
    width: 50px;
    height: 50px; }
  .dialog-block-message {
    margin-right: 0; } }

@media screen and (max-width: 600px) {
  .messages-popUp-content__wrap-videos {
    margin: 0; }
  .messages-popUp-content__wrap-video {
    margin: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 56.25%; } }

.table {
  border: none;
  padding: 0;
  margin: 0;
  font-family: var(--font-base);
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
  margin-left: -10px;
  margin-right: -10px; }
  .table td {
    padding: 10px 20px;
    background-color: var(--main-grey);
    text-align: center; }
    .table td:first-child {
      text-align: left; }
  .table .table__title {
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: var(--main-white); }
    .table .table__title_blue {
      background-color: var(--main-blue); }
  .table .table__cell {
    color: var(--mid-grey);
    font-size: 14px;
    vertical-align: middle;
    max-width: 130px;
    font-weight: 400; }
    .table .table__cell__content {
      display: inline-block; }
    .table .table__cell:first-child {
      max-width: 233px;
      min-width: 310px;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.4px; }
    .table .table__cell-img {
      font-size: 0; }
    .table .table__cell-center {
      text-align: center !important; }
    .table .table__cell-check {
      font-size: 0;
      display: inline-block;
      width: 20px;
      height: 20px;
      -webkit-box-flex: 0;
              flex: none;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("../images/table/check.png"); }
      .table .table__cell-check.close {
        background-image: url("../images/table/close.png"); }
    .table .table__cell-yellow {
      background-color: var(--color-ffc000); }
    .table .table__cell-yellowHight {
      background-color: var(--color-ff9b01); }
      .table .table__cell-yellowHight:not(.table__title) {
        background-color: var(--color-ffecd0); }
      .table .table__cell-yellowHight.wrap-cell-main__text {
        background-color: var(--color-ff9b01); }
    .table .table__cell-orange {
      background-color: var(--color-ff8612); }
    .table .table__cell-orangeHigh {
      background-color: var(--color-ff7521); }
    .table .table__cell-red {
      background-color: var(--color-ff632f); }
    .table .table__cell.close-bg {
      position: relative; }
      .table .table__cell.close-bg::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--main-white);
        opacity: 0.4;
        z-index: 1; }
      .table .table__cell.close-bg * {
        position: relative;
        z-index: 2; }
    .table .table__cell_hide {
      opacity: 0; }
  .table .table__cell-btn {
    padding: 0;
    background: none; }
  .table__btn {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.2px;
    height: 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    cursor: pointer;
    min-width: 170px; }
    .table__btn:hover {
      color: var(--main-white); }
    .table__btn_yellow {
      border-color: var(--color-ffc000);
      color: var(--color-ffc000); }
      .table__btn_yellow::after, .table__btn_yellow::before {
        background-color: var(--color-ffc000); }
      .table__btn_yellow:hover {
        background-color: var(--color-ffc000); }
    .table__btn_yellowHigh {
      border-color: var(--color-ff9b01);
      color: var(--color-ff9b01); }
      .table__btn_yellowHigh::after, .table__btn_yellowHigh::before {
        background-color: var(--color-ff9b01); }
      .table__btn_yellowHigh:hover {
        background-color: var(--color-ff9b01); }
    .table__btn_orange {
      border-color: var(--color-ff8612);
      color: var(--color-ff8612); }
      .table__btn_orange::after, .table__btn_orange::before {
        background-color: var(--color-ff8612); }
      .table__btn_orange:hover {
        background-color: var(--color-ff8612); }
    .table__btn_orangeHigh {
      border-color: var(--color-ff7521);
      color: var(--color-ff7521); }
      .table__btn_orangeHigh::after, .table__btn_orangeHigh::before {
        background-color: var(--color-ff7521); }
      .table__btn_orangeHigh:hover {
        background-color: var(--color-ff7521); }
    .table__btn_red {
      border-color: var(--color-ff632f);
      color: var(--color-ff632f); }
      .table__btn_red::after, .table__btn_red::before {
        background-color: var(--color-ff632f); }
      .table__btn_red:hover {
        background-color: var(--color-ff632f); }

.table .cell-yellow {
  background-color: var(--color-ff9b01); }

.table .cell-yellowHight {
  background-color: var(--color-ff9b01); }

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

.wrap-cell-main__text {
  letter-spacing: 0.8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--main-white); }

.wrap-table-user-pay {
  margin-top: 4px !important;
  padding-right: 7px; }

.table-user-pay {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 30px; }
  .table-user-pay__title {
    font-family: var(--font-base);
    font-size: 18px;
    font-weight: 700;
    color: var(--main-blue); }
    .table-user-pay__title_uppercase {
      text-transform: uppercase;
      letter-spacing: 0.9px; }
  .table-user-pay__info-text {
    font-weight: 500;
    font-size: 16px;
    color: var(--dark-grey);
    letter-spacing: 0.8px; }
  .table-user-pay__cell_status {
    text-align: right; }
  .table-user-pay__cost {
    font-weight: 700;
    font-size: 18px; }
  .table-user-pay__select__el select {
    font-family: var(--font-base);
    background-color: var(--color-f8f8f8);
    min-width: 150px;
    padding: 0 22px; }
  .table-user-pay__btn {
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%;
    padding: 10px;
    height: 50px;
    letter-spacing: 1.2px;
    color: var(--main-blue); }

.table__payment_mob {
  display: none; }

.table__payment_mob {
  margin: 0;
  width: 100%;
  max-width: 100%;
  border-spacing: 0px 5px; }
  .table__payment_mob td {
    padding: 5px 18px; }
  .table__payment_mob .wrap-cell-main__cell {
    text-transform: uppercase;
    padding: 0;
    background-color: transparent; }
  .table__payment_mob .wrap-cell-main__text {
    display: block;
    padding: 12px 17px;
    margin-top: 5px;
    cursor: pointer;
    position: relative; }
    .table__payment_mob .wrap-cell-main__text::after {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 20px;
      width: 7px;
      height: 4px;
      background: url("../images/arr-white.png") no-repeat top/contain; }
  .table__payment_mob .table__cell {
    min-width: 100px;
    font-size: 16px;
    min-height: 40px;
    height: 40px; }
    .table__payment_mob .table__cell-text {
      font-size: 12px; }
  .table__payment_mob .table__title {
    font-size: 14px;
    padding: 14px 20px; }
  .table__payment_mob .table__tr {
    display: none; }
  .table__payment_mob .table__cell {
    max-width: 112px; }

.payment-page .wrap-content-main__content {
  margin-top: 13px !important; }

@media screen and (max-width: 1200px) {
  .table__payment_desc {
    display: none; }
  .table__payment_mob {
    display: table; } }

@media screen and (max-width: 1000px) {
  .table-user-pay__title {
    font-size: 16px; }
  .table-user-pay__select__el select {
    min-width: 122px; }
  .table-user-pay__cost {
    font-size: 16px; }
  .table-user-pay__btn {
    font-size: 14px; }
    .table-user-pay__btn::after, .table-user-pay__btn::before {
      display: none; } }

@media screen and (max-width: 700px) {
  .table__payment_mob .wrap-cell-main__text {
    padding: 7px 9px; }
  .table__payment_mob td {
    padding: 5px 9px; }
  .table .table__cell:first-child {
    font-size: 14px; }
  .table__payment_mob .table__title {
    padding: 9px 20px; } }

.funnels-page .wrap-content-main__info-text {
  margin-bottom: 26px; }

.block-select-color__body {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -2.5px;
  margin-right: -2.5px; }

.block-select-color__el {
  display: block;
  border: 3px solid transparent;
  margin: 0 2.5px;
  margin-bottom: 2.5px;
  padding: 8px;
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
          flex: none; }
  .block-select-color__el span {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .block-select-color__el.white span { background-color: #ffffff; }
  .block-select-color__el.active { border-color: #006bae; }
  .block-select-color__el.red span { background-color: #ff0404; }
  .block-select-color__el.red1 span { background-color: #ff6370; }
  .block-select-color__el.red2 span { background-color: #ffb0b7; }
  .block-select-color__el.orange2 span { background-color: #ffd3bf; }
  .block-select-color__el.orange1 span { background-color: #ff9b6f; }
  .block-select-color__el.orange span { background-color: #ff6804; }
  .block-select-color__el.yellow span { background-color: #ffc704; }
  .block-select-color__el.yellow1 span { background-color: #ffda79; }
  .block-select-color__el.yellow2 span { background-color: #fff5da; }
  .block-select-color__el.green1 span { background-color: #a7da8d; }
  .block-select-color__el.salad span { background-color: #7bda00; }
  .block-select-color__el.green span { background-color: #039906; }
  .block-select-color__el.blue1 span { background-color: #a5dafa; }
  .block-select-color__el.blue span { background-color: #009cff; }
  .block-select-color__el.sea span { background-color: #006bae; }
  .block-select-color__el.ocean span { background-color: #1411aa; }
  .block-select-color__el.navy span { background-color: #000080; }
  .block-select-color__el.purple span { background-color: #6b11aa; }
  .block-select-color__el.pink span { background-color: #e60ed9; }  
  .block-select-color__el.peru span { background-color: #CD853F; }  
  .block-select-color__el.brown span { background-color: #8B4513; }  
  .block-select-color__el.black span { background-color: #000000; }  
.step {
  margin-bottom: 10px; }
  .step:last-child {
    margin-bottom: 0; }
  .step__color {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 9px;
    -webkit-box-flex: 0;
            flex: none; }
  .step__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .step__title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 400;
    margin-right: 20px;
    white-space: nowrap; }
  .step__text-info {
    font-size: 16px;
    font-weight: 400;
    color: var(--main-black); }
  .step.white .step__title { color: #ffffff; }
  .step.white .step__color { background-color: #ffffff; }
  .step.red .step__title { color: #ff0404; }
  .step.red .step__color { background-color: #ff0404; }
  .step.red1 .step__title { color: #ff3445; }
  .step.red1 .step__color { background-color: #ff3445; }
  .step.red2 .step__title { color: #ff6370; }
  .step.red2 .step__color { background-color: #ff6370; }
  .step.orange2 .step__title { color: #ffd3bf; }
  .step.orange2 .step__color { background-color: #ffd3bf; }
  .step.orange1 .step__title { color: #ff9b6f; }
  .step.orange1 .step__color { background-color: #ff9b6f; }
  .step.orange .step__title { color: #ff6804; }
  .step.orange .step__color { background-color: #ff6804; }
  .step.green1 .step__title { color: #a7da8d; }
  .step.green1 .step__color { background-color: #a7da8d; }
  .step.salad .step__title { color: #7bda00; }
  .step.salad .step__color { background-color: #7bda00; }
  .step.green .step__title { color: #039906; }
  .step.green .step__color { background-color: #039906; }
  .step.blue1 .step__title { color: #a5dafa; }
  .step.blue1 .step__color { background-color: #a5dafa; }
  .step.blue .step__title { color: #009cff; }
  .step.blue .step__color { background-color: #009cff; }
  .step.sea .step__title { color: #006bae; }
  .step.sea .step__color { background-color: #006bae; }
  .step.ocean .step__title { color: #1411aa; }
  .step.ocean .step__color { background-color: #1411aa; }
  .step.navy .step__title { color: #000080; }
  .step.navy .step__color { background-color: #000080; }
  .step.purple .step__title { color: #6b11aa; }
  .step.purple .step__color { background-color: #6b11aa; }
  .step.pink .step__title { color: #e60ed9; }
  .step.pink .step__color { background-color: #e60ed9; }
  .step.yellow .step__title { color: #ffc704; }
  .step.yellow .step__color { background-color: #ffc704; }
  .step.yellow1 .step__title { color: #ffda79; }
  .step.yellow1 .step__color { background-color: #ffda79; }
  .step.yellow2 .step__title { color: #ffc704; }
  .step.yellow2 .step__color { background-color: #fff5da; }
  .step.peru .step__title { color: #CD853F; }
  .step.peru .step__color { background-color: #CD853F; }
  .step.brown .step__title { color: #8B4513; }
  .step.brown .step__color { background-color: #8B4513; }
  .step.black .step__title { color: #000000; }
  .step.black .step__color { background-color: #000000; }

.funnel-steps {
  margin-bottom: 20px; }

.funnels-content {
  margin-top: 40px; }
  .funnels-content__el {
    display: -webkit-box;
    display: flex;
    margin-bottom: 19px; }
    .funnels-content__el:last-child {
      margin-bottom: 0; }
  .funnels-content__content {
    padding: 20px 28px;
    background-color: var(--main-grey);
    border-radius: 5px;
    margin-right: 2px;
    width: 100%; }
  .funnels-content__title {
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 400;
    color: var(--main-blue);
    margin-bottom: 11px;
    display: block; }
  .funnels-content__steps {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .funnels-content__step {
    margin-right: 26px; }
    .funnels-content__step:last-child {
      margin-right: 0; }
      .funnels-content__step:last-child::after {
        content: none; }
  .funnels-content .student-list__btn {
    margin: 0;
    margin-bottom: 2px;
    width: 50px;
    height: 50px; }
    .funnels-content .student-list__btn:last-child {
      margin-bottom: 0; }

.funnels-content__btns {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .funnels-content__btns .student-list__btn {
    height: 100%;
    -webkit-box-flex: 1;
            flex: auto; }

.student-list__btns {
  display: -webkit-box;
  display: flex; }

.funnels-step {
  min-height: 30px;
  min-width: 100px;
  background-color: var(--dark-grey1);
  border: 2px solid var(--dark-grey1);
  border-radius: 5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 5px 20px;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  -webkit-transition: .2s;
  transition: .2s;
  margin-bottom: 10px; }
  .funnels-step::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 10px;
    background: url("../images/step-arr.png") no-repeat center/contain;
    right: -16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .funnels-step::before {
    content: '';
    position: absolute;
    top: 100%;
    height: 20px;
    width: 100%; }
  .funnels-step__text {
    letter-spacing: 0.35px;
    font-weight: 700;
    font-size: 14px;
    color: var(--main-white);
    line-height: 1;
    -webkit-transition: .2s;
    transition: .2s; }
  .funnels-step__hover-body {
    cursor: default;
    display: none;
    z-index: 100;
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    background-color: var(--main-white);
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 1, 0.2);
    min-width: 300px;
    max-width: 300px;
    width: 100%;
    padding: 22px 19px;
    padding-bottom: 17px; }
    .funnels-step__hover-body__title {
      display: block;
      padding-bottom: 10px; }
    .funnels-step__hover-body__info {
      display: block;
      margin-top: 15px;
      font-size: 16px;
      font-weight: 700; }
    .funnels-step__hover-body__inputs {
      margin-top: 24px; }
      .funnels-step__hover-body__inputs .checkbox-el {
        margin-bottom: 10px; }
        .funnels-step__hover-body__inputs .checkbox-el:last-child {
          margin-bottom: 0 !important; }
    .funnels-step__hover-body::after {
      content: '';
      position: absolute;
      top: -10px;
      left: 42px;
      width: 0;
      height: 0;
      border-width: 0 8px 10px 8px;
      border-color: transparent transparent var(--main-white) transparent;
      border-style: solid; }
  .funnels-step.active {
    cursor: pointer; }
    .funnels-step.active:hover {
      background-color: var(--main-white); }
      .funnels-step.active:hover .funnels-step__hover-body {
        display: block; }
  .funnels-step.white { background-color: #ffffff; border-color: #ffffff; } .funnels-step.white:hover .funnels-step__text { color: #ffffff; }
  .funnels-step.red { background-color: #ff0404; border-color: #ff0404; } .funnels-step.red:hover .funnels-step__text { color: #ff0404; }
  .funnels-step.red1 { background-color: #ff6370; border-color: #ff6370; } .funnels-step.red1:hover .funnels-step__text { color: #ff6370; }
  .funnels-step.red2 { background-color: #ffb0b7; border-color: #ffb0b7; } .funnels-step.red2:hover .funnels-step__text { color: #ffb0b7; }
  .funnels-step.orange2 { background-color: #ffd3bf; border-color: #ffd3bf; } .funnels-step.orange2:hover .funnels-step__text { color: #ffd3bf; }
  .funnels-step.orange1 { background-color: #ff9b6f; border-color: #ff9b6f; } .funnels-step.orange1:hover .funnels-step__text { color: #ff9b6f; }
  .funnels-step.orange { background-color: #ff6804; border-color: #ff6804; } .funnels-step.orange:hover .funnels-step__text { color: #ff6804; }
  .funnels-step.green1 { background-color: #a7da8d; border-color: #a7da8d; } .funnels-step.green1:hover .funnels-step__text { color: #a7da8d; }
  .funnels-step.salad { background-color: #7bda00; border-color: #7bda00; } .funnels-step.salad:hover .funnels-step__text { color: #7bda00; }
  .funnels-step.green { background-color: #039906; border-color: #039906; } .funnels-step.green:hover .funnels-step__text { color: #039906; }
  .funnels-step.yellow { background-color: #ffc704; border-color: #ffc704; } .funnels-step.yellow:hover .funnels-step__text { color: #ffc704; }
  .funnels-step.yellow1 { background-color: #ffda79; border-color: #ffda79; } .funnels-step.yellow1:hover .funnels-step__text { color: #ffda79; }
  .funnels-step.yellow2 { background-color: #fff5da; border-color: #fff5da; } .funnels-step.yellow2:hover .funnels-step__text { color: #fff5da; }
  .funnels-step.blue1 { background-color: #a5dafa; border-color: #a5dafa; } .funnels-step.blue1:hover .funnels-step__text { color: #a5dafa; }
  .funnels-step.blue { background-color: #009cff; border-color: #009cff; } .funnels-step.blue:hover .funnels-step__text { color: #009cff; }
  .funnels-step.sea { background-color: #006bae; border-color: #006bae; } .funnels-step.sea:hover .funnels-step__text { color: #006bae; }
  .funnels-step.ocean { background-color: #1411aa; border-color: #1411aa; } .funnels-step.ocean:hover .funnels-step__text { color: #1411aa; }
  .funnels-step.navy { background-color: #000080; border-color: #000080; } .funnels-step.navy:hover .funnels-step__text { color: #000080; }
  .funnels-step.purple { background-color: #6b11aa; border-color: #6b11aa; } .funnels-step.purple:hover .funnels-step__text { color: #6b11aa; }
  .funnels-step.pink { background-color: #e60ed9; border-color: #e60ed9; } .funnels-step.pink:hover .funnels-step__text { color: #e60ed9; }
  .funnels-step.peru { background-color: #CD853F; border-color: #CD853F; } .funnels-step.peru:hover .funnels-step__text { color: #CD853F; }
  .funnels-step.brown { background-color: #8B4513; border-color: #8B4513; } .funnels-step.brown:hover .funnels-step__text { color: #8B4513; }
  .funnels-step.black { background-color: #000000; border-color: #000000; } .funnels-step.black:hover .funnels-step__text { color: #000000; }

@media screen and (max-width: 1000px) {
  .funnels-page .wrap-content-main__info-text {
    margin-bottom: 0; }
  .funnels-page .block-iconLeft-textRight {
    margin-top: 27px; }
  .popupFrame.funnels {
    max-width: 840px !important; }
  .funnels-content__content {
    padding: 16px 20px; }
  .funnels-content__title {
    font-size: 16px; }
  .funnels-step {
    margin-right: 16px;
    min-width: 30px;
    min-height: 30px;
    padding: 0; }
    .funnels-step__text {
      font-size: 0; }
    .funnels-step__count {
      font-size: 14px; }
  .funnels-step::after {
    right: -14px; }
  .funnels-content__el {
    display: block; }
  .funnels-content__btns {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    margin-top: 2px; }
    .funnels-content__btns .student-list__btn {
      margin: 0;
      width: 100%;
      -webkit-box-flex: 1;
              flex: auto;
      height: 40px;
      min-width: 40px; }
  .funnels-content__content {
    padding-bottom: 6px; }
  .step__title {
    font-size: 16px; }
  .step__text-info {
    font-size: 14px; }
  .small-info_funnel .btn-form {
    margin-bottom: 10px !important; } }

@media screen and (max-width: 600px) {
  .input-el_nameTop__name {
    font-size: 16px; }
  .input-el_nameTop__question {
    width: 24px;
    height: 24px;
    font-size: 14px; }
  .input-el_nameTop + .block-iconLeft-textRight {
    margin-top: 0;
    margin-bottom: 0; }
  .block-select-color__el {
    width: 26px;
    height: 26px;
    padding: 2px; }
  .step__text {
    display: block; }
  .student-list.step .student-list__user {
    -webkit-box-align: start;
            align-items: flex-start;
    padding: 10px; }
  .step .step__title {
    display: block;
    margin-right: 0;
    margin-bottom: 6px;
    font-size: 16px; }
  .step__text-info {
    font-size: 14px; }
  .student-list__btns {
    display: block; }
    .student-list__btns .student-list__btn {
      margin: 0;
      width: 40px;
      height: 40px;
      min-height: 40px; }
      .student-list__btns .student-list__btn:first-child {
        margin-bottom: 2px; } }

.responders-content {
  margin-top: 41px;
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }
  .responders-content__el {
    display: -webkit-box;
    display: flex;
    max-width: 590px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px; }
  .responders-content__content {
    padding: 14px 24px; }
  .responders-content .funnels-content__title {
    font-size: 18px; }
  .responders-content__body {
    margin-top: 20px; }
  .responders-content__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 15px; }
    .responders-content__info:last-child {
      margin-bottom: 0; }
    .responders-content__info-title {
      display: inline-block;
      font-family: var(--font-title);
      font-size: 14px;
      font-weight: 400;
      color: var(--black-grey); }
    .responders-content__info-text {
      display: inline-block;
      font-size: 16px;
      color: var(--main-black);
      font-weight: 500;
      margin-left: 20px; }
  .responders-content .student-list__btn {
    width: 50px;
    height: 60px; }
  .responders-content .student-list__btn.pen {
    margin-right: 0;
    margin-bottom: 2px; }

.responders-info {
  margin-top: 40px;
  margin-top: 20px; }
  .responders-info__el {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start;
    margin-bottom: 34px; }
  .responders-info__title {
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 16px;
    color: var(--main-blue);
    white-space: nowrap;
    padding-top: 4px; }
  .responders-info__text {
    font-weight: 500;
    font-size: 16px;
    color: var(--main-black);
    margin-left: 20px;
    line-height: 1.6; }

.wrap-base-content {
  margin-top: 45px; }

.base-content-table {
  padding: 0;
  margin: 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 5px; }
  .base-content-table tr td {
    border-radius: 5px;
    padding: 12px 13px;
    vertical-align: middle; }
  .base-content-table tr td {
    background-color: rgba(244, 244, 244, 0.3); }
  .base-content-table tr.bg td {
    background-color: var(--main-grey); }
  .base-content-table .tr-main td {
    padding: 0;
    margin: 0;
    background: none;
    padding-bottom: 10px;
    min-width: 145px; }
  .base-content-table__title {
    text-align: center; }
    .base-content-table__title-text {
      font-family: var(--font-base-black);
      display: inline-block;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 16px;
      color: var(--main-blue);
      padding-bottom: 9px;
      border-bottom: 3px solid var(--main-blue);
      margin-bottom: 2px;
      width: 100%; }
  .base-content-table__filter .select__el {
    max-width: 100%; }
  .base-content-table__body select {
    padding: 0 18px; }
  .base-content-table__body select, .base-content-table__body input {
    font-size: 14px;
    font-weight: 300;
    color: var(--mid-grey);
    height: 40px; }
  .base-content-table .select__el::after {
    right: 15px; }
  .base-content-table .empty-fix-btns {
    opacity: 0; }
  .base-content-table__cell {
    min-width: 115px; }
  .base-content-table__text {
    color: var(--main-black);
    font-size: 14px;
    font-weight: 500; }
  .base-content-table__menu {
    position: relative;
    margin: 0 auto;
    max-width: 40px;
    min-width: 40px;
    padding: 0 !important;
    cursor: pointer;
    font-size: 0; }
    .base-content-table__menu-points {
      display: -webkit-box;
      display: flex;
      width: 100%;
      min-width: 20px;
      width: 100%; }
      .base-content-table__menu-points span {
        background-color: var(--main-black); }
    .base-content-table__menu.active {
      background-color: var(--main-blue) !important; }
      .base-content-table__menu.active span {
        background-color: var(--main-white); }
  .base-content-table__cell-funnels {
    max-width: 175px;
    min-width: 175px; }

.funnels-content-count {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -10px; }
  .funnels-content-count__el {
    min-width: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    min-height: 20px;
    padding: 4px;
    font-weight: 700;
    font-size: 10px;
    color: var(--main-white);
    margin: 0 1px;
    margin-bottom: 10px;
    background-color: var(--dark-grey1); }
    .funnels-content-count__el.white { background-color: #ffffff; }
    .funnels-content-count__el.red { background-color: #ff0404; }
    .funnels-content-count__el.red1 { background-color: #ff6370; }
    .funnels-content-count__el.red2 { background-color: #ffb0b7; }
    .funnels-content-count__el.orange2 { background-color: #ffd3bf; }
    .funnels-content-count__el.orange1 { background-color: #ff9b6f; }
    .funnels-content-count__el.orange { background-color: #ff6804; }
    .funnels-content-count__el.yellow { background-color: #ffc704; }
    .funnels-content-count__el.yellow1 { background-color: #ffda79; }
    .funnels-content-count__el.yellow2 { background-color: #fff5da; }
    .funnels-content-count__el.green1 { background-color: #a7da8d; }
    .funnels-content-count__el.salad { background-color: #7bda00; }
    .funnels-content-count__el.green { background-color: #039906; }
    .funnels-content-count__el.blue1 { background-color: #a5dafa; }
    .funnels-content-count__el.blue { background-color: #009cff; }
    .funnels-content-count__el.sea { background-color: #006bae; }
    .funnels-content-count__el.ocean { background-color: #1411aa; }
    .funnels-content-count__el.navy { background-color: #000080; }
    .funnels-content-count__el.purple { background-color: #6b11aa; }
    .funnels-content-count__el.pink { background-color: #e60ed9; }
    .funnels-content-count__el.peru { background-color: #CD853F; }
    .funnels-content-count__el.brown { background-color: #8B4513; }
    .funnels-content-count__el.black { background-color: #000000; }

.base-comment-content {
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 21px;
  display: -webkit-box;
  display: flex;
  margin-bottom: 20px;
  border-spacing: 0 14px; }
  .base-comment-content__icon {
    width: 80px;
    height: 80px;
    margin-right: 25px;
    border: 3px solid var(--main-blue);
    background-color: var(--main-blue);
    font-size: 0; }
  .base-comment-content__el {
    display: -webkit-box;
    display: flex;
    padding-bottom: 14px; }
    .base-comment-content__el:last-child {
      margin-bottom: 0; }
  .base-comment-content__title {
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 400;
    color: var(--main-blue);
    margin-right: 15px;
    text-align: left;
    padding-right: 15px; }
  .base-comment-content__info-text {
    font-size: 16px;
    color: var(--black-grey);
    font-weight: 500; }
  .base-comment-content__body {
    display: table;
    text-align: left; }
    .base-comment-content__body .base-comment-content__el {
      display: table-row; }
    .base-comment-content__body .base-comment-content__title, .base-comment-content__body .base-comment-content__info {
      display: table-cell; }

.addComment {
  display: -webkit-inline-box;
  display: inline-flex;
  cursor: pointer;
  margin-bottom: 20px; }

.base-comments {
  margin-bottom: 30px; }
  .base-comments .base-comment {
    margin-bottom: 20px; }
    .base-comments .base-comment:last-child {
      margin-bottom: 0; }

.base-comment {
  background-color: transparent !important;
  padding: 0 !important; }
  .base-comment .lesson-content__chat-icon {
    margin-right: 10px; }
  .base-comment .lesson-content__chat-el-body {
    background-color: var(--main-grey);
    width: 100%;
    text-align: left;
    border-radius: 25px;
    padding: 16px 24px;
    padding-right: 19px; }
  .base-comment .lesson-content__chat-el-body__top {
    padding-top: 0;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
            justify-content: space-between; }

.history-table {
  border-collapse: separate;
  border-spacing: 5px 5px;
  width: 100%;
  text-align: left; }
  .history-table tr td {
    border-radius: 5px;
    padding: 12px 13px;
    vertical-align: middle;
    background-color: rgba(244, 244, 244, 0.3);
    padding: 10px 19px; }
  .history-table tr.bg td {
    background-color: var(--main-grey); }
  .history-table__wrap-titles td {
    padding-bottom: 5px;
    padding: 0 !important; }
  .history-table__title {
    display: block;
    font-family: var(--font-base-black);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-blue);
    padding-bottom: 9px;
    border-bottom: 3px solid var(--main-blue);
    margin-bottom: 2px;
    width: 100%; }
  .history-table__cell {
    vertical-align: middle; }
  .history-table__text {
    font-weight: 500;
    font-size: 16px;
    color: var(--main-black); }

.block-scroll-popUp {
  overflow-y: auto;
  max-height: calc(100vh - 270px);
  min-height: 300px; }

.wrap-base-content_tile {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
          align-items: stretch;
  margin-left: -10px;
  margin-right: -10px; }

.base-content_tile {
  max-width: 390px;
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .base-content_tile__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 2px; }
    .base-content_tile__top.active .base-content_tile__title, .base-content_tile__top.active .base-content_tile__menu {
      background-color: var(--main-blue);
      color: var(--main-white); }
      .base-content_tile__top.active .base-content_tile__title span, .base-content_tile__top.active .base-content_tile__menu span {
        background-color: var(--main-white); }
  .base-content_tile__title {
    font-family: var(--font-title);
    display: block;
    border-radius: 10px 0 0;
    width: 100%;
    background-color: var(--main-grey);
    margin-right: 2px;
    padding: 13px 19px;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-blue); }
  .base-content_tile__menu {
    -webkit-box-flex: 0;
            flex: none;
    width: 40px;
    height: 40px;
    background-color: var(--main-grey);
    border-radius: 0 10px 0 0;
    position: relative; }
    .base-content_tile__menu .points {
      width: 100%;
      height: 100%;
      cursor: pointer; }
  .base-content_tile__body {
    background-color: var(--main-grey);
    border-radius: 0 0 10px 10px;
    padding: 20px 0;
    padding-bottom: 10px;
    height: 100%; }
  .base-content_tile .base-content-tile-table {
    margin: 0 20px; }
  .base-content_tile__bottom {
    padding: 0 20px;
    border-top: 2px solid var(--main-white);
    margin-top: 10px;
    padding-top: 8px; }
    .base-content_tile__bottom-text {
      font-family: var(--font-base);
      font-weight: 400;
      font-size: 14px;
      letter-spacing: 0.14px;
      color: var(--main-black);
      line-height: 1.2; }

.wrap-base-content_tile-wrapAll {
  margin-top: 45px; }

.wrap-base-content_tile {
  margin-top: 0; }

.base-content-tile-table {
  width: 100%;
  text-align: left; }
  .base-content-tile-table td {
    vertical-align: middle;
    padding-bottom: 14px; }
  .base-content-tile-table__title {
    display: inline-block;
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 14px;
    margin-right: 17px; }
  .base-content-tile-table__text {
    font-weight: 500;
    font-size: 14px;
    color: var(--black-grey); }

.tools-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px; }
  .tools-content__el {
    margin-left: 25px;
    margin-right: 25px; }

.tools-content-el {
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 30px;
  max-width: 580px;
  width: 100%;
  margin-bottom: 50px; }
  .tools-content-el__title {
    display: inline-block;
    margin-bottom: 10px; }
  .tools-content-el__messengers {
    margin-top: 10px; }
  .tools-content-el__text {
    margin-top: 19px;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-grey);
    line-height: 1.3; }
  .tools-content-el__bottom {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding-right: 50px;
    margin-top: 18px; }
  .tools-content-el__btn {
    margin-right: 17px; }
  .tools-content-el__icon {
    font-size: 0;
    margin-top: 10px; }

.messengers {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }
  .messengers__el {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    font-size: 0; }
    .messengers__el img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }

.tools-tabs {
  display: -webkit-box;
  display: flex;
  font-size: 0; }
  .tools-tabs__el {
    font-family: var(--font-base-black);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--main-blue);
    font-size: 16px;
    padding: 18px 20px;
    background-color: var(--main-grey);
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer; }
    .tools-tabs__el.active {
      background-color: var(--main-blue);
      color: var(--main-white); }

.tools-page .lesson-content__tabs {
  margin-top: 15px;
  margin-bottom: 28px; }

.tools-table {
  max-width: 49.3%;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px 5px; }
  .tools-table__cell {
    background-color: var(--main-grey);
    vertical-align: middle;
    border-radius: 5px; }
  .tools-table__title {
    padding: 14px 19px; }
    .tools-table__title-text {
      font-family: var(--font-title);
      color: var(--main-blue);
      font-size: 16px;
      font-weight: 400; }
  .tools-table__info {
    min-width: 133px;
    max-width: 200px;
    padding: 13px 20px;
    text-align: center;
    border: 3px solid var(--main-grey);
    background-color: var(--main-white); }
    .tools-table__info_bg {
      background-color: var(--main-grey);
      border-color: var(--main-grey); }
    .tools-table__info-text {
      font-size: 18px;
      font-weight: 500;
      color: var(--mid-grey); }
  .tools-table__tr_empty {
    height: 50px; }
  .tools-table__tr.active .tools-table__cell {
    background-color: var(--main-blue); }
    .tools-table__tr.active .tools-table__cell span {
      color: var(--main-white); }

.wrap-tools-table {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.exchange-page .wrap-content-main__content {
  margin-top: 25px; }

.text-info {
  font-weight: 400;
  font-size: 16px;
  color: var(--dark-black2);
  margin-top: 19px;
  margin-bottom: 29px;
  letter-spacing: -0.06px; }

.exchange-content {
  margin-top: 67px; }
  .exchange-content__content {
    margin-top: 35px; }
  .exchange-content-block {
    margin-bottom: 20px; }
  .exchange-content__selects {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    flex-wrap: wrap; }
    .exchange-content__selects .select {
      width: 48%; }
  .exchange-content__checkboxes {
    margin-top: 21px; }
  .exchange-content__btn {
    margin-top: 31px; }

.sendings-content {
  margin-top: 29px; }

.sendings-content__table {
  table-layout: fixed; }
  .sendings-content__table .history-table__date {
    width: 17%; }

.wrap-checkboxes {
  margin-bottom: 20px; }

.messages-add .select {
  margin-bottom: 30px; }

.block-between-search {
  flex-wrap: nowrap; }
  .block-between-search .block-iconLeft-textRight {
    -webkit-box-flex: 0;
            flex: none; }
  .block-between-search .search-block {
    width: 75%; }
    .block-between-search .search-block input {
      padding: 0 33px; }

.work-messages-content {
  margin-top: 17px; }

.messages-content-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  margin-bottom: 11px; }
  .messages-content-list .student-list__btn {
    width: 50px;
    height: 50px;
    margin-left: 0; }
  .messages-content-list__icon {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
            flex: none;
    font-size: 0;
    margin-right: 2px; }
    .messages-content-list__icon img {
      width: 100%;
      height: 100%; }
  .messages-content-list__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    min-width: 250px;
    background-color: var(--main-grey);
    border-radius: 5px;
    padding: 8px 16px;
    min-height: 100%;
    margin-right: 2px; }
    .messages-content-list__body + .student-list__btn {
      margin-right: 2px; }
  .messages-content-list__info {
    width: 100%; }
  .messages-content-list__text {
    color: var(--main-black);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px; }
    .messages-content-list__text span {
      font-family: var(--font-base-semibold);
      font-weight: 400;
      letter-spacing: 0.4px;
      color: var(--main-blue); }
  .messages-content-list__user-name {
    font-size: 16px;
    font-weight: 700; }
  .messages-content-list .student-list__btn.arr {
    margin-right: 2px; }

.messages-content-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch; }
  .messages-content-list .student-list__btn {
    height: auto;
    min-height: 100%; }

.info-content-list {
  min-height: 50px; }
  .info-content-list .messages-content-list__body {
    min-width: 200px; }
  .info-content-list .messages-content-list__text {
    font-weight: 500;
    color: var(--black-grey); }
  .info-content-list .messages-content-list__user-name {
    font-family: var(--font-title);
    font-size: 16px; }

.wrap-userInfoContact-content {
  margin-top: 17px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .wrap-userInfoContact-content .userInfoContact-content {
    width: 49%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }

.student-list_user .messages-content-list__body {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px; }

.userInfoContact-list {
  margin-bottom: 0; }
  .userInfoContact-list .messages-content-list__user-name {
    font-size: 18px; }

.user-content-chat {
  margin-top: 5px; }
  .user-content-chat__messages {
    background-color: var(--main-grey);
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 5px;
    max-height: 580px;
    overflow-y: auto; }
  .user-content-chat__input {
    background-color: var(--main-grey);
    border-radius: 5px;
    padding: 20px; }
  .user-content-chat__btn {
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    background-color: var(--main-grey);
    margin-top: 2px; }
    .user-content-chat__btn-text {
      font-family: var(--font-base-black);
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: 0.35px;
      font-size: 14px;
      display: inline-block;
      padding: 15px 20px;
      color: var(--main-blue); }

.user-content-chat-message {
  padding: 20px;
  padding-bottom: 13px;
  background-color: var(--main-white);
  border-radius: 5px;
  max-width: 87%;
  margin-bottom: 10px; }
  .user-content-chat-message:last-child {
    margin-bottom: 0; }
  .user-content-chat-message__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center; }
  .user-content-chat-message__name {
    font-weight: 700;
    font-size: 16px;
    color: var(--main-blue); }
  .user-content-chat-message__date {
    letter-spacing: 0.9px;
    font-weight: 400;
    font-size: 12px;
    color: var(--lite-grey2);
    margin-left: 20px; }
  .user-content-chat-message__body {
    margin-top: 12px; }
  .user-content-chat-message__text {
    letter-spacing: 0.4px;
    font-weight: 300;
    font-size: 16px;
    color: var(--main-black);
    line-height: 1.5; }
  .user-content-chat-message.you {
    margin-left: auto; }

.script-el {
  display: -webkit-box;
  display: flex;
  margin-top: 2px; }
  .script-el__body {
    padding: 5px 19px;
    width: 100%;
    min-height: 100%;
    background-color: var(--main-grey);
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s; }
    .script-el__body:hover {
      background-color: var(--main-blue); }
      .script-el__body:hover .script-el__name {
        color: var(--main-white); }
  .script-el__name {
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 400;
    color: var(--main-blue);
    line-height: 1;
    -webkit-transition: .2s;
    transition: .2s; }
  .script-el__close {
    background-color: var(--main-grey);
    border-radius: 5px;
    height: 40px;
    width: 40px;
    -webkit-box-flex: 0;
            flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    cursor: pointer;
    font-size: 0;
    margin-left: 2px; }

.userInfoContact-content-block {
  padding: 18px 26px;
  background-color: var(--main-grey);
  border-radius: 5px;
  position: relative;
  margin-bottom: 20px; }
  .userInfoContact-content-block.edit {
    padding-right: 70px; }
  .userInfoContact-content-block__title {
    margin-bottom: 15px; }
  .userInfoContact-content-block__edit {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: var(--main-blue);
    border-radius: 5px;
    font-size: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    cursor: pointer; }
    .userInfoContact-content-block__edit img {
      -webkit-box-flex: 0;
              flex: none; }
  .userInfoContact-content-block__text {
    letter-spacing: 0px;
    margin-bottom: 12px; }
  .userInfoContact-content-block_comments {
    height: 100%;
    margin-bottom: 0; }

.personal-comments__comments {
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 22px; }

.personal-comments__btn {
  margin-left: auto;
  margin-top: 11px;
  max-width: 240px; }

.personal-comment {
  background-color: var(--main-white);
  border-radius: 5px;
  padding: 20px;
  padding-bottom: 10px;
  margin-bottom: 8px; }
  .personal-comment:last-child {
    margin-bottom: 0; }
  .personal-comment .user-content-chat-message__date {
    margin: 0; }
  .personal-comment__body {
    margin-top: 9px; }

.personal-comment-textarea {
  font-family: var(--font-base);
  resize: none;
  height: 120px;
  width: 100%;
  background-color: var(--main-white);
  border: 1px solid var(--dark-grey1);
  border-radius: 10px;
  padding: 20px 22px;
  font-size: 16px;
  font-weight: 500; }
  .personal-comment-textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: var(--dark-grey3);
    letter-spacing: 0.4px;
    font-style: italic; }
  .personal-comment-textarea::-moz-placeholder {
    font-weight: 400;
    color: var(--dark-grey3);
    letter-spacing: 0.4px;
    font-style: italic; }
  .personal-comment-textarea:-ms-input-placeholder {
    font-weight: 400;
    color: var(--dark-grey3);
    letter-spacing: 0.4px;
    font-style: italic; }
  .personal-comment-textarea::-ms-input-placeholder {
    font-weight: 400;
    color: var(--dark-grey3);
    letter-spacing: 0.4px;
    font-style: italic; }
  .personal-comment-textarea::placeholder {
    font-weight: 400;
    color: var(--dark-grey3);
    letter-spacing: 0.4px;
    font-style: italic; }

.work-pages .wrap-content-main__content {
  margin-top: 50px; }

.work-pages-info {
  color: var(--main-black);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04px;
  line-height: 1.5; }

.block-iconLeft-textRight {
  margin-top: 34px; }

.create-page .popupFrame-body__content {
  margin-top: 46px; }

.create-page-block {
  margin-bottom: 20px; }
  .create-page-block__title {
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 18px;
    color: var(--main-blue);
    margin-bottom: 10px;
    display: block; }
  .create-page-block__checkboxes {
    margin-top: 20px; }
  .create-page-block__info {
    display: block;
    margin-top: 35px;
    font-weight: 400;
    font-size: 14px;
    color: var(--main-black);
    line-height: 1.7; }

.work-pages-el {
  margin-top: 31px; }
  .work-pages-el__body {
    border-radius: 5px 5px 0 0;
    background-color: var(--main-grey);
    padding: 36px 37px; }
  .work-pages-el__info {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    color: var(--main-black); }
  .work-pages-el__btns {
    margin-top: 18px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px; }
  .work-pages-el__btn {
    margin: 0;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    cursor: pointer; }
  .work-pages-el__block {
    margin-bottom: 35px; }
    .work-pages-el__block:last-child {
      margin-bottom: 0; }
    .work-pages-el__block-info {
      margin-top: 18px;
      font-size: 14px; }
  .work-pages-el__block-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end; }
  .work-pages-el__title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 400;
    color: var(--main-black); }
    .work-pages-el__title::after {
      max-width: 60px; }
  .work-pages-el__bottom {
    display: -webkit-box;
    display: flex;
    margin-top: 3px;
    border-radius: 0 0 0 5px; }
  .work-pages-el .work-pages-el__bottom-btn {
    background-color: var(--main-grey);
    width: 100%;
    -webkit-box-flex: 1;
            flex: auto;
    margin-right: 2px; }
    .work-pages-el .work-pages-el__bottom-btn:last-child {
      margin-right: 0; }

.work-pages-el__btn-copy {
  margin: 0;
  margin-left: 66px;
  cursor: pointer; }

.work-pages-content__title {
  padding-bottom: 20px; }
  .work-pages-content__title::after {
    max-width: 110px; }

.pages-content-block {
  margin-bottom: 39px; }
  .pages-content-block__title::after {
    max-width: 70px; }
  .pages-content-block__selects {
    margin-top: 20px; }
    .pages-content-block__selects .select__name {
      margin-right: 52px; }
  .pages-content-block__title + .page-settings {
    margin-top: 26px; }
  .pages-content-block .block-add-file {
    margin-top: 9px; }
  .pages-content-block__select-name {
    margin-right: 0;
    margin-bottom: 5px; }
  .pages-content-block__bottom {
    margin-top: 20px; }
  .pages-content-block__btn {
    margin-top: 30px; }

.wrap-pages-content-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .wrap-pages-content-block .pages-content-block {
    width: 48%; }

.set-color {
  margin-top: 20px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .set-color + .checkbox-el {
    margin-top: 40px; }
  .set-color__checkbox {
    margin-left: 18px; }
    .set-color__checkbox .checkbox-el {
      margin: 0 !important; }
  .set-color__code {
    margin-left: 10px; }

.page-settings-body.off {
  opacity: 0.3; }
  .page-settings-body.off, .page-settings-body.off * {
    cursor: default; }

.preview-page-content {
  margin-top: 22px; }

.set-color-ok {
  cursor: pointer;
  height: 40px;
  min-width: 80px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border: 3px solid var(--main-orange);
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-left: 10px;
  color: var(--main-orange); }

.set-color-select {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 40px;
  min-width: 300px; }

.wrap-set-color-select {
  margin-top: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-bottom: 40px; }
  .wrap-set-color-select .set-color-select {
    margin: 0; }

.set-color-select-opacity {
  margin-left: 30px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 40px;
  border: 1px solid var(--dark-grey1); }
  .set-color-select-opacity__text {
    letter-spacing: 0.4px;
    font-weight: 300;
    font-size: 16px;
    color: var(--mid-grey); }

.pages-content-block__bottom-wrap {
  margin-top: 32px; }

.pages-content-block__bottom-block {
  margin-bottom: 9px; }
  .pages-content-block__bottom-block:last-child {
    margin-bottom: 0; }
  .pages-content-block__bottom-block__title {
    margin-bottom: 28px; }
  .pages-content-block__bottom-block .set-color {
    margin-bottom: 20px; }
  .pages-content-block__bottom-block__settings {
    margin-top: 31px; }
  .pages-content-block__bottom-block__inputs {
    margin-top: 35px;
    margin-bottom: 40px; }
  .pages-content-block__bottom-block__checkboxes {
    margin-top: 28px;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 35px; }
    .pages-content-block__bottom-block__checkboxes-title {
      position: static;
      color: var(--main-blue);
      margin-left: 0;
      width: auto;
      padding: 0;
      background: none;
      -webkit-transform: none;
              transform: none;
      margin-bottom: 20px; }

.mob-filter-top {
  display: none; }
  .mob-filter-top__body {
    background-color: var(--main-grey);
    border-radius: 10px 0 0 10px;
    padding: 13px 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    -webkit-transition: .2s;
    transition: .2s; }
  .mob-filter-top__text {
    font-family: var(--font-title);
    font-size: 14px;
    font-weight: 400;
    color: var(--main-blue); }
  .mob-filter-top__arr {
    background-color: var(--main-grey);
    border-radius: 0 10px 10px 0;
    -webkit-box-flex: 0;
            flex: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: relative;
    margin-left: 2px;
    font-size: 0;
    -webkit-transition: .2s;
    transition: .2s; }
    .mob-filter-top__arr::after {
      content: '';
      font-size: 0;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 10px;
      height: 6px;
      background: url("../images/black-arr-select.png") no-repeat center/contain; }
  .mob-filter-top.active .mob-filter-top__body {
    border-radius: 10px 0 0;
    background-color: var(--main-blue); }
  .mob-filter-top.active .mob-filter-top__text {
    color: var(--main-white); }
  .mob-filter-top.active .mob-filter-top__arr {
    background-color: var(--main-blue);
    border-radius: 0 10px 0 0; }
    .mob-filter-top.active .mob-filter-top__arr::after {
      background-image: url("../images/arr-white.png");
      -webkit-transform: rotate(-180deg) translate(50%, 50%);
              transform: rotate(-180deg) translate(50%, 50%); }

@media screen and (max-width: 1800px) {
  .base-content-table .tr-main td, .base-content-table__cell {
    min-width: 50px; }
  .responders-page .wrap-content_noSidebar .wrap-content-main {
    margin-left: 20px; } }

@media screen and (max-width: 1600px) {
  .table .table__cell:first-child {
    max-width: none;
    min-width: 1px; }
  .table__btn {
    min-width: 1px; }
  .table__btn::after, .table__btn::before {
    display: none; } }

@media screen and (max-width: 1200px) {
  .messages-content-list__body {
    min-width: 150px; }
  .wrap-pages-content-block {
    display: block; }
  .work-pages-content .title-dec_big {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 24px; }
    .work-pages-content .title-dec_big + .title-dec {
      font-size: 18px; }
  .work-pages-content .title-dec_medium {
    font-size: 20px; }
  .work-pages-content .select {
    display: block; }
  .work-pages-content .select_big select {
    height: 50px;
    padding: 0 20px; }
  .pages-content-block__selects {
    margin-top: 32px; }
  .pages-content-block__selects .select__name {
    margin-right: 0;
    margin-bottom: 7px; }
  .select__el select {
    font-size: 14px; }
  .pages-content-block {
    margin-bottom: 30px; }
  .wrap-pages-content-block .pages-content-block {
    width: 100%; }
  .set-color + .checkbox-el {
    margin-bottom: 19px; }
  .page-settings-body {
    margin-top: 18px; }
  .history-table__title {
    font-size: 14px;
    min-height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end; }
  .history-table__text {
    font-size: 14px; }
  .sendings-content__table .history-table__date {
    width: auto; }
  .responders-page .block-variations-view.block-variations-view_circle {
    display: none; }
  .base-content-table .tr-main {
    display: block;
    border-radius: 0 0 10px 10px;
    background-color: rgba(244, 244, 244, 0.5);
    padding: 20px 20px;
    margin-bottom: 20px; }
    .base-content-table .tr-main td {
      display: block;
      padding: 0;
      margin: 0; }
      .base-content-table .tr-main td:last-child .base-content-table__title {
        margin-bottom: 0; }
    .base-content-table .tr-main .base-content-table__title {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      margin-bottom: 10px;
      white-space: nowrap; }
      .base-content-table .tr-main .base-content-table__title .base-content-table__title-text {
        font-family: var(--font-title);
        padding: 0;
        margin: 0;
        width: auto;
        border: none;
        font-size: 14px;
        color: var(--main-blue);
        font-weight: 400;
        margin-right: 30px;
        min-width: 88px;
        text-align: left;
        text-transform: capitalize; }
  .base-content-table .base-content-table__body {
    width: 100%; }
  .mob-filter-top {
    display: -webkit-box;
    display: flex; }
  .base-content-table {
    border-spacing: 0px;
    display: block; }
    .base-content-table tbody {
      display: block; }
    .base-content-table .tr-main {
      display: none; }
  .wrap-base-content_tile {
    margin-top: 20px; }
  .base-content_tile {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px; }
  .wrap-base-content.wrap-base-content_tile {
    margin-left: 0;
    margin-right: 0; }
  .base-content_tile .base-content-tile-table {
    display: block;
    margin: 0;
    padding: 0 20px; }
    .base-content_tile .base-content-tile-table tbody {
      display: table;
      width: 100%; }
  .base-content-table {
    max-width: 66vw;
    overflow-x: auto; }
    .base-content-table .tr-main td, .base-content-table .base-content-table__cell {
      min-width: 100px;
      max-width: none; } }

@media screen and (max-width: 1000px) {
  .responders-page .block-iconLeft-textRight {
    margin-top: 0; }
  .popupFrame-body__content {
    margin-top: 20px; }
  .responders-info__title {
    font-size: 14px; }
  .responders-info__text {
    font-size: 14px; }
  .responders-info__el {
    margin-bottom: 16px; }
  .popupFrame.reaction-open .popupFrame-body__title {
    font-size: 20px; }
  .responders-content__el {
    display: block; }
    .responders-content__el .student-list__btn {
      height: 40px;
      min-height: 40px;
      min-width: 40px;
      margin: 0; }
      .responders-content__el .student-list__btn:first-child {
        margin-right: 2px; }
  .responders-content .funnels-content__title {
    font-size: 16px; }
  .responders-content__info-text {
    font-size: 14px;
    margin-left: 14px; }
  .responders-content__content {
    padding: 12px 10px; }
  .responders-content__el {
    margin-bottom: 20px; }
  .text-info {
    font-size: 14px; }
  .exchange-page .block-iconLeft-textRight {
    top: 20px; }
  .exchange-page .title-dec {
    font-size: 18px; }
  .exchange-content {
    margin-top: 40px; }
  .popupFrame.error .small-info__text {
    margin-bottom: 15px; }
  .work-messages-page .block-iconLeft-textRight {
    margin-top: 0; }
  .work-messages-content .messages-content-list {
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    .work-messages-content .messages-content-list .messages-content-list__body {
      min-width: 1px;
      -webkit-box-flex: 1;
              flex: auto;
      margin-bottom: 2px; }
    .work-messages-content .messages-content-list .messages-content-list__icon {
      width: 40px;
      height: 40px;
      margin-bottom: 2px; }
    .work-messages-content .messages-content-list .student-list__btn.hint, .work-messages-content .messages-content-list .student-list__btn.plus {
      margin-bottom: 2px;
      margin-right: 0; }
      .work-messages-content .messages-content-list .student-list__btn.hint + .messages-content-list__body, .work-messages-content .messages-content-list .student-list__btn.plus + .messages-content-list__body {
        padding: 9px 18px;
        margin-right: 0; }
    .work-messages-content .messages-content-list .student-list__btn:not(.hint), .work-messages-content .messages-content-list .student-list__btn:not(.plus) {
      height: 40px;
      -webkit-box-flex: 1;
              flex: auto; }
  .work-messages-content .messages-content-list__text {
    font-size: 14px; }
  .work-messages-content .info-contact {
    margin-top: 20px; }
  .info-contact {
    margin-top: 20px; }
    .info-contact .info-content-list .messages-content-list__body {
      min-width: 110px; }
    .info-contact .info-content-list .messages-content-list__user-name {
      font-size: 12px;
      white-space: nowrap; }
    .info-contact .messages-content-list__text {
      font-size: 14px; }
    .info-contact .messages-content-list .student-list__btn {
      width: 30px;
      background-size: 16px;
      min-height: 100%;
      height: auto; }
    .info-contact .info-content-list {
      min-height: 30px; }
    .info-contact .messages-content-list {
      margin-bottom: 5px; }
    .info-contact .messages-content-list__text {
      text-align: left;
      word-break: break-word; }
  .wrap-userInfoContact-content {
    display: block; }
  .wrap-userInfoContact-content .userInfoContact-content {
    width: 100%; }
  .userInfoContact-list .messages-content-list__user-name {
    font-size: 16px; }
  .student-list_user .messages-content-list__body {
    padding: 13px 16px; }
  .user-content-chat-message {
    padding: 15px 20px; }
  .user-content-chat-message__text {
    font-size: 14px; }
  .user-content-chat__input {
    padding: 11px 20px; }
  .script-el__name {
    font-size: 14px; }
  .userInfoContact-content {
    margin-bottom: 20px; }
  .userInfoContact-content-block {
    padding: 20px; }
    .userInfoContact-content-block .title-dec {
      font-size: 18px; }
  .user-content-chat-message__text {
    font-size: 16px; }
  .personal-comments__comments {
    max-height: none; }
  .personal-comments__comments {
    margin-bottom: 46px; }
  .block-between-search .search-block {
    width: 100%; }
  .base-comment-content__title {
    font-size: 14px; }
  .userInfoContact-content-block__edit {
    top: 20px;
    right: 20px; }
  .userInfoContact-content-block.edit {
    padding-right: 60px; }
  .base-comment-content__info-text {
    font-size: 14px; }
  .userInfoContact-content .funnels-content-count__el {
    margin-right: 2px;
    margin-bottom: 2px; }
  .base-comment-content__title {
    min-width: 108px; }
  .work-pages .wrap-content-main__content {
    margin-top: 24px; }
  .work-pages-info {
    font-size: 14px; }
  .work-pages .block-iconLeft-textRight {
    margin-top: 17px; }
  .work-pages-el__btns {
    margin-top: 17px;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 20px; }
  .work-pages-el__btns .work-pages-el__btn {
    margin-top: 0;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 10px; }
    .work-pages-el__btns .work-pages-el__btn .block-iconLeft-textRight__icon img {
      max-width: 13px; }
  .work-pages-el__body {
    padding: 20px 18px; }
  .work-pages-el__info {
    font-size: 14px;
    margin-top: 20px; }
  .work-pages-el__block-content {
    display: block; }
  .link {
    font-size: 16px;
    margin-bottom: 10px;
    display: block; }
  .work-pages-el__block .block-iconLeft-textRight {
    margin-top: 0;
    margin-left: 0; }
  .work-pages-el__block-content {
    margin-top: 20px; }
  .popupFrame-body__content {
    margin-top: 40px; }
  .wrap-set-color-select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
    .wrap-set-color-select .set-color-select-opacity {
      -webkit-box-ordinal-group: 2;
              order: 1; }
    .wrap-set-color-select .set-color-select {
      -webkit-box-ordinal-group: 3;
              order: 2; }
  .set-color-select-opacity {
    margin-left: 0;
    margin-bottom: 10px; }
  .set-color__checkbox, .set-color__main, .set-color-ok, .set-color__code {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 10px; }
  .set-color-ok {
    margin-right: 20px;
    margin-left: 0; }
  .pages-content-block__bottom .pages-content-block__bottom-block__title {
    font-size: 18px; }
  .pages-content-block__bottom .block-between {
    display: -webkit-box;
    display: flex; }
  .pages-content-block__bottom .checkboxes {
    padding-left: 20px; }
  .tools-content {
    margin: 0; }
  .tools-content-el {
    margin: 0;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 100%; }
  .tools-content-el__text {
    font-size: 14px; }
  .tools-content-el__bottom {
    padding-right: 0;
    margin-top: 0; }
    .tools-content-el__bottom .block-iconLeft-textRight {
      margin-top: 17px; }
  .tools-tabs {
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    .tools-tabs__el {
      width: 49.8%;
      font-size: 12px;
      padding: 14px 13px;
      text-align: center;
      margin-bottom: 2px; }
  .tools-table__tr {
    display: block;
    width: 100%;
    margin-bottom: 10px; }
  .tools-table__title {
    margin: 0;
    margin-bottom: 2px;
    min-height: 50px;
    max-height: 50px; }
  .tools-table__title-text {
    font-size: 14px; }
  .tools-table__info {
    min-height: 40px;
    max-height: 40px;
    padding: 5px 20px; }
  .tools-table__cell {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center; }
  .tools-table__info-text {
    font-size: 14px; }
  .tools-page .lesson-content__tabs {
    margin-bottom: 25px; }
  .tools-table__tr_empty {
    height: 92px; }
  .title-dec span {
    font-size: 18px; } }

@media screen and (max-width: 700px) {
  .responders-content {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0; }
  .responders-info__el {
    display: block; }
  .responders-content__el {
    margin-left: 0;
    margin-right: 0; }
  .responders-info__text {
    margin-left: 0; }
  .responders-info__title {
    display: block;
    padding: 0;
    margin-bottom: 4px; }
  .responders-info__el {
    margin-bottom: 24px; }
  .responders-content__info {
    display: block; }
  .responders-content__info-title {
    font-size: 12px;
    display: block;
    margin-bottom: 5px; }
  .responders-content__info-text {
    margin-left: 0;
    font-size: 14px; }
  .responders-content__info {
    margin-bottom: 12px; }
  .responders-content__body {
    margin-top: 15px; }
  .exchange-page .title-dec_big {
    font-size: 20px; }
  .exchange-page .checkbox-el {
    -webkit-box-align: center;
            align-items: center; }
  .exchange-page .checkbox-el p {
    margin-top: 0; }
  .exchange-page .wrap-content-main__content {
    margin-top: 32px; }
  .exchange-content__selects {
    display: block; }
    .exchange-content__selects .select {
      width: 100%; }
  .select_big select {
    height: 50px; }
  .messages-add .select {
    margin-bottom: 20px; }
  .block-between-search .search-block {
    width: 100%; }
  .userInfoContact-list .messages-content-list__user-name {
    font-size: 14px; }
  .messages-content-list__icon {
    width: 40px;
    height: 40px; }
  .user-content-chat__messages {
    padding: 10px; }
  .user-content-chat-message__name {
    font-size: 14px; }
  .user-content-chat-message__date {
    font-size: 10px; }
  .user-content-chat-message {
    max-width: 100%; }
  .user-content-chat-message {
    padding: 13px 10px; }
  .user-content-chat-message__text {
    font-size: 12px; }
  .user-content-chat__input {
    padding: 10px; }
  .user-content-chat__input.dialog-input-chat .dialog-input__inp {
    height: 50px; }
  .user-content-chat__input.dialog-input-chat .dialog-input-chat__send {
    width: 30px;
    height: 30px; }
  .userInfoContact-content-block {
    padding: 10px; }
  .userInfoContact-content-block .title-dec {
    font-size: 16px; }
  .personal-comment {
    padding: 10px; }
  .personal-comment__body {
    top: 6px; }
  .personal-comments__comments {
    margin-bottom: 20px; }
  .personal-comment-textarea {
    font-size: 14px;
    padding: 13px 11px; }
  .personal-comments__input .personal-comments__btn {
    width: 100%;
    max-width: 100%; }
    .personal-comments__input .personal-comments__btn::after, .personal-comments__input .personal-comments__btn::before {
      display: block; }
  .userInfoContact-content .base-comment-content__el {
    display: block; }
  .userInfoContact-content-block__edit {
    top: 10px;
    right: 10px; }
  .base-comment-content__title {
    font-size: 12px;
    margin-bottom: 4px;
    display: block; }
  .base-comment-content__info-text {
    font-size: 14px; }
  .wrap-input-el {
    display: block; }
  .wrap-input-el .input-el__postfix {
    margin-bottom: 6px;
    margin-left: 0 !important;
    display: block; }
  .create-page-block__title {
    font-size: 16px; }
  .create-page-block__info {
    margin-top: 18px; }
  .popupFrame.medium-small .popupFrame-body__wrap-btns {
    margin-top: 20px; }
  .work-pages-el__bottom {
    display: block;
    margin-top: 0; }
  .work-pages-el .work-pages-el__bottom-btn {
    margin-top: 2px; }
  .work-pages-content .title-dec_big + .title-dec {
    font-size: 16px; }
  .work-pages-content .title-dec_medium {
    font-size: 18px; }
  .work-pages-content .select__el {
    max-width: 100%; }
  .work-pages-content .block-create-course .block-iconLeft-textRight__text {
    font-size: 14px; }
  .work-pages-content .block-create-course .block-iconLeft-textRight__icon {
    width: 30px;
    height: 30px; }
    .work-pages-content .block-create-course .block-iconLeft-textRight__icon img {
      max-width: 16px; }
  .select-color {
    max-width: 150px;
    min-width: 150px; }
  .select-color__text {
    font-size: 12px; }
  .pages-content-block__bottom .pages-content-block__bottom-block__title {
    font-size: 16px; }
  .pages-content-block__bottom .delete-el__text {
    display: none; }
  .input-edit__info {
    font-size: 14px; }
  .pages-content-block__bottom .checkboxes {
    padding-left: 0; }
  .tools-content .title-dec {
    font-size: 14px; }
  .tools-content-el {
    padding: 22px 10px; }
    .tools-content-el .block-iconLeft-textRight__text {
      font-size: 14px; }
    .tools-content-el .block-iconLeft-textRight__icon img {
      max-width: 10px; }
  .messengers__el {
    width: 40px;
    height: 40px;
    margin-right: 8px; }
  .tools-content-el__text {
    margin-top: 20px; }
  .tools-content-el__bottom {
    flex-wrap: wrap; }
  .title-dec span {
    font-size: 16px; }
  .tools-table__title-text {
    font-size: 12px; }
  .tools-table__title, .tools-table__cell {
    padding: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .tools-page .lesson-content__tabs {
    margin-bottom: 10px;
    margin-top: 10px; }
  .user-sidebar__content .block-navigation__el {
    font-size: 14px;
    margin-bottom: 15px; }
  .user-sidebar__content .block-navigation {
    margin-top: 20px; }
  .block-navigation__el.active::after {
    left: -20px; }
  .history-table__title {
    padding-bottom: 4px;
    margin-bottom: 0; }
  .history-table__title, .history-table__text {
    font-size: 12px; }
  .history-table tr td {
    padding: 4px 9px; }
  .sendings-content {
    margin-top: 10px; }
  .sendings-page .block-iconLeft-textRight {
    margin-top: 20px; }
  .mob-filter-top__text, .base-content_tile__title {
    font-size: 12px; }
  .base-content_tile__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 10px 9px; }
  .mob-filter-top__body {
    padding: 5px 9px; }
  .base-content_tile__body {
    padding: 11px 0; }
  .base-content_tile .base-content-tile-table {
    padding: 0 11px; }
  .base-content-tile-table__title, .base-content-tile-table__text {
    font-size: 12px; }
  .responders-page .wrap-content_noSidebar .wrap-content-main {
    margin-left: 0; }
  .base-content-table__menu-body {
    right: 10px; }
  .base-content-table__menu-body {
    min-width: 280px;
    max-width: 280px; }
  .base-content-table__menu-body__el {
    padding: 10px 16px; }
  .popupFrame-body .base-comment-content__icon {
    display: none; }
  .base-comment-content .base-comment-content__title {
    margin: 0;
    position: static;
    min-height: 1px;
    line-height: 1; }
  .base-comment-content__info-text {
    font-size: 12px; }
  .base-comment-content__el {
    margin-bottom: 12px; }
  .popupFrame-body .small-info__text {
    font-size: 14px; }
  .addComment {
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-pack: center;
            justify-content: center; }
  .base-comment-content__title {
    min-width: 1px; }
  .base-comment-content__title {
    padding-right: 10px;
    padding-bottom: 10px; }
  .base-comment-content {
    border-spacing: 0; }
  .base-comment-content__info {
    padding-bottom: 10px; }
  .base-comment-content {
    padding: 12px 9px; }
  .btn-add, .btn-cancel {
    font-size: 12px; }
  .btn-add {
    padding: 12px 10px; }
  .block-comment-input__top {
    -webkit-box-align: center;
            align-items: center; }
  .base-comments .lesson-content__chat-el-body__top {
    padding-left: 0; }
  .base-comments .lesson-content__chat-el .lesson-content__chat-icon {
    position: static; }
  .base-comments .lesson-content__chat-time {
    font-size: 8px; }
  .base-comments .base-comment .lesson-content__chat-el-body {
    padding: 10px; }
  .base-comments .lesson-content__chat-name {
    font-size: 14px;
    margin-bottom: 0; }
  .base-comments .lesson-content__chat-el-body__top {
    margin-bottom: 5px; }
  .base-comments .lesson-content__chat-text p {
    font-size: 12px;
    margin-top: 0; }
  .base-comments .base-comment {
    margin-bottom: 10px; }
  .lesson-content__chat-icon {
    width: 40px;
    height: 40px; } }

.work-pages-template .pages-content-block__title {
  margin-bottom: 45px; }

.block-attention {
  padding-left: 14px;
  border-left: 5px solid var(--main-orange); }
  .block-attention__title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 400;
    color: var(--main-orange); }
  .block-attention__info {
    margin-top: 17px;
    font-size: 16px;
    color: var(--main-black); }

@media screen and (max-width: 1200px) {
  .block-timer {
    display: -webkit-box !important;
    display: flex !important;
    flex-wrap: wrap; }
    .block-timer .block-timer-content {
      display: -webkit-box !important;
      display: flex !important;
      -webkit-box-ordinal-group: 3;
              order: 2;
      width: 100%;
      margin-right: 0; }
    .block-timer .block-timer__remove {
      margin-left: auto;
      margin-bottom: 16px; } }

@media screen and (max-width: 1000px) {
  .block-attention__title {
    font-size: 16px; }
  .block-attention__info {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.7; }
  .work-pages-template .pages-content-block__title {
    margin-bottom: 32px; } }

@media screen and (max-width: 700px) {
  .popupFrame-body__wrap-btns {
    display: block !important; }
    .popupFrame-body__wrap-btns .btn-form {
      margin-left: auto !important;
      margin-right: auto !important; }
  .base-content-table {
    max-width: 100%; } }

@media screen and (max-width: 600px) {
  .block-timer-content {
    flex-wrap: wrap; }
    .block-timer-content .block-timer-content__title:first-child {
      width: 100%;
      margin-bottom: 7px; }
  .block-timer-content__inp {
    margin-left: 0; } }

.wrap-top-line {
  display: -webkit-box;
  display: flex; }

@media (min-width: 1200px) {
  .container {
    max-width: 1310px; }
  .user-page .container {
    max-width: 1660px; } }

.container {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  width: 100%; }

html {
  overflow-x: hidden; }

body {
  font-family: var(--font-base);
  font-weight: 400;
  padding: 0;
  margin: 0;
  line-height: 1;
  overflow-x: hidden;
  min-height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.user-page footer {
  margin-top: auto; }
  .user-page footer .container {
    max-width: 1310px; }

header {
  background-color: var(--main-grey);
  position: relative;
  z-index: 9999; }

.wrap-head-top {
  padding: 0;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.logo {
  padding: 25px 0;
  margin-right: 20px; }
  .logo img {
    max-width: 150px; }

@media screen and (min-width: 1200px) {
  .logo img {
    max-width: 200px; } }

.fix-relative-top {
  position: relative;
  z-index: 100; }

.top-menu {
  background-color: var(--main-blue); }
  .top-menu_ul {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    font-size: 0; }
  .top-menu_item a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 12px 18.3px;
    font-family: var(--font-base-semibold);
    text-transform: uppercase;
    font-size: 16px;
    color: var(--main-white);
    line-height: 1;
    -webkit-transition: .2s;
    transition: .2s;
    letter-spacing: 1px;
    white-space: nowrap; }
  .top-menu_item.active a, .top-menu_item:hover:not(.wrap-dropdown) a {
    background-color: var(--main-orange); }
  .top-menu_arr {
    display: inline-block;
    width: 7px;
    height: 4px;
    background: url("../images/arr-white.png") no-repeat center/contain;
    margin-left: 10px; }
  .top-menu__bg {
    display: none;
    position: fixed !important;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-black);
    opacity: 0.4;
    z-index: 1; }

.media-menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  width: 100%; }
  .media-menu__item {
    margin-left: 10px; }
    .media-menu__item-wrap {
      display: block;
      height: 50px;
      width: 50px;
      min-height: 50px;
      min-width: 50px;
      position: relative; }
    .media-menu__item-count {
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: 9px;
      color: var(--main-white);
      line-height: 1;
      border-radius: 100px;
      background-color: var(--main-orange);
      box-shadow: 0 0 10px rgba(0, 0, 1, 0.03);
      min-width: 16px;
      min-height: 16px;
      max-height: 16px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      padding: 4px;
      white-space: nowrap; }
      .media-menu__item-count:empty {
        display: none; }
    .media-menu__item-icon {
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background-color: var(--main-white);
      box-shadow: 0 0 10px rgba(0, 0, 1, 0.03);
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-transition: .4s;
      transition: .4s; }
      .media-menu__item-icon img {
        -webkit-box-flex: 0;
                flex: none; }
      .media-menu__item-icon .hover {
        display: none; }
      .media-menu__item-icon:hover {
        background-color: var(--main-blue); }
        .media-menu__item-icon:hover .nohover {
          display: none; }
        .media-menu__item-icon:hover .hover {
          display: block; }
    .media-menu__item_search {
      max-width: 290px;
      width: 100%;
      position: relative; }
      .media-menu__item_search-inp {
        width: 100%;
        background-color: var(--main-white);
        border: none;
        border-radius: 25px;
        box-shadow: 0 0 10px rgba(0, 0, 1, 0.03);
        height: 100%;
        padding: 0 29px;
        padding-right: 55px;
        font-size: 14px; }
        .media-menu__item_search-inp::-webkit-input-placeholder {
          letter-spacing: 0.35px;
          color: var(--color-727272);
          font-weight: 300;
          font-style: italic; }
        .media-menu__item_search-inp::-moz-placeholder {
          letter-spacing: 0.35px;
          color: var(--color-727272);
          font-weight: 300;
          font-style: italic; }
        .media-menu__item_search-inp:-ms-input-placeholder {
          letter-spacing: 0.35px;
          color: var(--color-727272);
          font-weight: 300;
          font-style: italic; }
        .media-menu__item_search-inp::-ms-input-placeholder {
          letter-spacing: 0.35px;
          color: var(--color-727272);
          font-weight: 300;
          font-style: italic; }
        .media-menu__item_search-inp::placeholder {
          letter-spacing: 0.35px;
          color: var(--color-727272);
          font-weight: 300;
          font-style: italic; }
      .media-menu__item_search-btn {
        border: none;
        cursor: pointer;
        width: 50px;
        height: 100%;
        border-radius: 100%;
        background: url("../images/media-menu/search.png") no-repeat center;
        background-color: transparent;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transition: .4s;
        transition: .4s; }
        .media-menu__item_search-btn:hover {
          background-color: var(--main-blue);
          background-image: url("../images/media-menu/search-hover.png"); }
    .media-menu__item-wrap_small {
      min-height: 24px;
      max-height: 24px;
      max-width: 24px;
      min-width: 24px;
      margin-left: auto; }
      .media-menu__item-wrap_small .media-menu__item-icon {
        margin: 0; }
        .media-menu__item-wrap_small .media-menu__item-icon img {
          width: 10px;
          height: 10px; }

section {
  position: relative; }

section.sec-header {
  background: url("../images/header.jpg") no-repeat top/cover; }

.wrap-input-el-info {
  margin-bottom: 20px; }
  .wrap-input-el-info .input-el {
    margin-bottom: 9px; }

footer {
  background-color: var(--dark-blue); }

.wrap-foot {
  padding: 18px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.foot-link {
  font-size: 14px;
  text-decoration: underline !important;
  letter-spacing: 0.35px;
  color: var(--main-white);
  font-weight: 400; }

.foot-text__el {
  font-family: var(--font-base-semibold);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.35px;
  color: var(--main-white);
  margin-bottom: 6px; }

.site-design {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .site-design img {
    -webkit-box-flex: 0;
            flex: none; }
  .site-design p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.35px;
    color: var(--main-white);
    margin-right: 20px; }

.wrap-btn-user {
  margin-bottom: 41px; }
  .wrap-btn-user__info {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 6px;
    color: var(--main-black); }

.btn-user {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
  margin-bottom: 10px; }
  .btn-user:last-child {
    margin-bottom: 0; }
  .btn-user__icon {
    font-size: 0;
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
            flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    background-color: var(--main-blue);
    border-radius: 100%;
    overflow: hidden;
    margin-right: 10px;
    -webkit-transition: .2s;
    transition: .2s; }
    .btn-user__icon img {
      -webkit-box-flex: 0;
              flex: none; }
  .btn-user__text {
    font-family: var(--font-base-black);
    color: var(--main-blue);
    font-weight: 400;
    letter-spacing: 0.4px;
    -webkit-transition: .2s;
    transition: .2s;
    text-transform: uppercase; }
  .btn-user:hover .btn-user__icon {
    background-color: var(--main-orange); }
  .btn-user:hover .btn-user__text {
    color: var(--main-orange); }
  .btn-user_link {
    margin-bottom: 22px; }
    .btn-user_link .btn-user__icon {
      width: 30px;
      height: 30px;
      margin-right: 20px; }
    .btn-user_link .btn-user__text {
      font-family: var(--font-base);
      font-size: 16px;
      color: var(--main-black);
      text-transform: none;
      font-weight: 400;
      line-height: 1.2; }

#main-sec {
  -webkit-box-flex: 1;
          flex: auto;
  display: -webkit-box;
  display: flex; }
  #main-sec .user-sidebar__top {
    border-bottom: 1px solid transparent; }
  #main-sec .user-sidebar__top, #main-sec .top-menu {
    min-height: 50px; }
  #main-sec .top-menu_nav, #main-sec .top-menu_ul, #main-sec .top-menu_item a {
    min-height: 50px; }

.wrap-main-sec {
  display: -webkit-box;
  display: flex;
  height: 100%; }

#user-sidebar, .user-sidebar__top {
  min-width: 330px;
  max-width: 330px;
  width: 100%; }

#user-sidebar {
  position: relative;
  background-color: var(--main-grey); }
  #user-sidebar::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100vw;
    z-index: 1;
    background-color: var(--main-grey); }
  #user-sidebar .user-sidebar-body {
    position: relative;
    z-index: 2; }
  #user-sidebar .block-user-body {
    right: 0; }

.user-sidebar__top {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .user-sidebar__top::after {
    content: '';
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100vw;
    background-color: var(--menuclosed-blue);
    z-index: 1; }
  .user-sidebar__top > .user-sidebar__user-name {
    position: relative;
    z-index: 2; }

.user-sidebar__user-name {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-family: var(--font-base-semibold);
  letter-spacing: 0.8px;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--main-white); }

.user-sidebar__content {
  padding: 51px 40px;
  padding-left: 0; }
  .user-sidebar__content > div:last-child {
    border-bottom: none; }

.user-sidebar__icon {
  border: 5px solid var(--main-blue);
  font-size: 0;
  background-color: var(--main-blue);
  border-radius: 100%;
  position: relative;
  min-width: 140px;
  min-height: 140px;
  max-width: 140px;
  max-height: 140px; }
  .user-sidebar__icon img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .user-sidebar__icon + div {
    margin-top: 47px; }

.user-sidebar__mood {
  position: absolute;
  display: -webkit-box;
  display: flex;
  padding: 5px;
  border-radius: 25px;
  box-shadow: 0 0 5px rgba(0, 0, 1, 0.06);
  background-color: var(--main-white);
  cursor: pointer;
  width: 200px;
  -webkit-box-align: center;
          align-items: center;
  bottom: -4px;
  right: -163px;
  -webkit-transition: .2s;
  transition: .2s; }
  .user-sidebar__mood-icon {
    -webkit-box-flex: 0;
            flex: none;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    border-radius: 100%;
    background: url("../images/smile.png") no-repeat center/cover; }
  .user-sidebar__mood-text {
    font-family: var(--font-base-semibold);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: var(--color-555554);
    line-height: 1.3;
    -webkit-transition: .2s;
    transition: .2s; }
  .user-sidebar__mood:hover {
    background-color: var(--main-blue);
    box-shadow: 0 0 5px rgba(0, 0, 1, 0.06); }
    .user-sidebar__mood:hover .user-sidebar__mood-text {
      color: var(--main-white); }

.user-sidebar__block {
  margin-bottom: 43px; }
  .user-sidebar__block .wrap-btn-user {
    margin-top: 16px; }
  .user-sidebar__block > div:last-child {
    margin-bottom: 72px; }
  .user-sidebar__block__not {
    font-size: 16px;
    color: var(--main-black);
    font-weight: 400; }
  .user-sidebar__block_filter {
    margin-top: 48px; }
    .user-sidebar__block_filter .user-sidebar__title {
      margin-bottom: 23px; }
    .user-sidebar__block_filter .checkbox {
      margin-right: 11px; }
    .user-sidebar__block_filter .checkbox-el {
      margin-bottom: 14px; }
      .user-sidebar__block_filter .checkbox-el p {
        font-size: 16px;
        color: var(--main-black);
        font-weight: 400; }

.user-sidebar__title {
  font-family: var(--font-title);
  font-size: 30px;
  font-weight: 400;
  padding-bottom: 15px;
  color: var(--main-blue);
  margin-bottom: 28px;
  position: relative; }
  .user-sidebar__title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    max-width: 90px;
    width: 100%;
    background-color: var(--main-orange); }
  .user-sidebar__title_small {
    font-size: 24px; }

#content {
  width: 100%; }

.wrap-top-line .top-menu {
  width: 100%;
  position: relative; }
  .wrap-top-line .top-menu::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    background-color: var(--main-blue);
    z-index: 1; }
  .wrap-top-line .top-menu div {
    position: relative;
    z-index: 2; }

.wrap-content {
  margin-top: 46px;
  padding-bottom: 160px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start; }

.sidebar-content {
  min-width: 281px;
  max-width: 281px;
  width: 100%;
  margin-left: 30px;
  background-color: var(--main-grey);
  margin-bottom: 50px; }
  .sidebar-content__el {
    display: -webkit-box;
    display: flex;
    padding: 10px 10px;
    border-bottom: 1px solid var(--main-white);
    margin-bottom: 0;
    cursor: default; }
    .sidebar-content__el .btn-user__icon {
      margin-right: 12px; }
    .sidebar-content__el .btn-user__text {
      font-size: 14px;
      font-weight: 500;
      color: var(--main-black);
      letter-spacing: 0px; }
      .sidebar-content__el .btn-user__text span {
        font-weight: 500; }
    .sidebar-content__el:hover .btn-user__text {
      color: var(--main-black); }
    .sidebar-content__el:hover .btn-user__icon {
      background-color: var(--main-blue); }
    .sidebar-content__el.holiday {
      padding-right: 60px;
      background: url("../images/holiday.png") no-repeat right top;
      background-color: var(--verylight-blue); }
      .sidebar-content__el.holiday .btn-user__icon {
        background-color: var(--color-d8549b); }
  .sidebar-content__gallery {
    padding: 18px 10px;
    padding-bottom: 0; }
    .sidebar-content__gallery-top {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
              justify-content: space-between; }
    .sidebar-content__gallery-link {
      font-size: 12px;
      font-weight: 400;
      color: var(--main-black);
      text-decoration: underline !important;
      margin-left: 15px; }
    .sidebar-content__gallery-body {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      font-size: 0;
      margin-left: -5px;
      margin-right: -5px;
      margin-top: 10px;
      font-size: 0; }
    .sidebar-content__gallery__el {
      font-size: 0;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 10px;
      max-width: 80px;
      max-height: 80px;
      min-width: 80px;
      min-height: 80px; }
  .sidebar-content__block {
    padding: 19px 17px;
    border-bottom: 1px solid var(--main-white); }
  .sidebar-content__user {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 0;
    margin-top: 20px; }
    .sidebar-content__user-icon {
      width: 40px;
      height: 40px;
      min-width: 40px;
      min-height: 40px;
      margin-right: 9px;
      position: relative;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
      border-radius: 100%;
      border: 2px solid var(--main-grey);
      -webkit-transition: .2s;
      transition: .2s; }
      .sidebar-content__user-icon img {
        border-radius: 100%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .sidebar-content__user.online .sidebar-content__user-icon::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 10px;
      height: 10px;
      border-radius: 100%;
      background-color: var(--color-00d022); }
    .sidebar-content__user-name {
      font-size: 16px;
      font-weight: 700;
      color: var(--main-blue);
      -webkit-transition: .2s;
      transition: .2s; }
    .sidebar-content__user-info {
      margin-top: 15px;
      margin-bottom: 3px; }
      .sidebar-content__user-info__el {
        margin-bottom: 14px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        font-size: 0; }
        .sidebar-content__user-info__el:last-child {
          margin-bottom: 0; }
      .sidebar-content__user-info__icon {
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        -webkit-box-pack: center;
                justify-content: center;
        margin-right: 21px; }
      .sidebar-content__user-info__text {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        color: var(--main-black); }
    .sidebar-content__user-link {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center; }
      .sidebar-content__user-link:hover .sidebar-content__user-icon {
        border-color: var(--main-orange); }
      .sidebar-content__user-link:hover .sidebar-content__user-name {
        color: var(--main-orange); }

.sidebar-users {
  margin-top: 20px; }
  .sidebar-users .sidebar-content__user {
    margin-top: 0;
    margin-bottom: 10px; }
    .sidebar-users .sidebar-content__user:last-child {
      margin-bottom: 0; }

.wrap-content-main {
  width: 100%;
  max-width: 840px;
  margin-left: 90px; }

#top-line .user-sidebar__top {
  position: relative; }

.wrap-design {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center; }

#top-line .top-menu_item a {
  padding-top: 17px;
  padding-bottom: 17px; }

.wrap-content_noSidebar {
  margin-top: 44px; }
  .wrap-content_noSidebar .wrap-content-main {
    max-width: 100%;
    margin-left: 90px; }

.wrap-content-main__content {
  margin-top: 29px; }

.wrap-content-main__info-text {
  font-size: 16px;
  font-weight: 300;
  color: var(--dark-black2);
  margin-bottom: 38px; }

.content-course {
  background-color: var(--main-grey);
  border-radius: 5px;
  max-width: 370px;
  width: 100%; }
  .content-course__img {
    font-size: 0;
    line-height: 0;
    height: 200px;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    flex: none; }
    .content-course__img img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%; }
  .content-course__body {
    padding: 21px 28px; }
  .content-course__top {
    padding: 14px 11px 0 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start; }
  .content-course__title {
    margin-top: 16px;
    font-size: 18px;
    padding-bottom: 11px; }
    .content-course__title::after {
      max-width: 70px; }
  .content-course__info {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: var(--main-white); }
    .content-course__info.new {
      background-color: var(--main-orange); }
    .content-course__info.error {
      background-color: var(--color-e3452b); }
    .content-course__info.cost {
      background-color: var(--color-00ae8b); }
  .content-course__author {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start; }
    .content-course__author-title {
      font-family: var(--font-title);
      color: var(--main-blue);
      font-size: 14px;
      font-weight: 400;
      margin-right: 17px;
      line-height: 1; }
    .content-course__author-text {
      font-size: 16px;
      font-weight: 400;
      color: var(--main-black);
      line-height: 1; }
      .content-course__author-text a {
        color: var(--color-026bae);
        font-weight: 700;
        text-decoration: underline !important;
        font-size: inherit; }
  .content-course__text {
    margin-top: 21px;
    font-size: 16px;
    color: var(--main-black);
    font-weight: 400;
    line-height: 1.5; }
  .content-course__media {
    padding-top: 12px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    flex: none; }
    .content-course__media-el {
      margin-right: 10px;
      display: -webkit-box;
      display: flex;
      min-width: 30px;
      width: 30px;
      height: 30px;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      background-color: var(--color-d4d6d8);
      border-radius: 15px;
      font-size: 0; }
      .content-course__media-el img {
        -webkit-box-flex: 0;
                flex: none;
        max-width: 100%;
        max-height: 100%; }
      .content-course__media-el.active {
        background-color: var(--main-orange);
        cursor: pointer; }
  .content-course__btn a {
    display: block;
    background-color: var(--main-blue);
    width: 100%;
    text-align: center;
    padding: 17px 15px;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--main-white);
    font-weight: 700;
    border-radius: 0 0 5px 5px;
    -webkit-transition: .2s;
    transition: .2s; }
  .content-course__btn.cost a {
    background-color: var(--color-00ae8b); }
  .content-course__btn.completed a {
    background-color: transparent;
    border-top: 2px solid var(--main-white);
    color: var(--main-blue);
    cursor: default; }
  .content-course__btn.noAccess a {
    border-top: 2px solid var(--main-white);
    color: var(--main-white);
    background-color: var(--color-d4d6d8); }
  .content-course__btn.noAccess:hover a {
    cursor: not-allowed; }
  .content-course__btn:hover:not(.completed):not(.cost):not(.noAccess) a {
    background-color: var(--main-orange); }

.block-content-list {
  margin-top: 20px; }

.content-course_list {
  max-width: 100% !important;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 5px 0 0 5px;
  margin-bottom: 10px; }
  .content-course_list-body {
    display: -webkit-box;
    display: flex;
    /*flex-wrap: wrap;*/
    -webkit-box-align: center;
            align-items: center;
    padding: 10px;
    width: 100%; }
  .content-course_list .content-course__info {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 10px;
    flex: none; }
  .content-course_list .content-course__title {
    margin: 0;
    padding: 0;
    margin-left: 21px;
    margin-right: 20px; }
    .content-course_list .content-course__title::after {
      content: none; }
  .content-course_list .content-course__author {
    margin-left: auto;
    margin-right: 59px;
    min-width: 200px; }
  .content-course_list .content-course__media {
    padding: 0; }
  .content-course_list .content-course__btn {
    -webkit-box-flex: 0;
            flex: none;
    margin-left: auto; }
    .content-course_list .content-course__btn a {
      padding: 17px 43px;
      border-radius: 0 5px 5px 0;
      min-width: 280px; }
  .content-course_list__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex: auto; }

.content-lesson-course {
  margin-top: 18px; }
  .content-lesson-course__top {
    margin-top: 27px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between; }

.wrap-content-lessons {
  margin-top: 19px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px; }
  .wrap-content-lessons .content-lesson {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 40px; }

.content-lesson {
  background-color: var(--main-grey);
  border-radius: 5px 5px 0 0;
  max-width: 265px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .content-lesson__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 22px 30px;
    padding-bottom: 0;
    padding-right: 20px; }
  .content-lesson__body {
    padding: 5px 30px; }
  .content-lesson .content-course__title {
    margin-top: 0; }
  .content-lesson .content-course__text {
    margin-top: 0;
    line-height: 1.2; }
  .content-lesson .content-course__media {
    padding-top: 19px; }
  .content-lesson .content-course__btn {
    margin-top: 17px; }
    .content-lesson .content-course__btn a {
      padding: 14px 15px;
      font-size: 14px; }
  .content-lesson__check {
    font-size: 0;
    width: 30px;
    height: 30px;
    flex: none; }
  .content-lesson__block-info {
    margin-top: 15px; }
    .content-lesson__block-info .title-dec_small {
      margin-bottom: 4px; }
    .content-lesson__block-info .main-content__p {
      font-size: 14px;
      line-height: 1.4;
      margin-bottom: 12px; }
  .content-lesson .content-course_mine-btns_list {
    margin-top: auto; }

.wrap-content-lessons_list {
  margin-top: 20px; }
  .wrap-content-lessons_list .content-course_list {
    margin-bottom: 9px; }
    .wrap-content-lessons_list .content-course_list .content-course__text {
      margin-top: 0; }
    .wrap-content-lessons_list .content-course_list .content-course__media {
      margin-left: auto; flex: none; }
    .wrap-content-lessons_list .content-course_list .content-course__btn.completed a {
      border-left: 2px solid var(--main-white); }
    .wrap-content-lessons_list .content-course_list .content-course__title {
      margin-right: 30px; }

.lesson-top-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.lesson-top-title__info {
  width: 50px;
  height: 50px;
  font-size: 14px;
  font-weight: 700;
  -webkit-box-flex: 0;
          flex: none; }

.lesson-top-title__name {
  font-family: var(--font-title);
  font-size: 18px;
  font-weight: 400;
  color: var(--main-blue); }

.wrap-lesson-content {
  margin-top: 21px; }

.lesson-content__tabs {
  display: -webkit-box;
  display: flex;
  font-size: 0; }
  .lesson-content__tabs-el {
    width: 100%; }
    .lesson-content__tabs-el a {
      text-align: center;
      display: block;
      font-family: var(--font-title);
      font-size: 16px;
      font-weight: 400;
      color: var(--main-black);
      border-bottom: 1px solid var(--color-d8d8d8);
      padding: 11px 20px;
      -webkit-transition: .2s;
      transition: .2s;
      white-space: nowrap; }
    .lesson-content__tabs-el.active a, .lesson-content__tabs-el:hover a {
      color: var(--main-blue); }
    .lesson-content__tabs-el.active {
      border-bottom: 3px solid var(--main-blue); }

.lesson-content__video {
  margin-top: 12px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .lesson-content__video-main {
    width: 48%;
    margin-right: 2%; }
  .lesson-content__video-text {
    width: 48%; }

.lesson-content__bodies {
  margin-top: 36px; }

.lesson-content__video-text {
  font-size: 16px;
  color: var(--dark-black2);
  font-weight: 300;
  line-height: 1.2; }
  .lesson-content__video-text p {
    margin-bottom: 20px; }
  .lesson-content__video-text .block-add-somth__body-list {
    margin-top: 37px; }

.lesson-content__text-block-info .lesson-content__h6 {
  margin-bottom: 8px; }

.lesson-content__text-block-info .lesson-content__p {
  margin-bottom: 28px; }

.lesson-content__title {
  padding: 25px 0 15px 0; }
  .lesson-content__title::after {
    max-width: 70px; }

.lesson-content__video-el {
  position: relative;
  /*height: 337px;*/ }
  .lesson-content__video-el iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.lesson-content__p {
  font-size: 16px;
  color: var(--dark-black2);
  font-weight: 300;
  line-height: 1.9;
  margin-bottom: 37px; }

.lesson-content__h6 {
  font-weight: 700;
  color: var(--dark-black2);
  font-size: 16px;
  margin-bottom: 36px; }

.lesson-content__info {
  margin-top: 12px;
  font-size: 16px;
  color: var(--dark-black2);
  font-weight: 300;
  line-height: 1.9; }
  .lesson-content__info p {
    margin-top: 10px;
    margin-bottom: 37px; }
    .lesson-content__info p.blue {
      color: var(--main-blue);
      font-weight: 700; }
  .lesson-content__info h6 {
    font-weight: 700;
    color: var(--dark-black2);
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 36px; }

.lesson-content__question {
  display: -webkit-box;
  display: flex;
  margin-bottom: 82px; }
  .lesson-content__question:last-child {
    margin-bottom: 35px; }
  .lesson-content__question-count {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-right: 20px;
    background-color: var(--main-blue);
    font-size: 16px;
    color: var(--main-white);
    font-family: var(--font-title);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    border-radius: 100%; }
  .lesson-content__question-title {
    margin-bottom: 12px; }
  .lesson-content__question-text {
    margin-bottom: 31px; }
  .lesson-content__question-input {
    margin-bottom: 0; }
    .lesson-content__question-input .input-el_name {
      color: var(--main-blue); }
  .lesson-content__question-btn {
    margin-top: 30px; }
    .lesson-content__question-btn button {
      font-family: var(--font-base);
      margin-top: 0;
      height: 60px;
      max-width: 300px;
      font-weight: 800; }

.lesson-content__chat-el {
  background-color: var(--main-grey);
  border-radius: 5px;
  display: -webkit-box;
  display: flex;
  padding: 12px 20px;
  margin-bottom: 6px; }
  .lesson-content__chat-el-body__top {
    padding-top: 3px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }

.lesson-content__chat-icon {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
  border-radius: 100%;
  margin-right: 20px; }
  .lesson-content__chat-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.lesson-content__chat-name {
  color: var(--main-blue);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin-right: 3px; }

.lesson-content__chat-time {
  color: var(--color-9398a6);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.35px; }

.lesson-content__chat-text {
  margin-top: 6px;
  padding-right: 30px; }
  .lesson-content__chat-text p {
    color: var(--dark-black2);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5; }

.lesson-content__chat-media {
  margin-top: 36px; }

.chat-media-btn {
  margin-top: 19px; }
  .chat-media-btn button {
    max-width: 230px; }

.block-create-course {
  display: -webkit-inline-box;
  display: inline-flex;
  cursor: pointer;
  margin-bottom: 17px; }

.content-course_mine-count {
  margin-top: auto;
  padding-top: 12px; }

.content-course_mine-btns {
  display: -webkit-box;
  display: flex;
  border-top: 2px solid var(--main-white);
  position: relative; }
  .content-course_mine-btns::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: var(--main-white); }
  .content-course_mine-btns_list {
    display: block; }
    .content-course_mine-btns_list::after {
      content: none; }
    .content-course_mine-btns_list .content-course_mine-btn {
      width: 100%; }
      .content-course_mine-btns_list .content-course_mine-btn::after {
        content: none; }
      .content-course_mine-btns_list .content-course_mine-btn:first-child {
        border-bottom: 2px solid var(--main-white); }

.content-course_mine-btn {
  padding: 11px;
  width: 49.5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-box-flex: 0;
          flex: none; }
  .content-course_mine-btn-icon {
    -webkit-box-flex: 0;
            flex: none;
    font-size: 0;
    margin-right: 7px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px; }
  .content-course_mine-btn-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--dark-grey2);
    -webkit-transition: .2s;
    transition: .2s; }
  .content-course_mine-btn:hover .content-course_mine-btn-text {
    color: var(--main-white); }
  .content-course_mine-btn.edit .content-course_mine-btn-icon {
    background-image: url("/images/edit.png"); }
  .content-course_mine-btn.edit:hover {
    background-color: var(--main-blue); }
    .content-course_mine-btn.edit:hover .content-course_mine-btn-icon {
      background-image: url("/images/edit-white.png"); }
  .content-course_mine-btn.remove .content-course_mine-btn-icon {
    background-image: url("/images/remove-grey.png"); }
  .content-course_mine-btn.remove:hover {
    background-color: var(--main-orange); }
    .content-course_mine-btn.remove:hover .content-course_mine-btn-icon {
      background-image: url("/images/close-textarea.png"); }
  .content-course_mine-btn.link-btn .content-course_mine-btn-icon {
    background-image: url("/images/link-btn.png"); }
  .content-course_mine-btn.link-btn:hover {
    background-color: var(--main-blue); }
    .content-course_mine-btn.link-btn:hover .content-course_mine-btn-icon {
      background-image: url("/images/link-btn_white.png"); }
  .content-course_mine-btn.add .content-course_mine-btn-icon {
    background-image: url("/images/plus-grey.png"); }
  .content-course_mine-btn.add:hover {
    background-color: var(--main-orange); }
    .content-course_mine-btn.add:hover .content-course_mine-btn-icon {
      background-image: url("/images/plus.png"); }
  .content-course_mine-btn.copy {
    background-position: center; }
    .content-course_mine-btn.copy .content-course_mine-btn-icon {
      background-image: url("/images/copy.png");
      background-size: 14px; }
    .content-course_mine-btn.copy:hover {
      background-color: var(--main-blue); }
      .content-course_mine-btn.copy:hover .content-course_mine-btn-icon {
        background-image: url("/images/copy-white.png"); }

.wrap-block-addMeida {
  text-align: left; }

.lesson-top-title_course-btns {
  background-color: var(--main-grey);
  max-width: 370px;
  width: 100%;
  border: none; }
  .lesson-top-title_course-btns .content-course_mine-btn {
    border-radius: 5px; }

.marginBigger {
  margin-top: 44px; }

.create-lesson-body .wrap-selects {
  margin-top: 20px;
  margin-bottom: 31px; }

.create-lesson-body .select__el {
  max-width: 930px; }

.create-lesson-body .btn-form_small {
  margin-top: 19px; }

.create-lesson-body .textarea-block {
  margin-bottom: 21px; }

.create-lesson-body .block-iconLeft-textRight {
  margin-top: 15px; }

.add-homework-btn {
  margin-top: 28px;
  margin-bottom: 0; }

.lesson-page .lesson-content__bodies {
  margin-top: 28px; }

.lesson-page .lesson-content__video-mainz {
  padding-top: 8px; }

.wrap-student-content {
  margin-top: 17px; }

.student-content {
  margin-top: 31px; }

.student-content-list {
  margin-top: 20px;
  margin-bottom: 40px; }
  .student-content-list .lesson-content__title {
    padding-bottom: 9px;
    margin-bottom: 9px; }

.student-content-list-body li {
  margin-bottom: 10px; }

.student-list {
  display: -webkit-box;
  display: flex; }
  .student-list__user {
    width: 100%;
    background-color: var(--main-grey);
    border-radius: 5px;
    padding: 10px 20px;
    margin-right: 2px; }
  .student-list__btn {
    margin-left: auto;
    display: block;
    width: 60px;
    height: 60px;
    -webkit-box-flex: 0;
            flex: none;
    background-color: var(--main-grey);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s; }
    .student-list__btn.hint {
      background-image: url("../images/i-btn.svg");
      margin-right: 2px; }
    .student-list__btn.comment {
      background-image: url("../images/comment-black.png"); }
    .student-list__btn.pen {
      background-image: url("../images/pen.png");
      margin-right: 2px; }
    .student-list__btn.bin {
      background-image: url("../images/bin.png"); }
    .student-list__btn.arr {
      background-image: url("../images/arrow-right-btn.png"); }
    .student-list__btn.plus {
      background-image: url("../images/plus_black.png"); }
    .student-list__btn.download {
      background-image: url("../images/download-black-top.png"); }
    .student-list__btn:last-child {
      margin-right: 0; }
    .student-list__btn:hover {
      background-color: var(--main-blue); }
      .student-list__btn:hover.hint {
        background-image: url("../images/i-btn_white.svg"); }
      .student-list__btn:hover.comment {
        background-image: url("../images/comment-white.png"); }
      .student-list__btn:hover.pen {
        background-image: url("../images/pen-white.png"); }
      .student-list__btn:hover.bin {
        background-image: url("../images/bin-white.png");
        background-color: var(--main-orange); }
      .student-list__btn:hover.arr {
        background-image: url("../images/arrow-right-btn_white.png"); }
      .student-list__btn:hover.plus {
        background-image: url("../images/plus.png"); }
      .student-list__btn:hover.download {
        background-image: url("../images/download-white-top.png"); }

.wrap-analytics-content {
  margin-top: 40px; }

.analytics-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start; }
  .analytics-content .title-dec::after {
    max-width: 72px; }
  .analytics-content__filter {
    background-color: var(--main-grey);
    border-radius: 5px;
    padding: 30px;
    max-width: 280px;
    min-width: 280px;
    margin-right: 20px; }
    .analytics-content__filter-body {
      margin-top: 21px; }
    .analytics-content__filter-el {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: start;
              align-items: flex-start;
      margin-bottom: 19px; }
      .analytics-content__filter-el:last-child {
        margin-bottom: 0; }
    .analytics-content__filter-inp {
      margin-right: 13px; }
    .analytics-content__filter-text {
      padding-top: 4px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: start;
              align-items: flex-start; }
    .analytics-content__filter-circle {
      display: block;
      max-width: 16px;
      max-height: 16px;
      min-width: 16px;
      min-height: 16px;
      border-radius: 100%;
      margin-right: 11px; }
      .analytics-content__filter-circle.blue {
        background-color: var(--main-blue); }
      .analytics-content__filter-circle.orange {
        background-color: var(--main-orange); }
      .analytics-content__filter-circle.blue-lighter {
        background-color: var(--color-38b2ff); }
      .analytics-content__filter-circle.green {
        background-color: var(--color-00ae8b); }
      .analytics-content__filter-circle.red {
        background-color: var(--color-e3452b); }
    .analytics-content__filter-name {
      font-size: 16px;
      font-weight: 400;
      color: var(--main-black);
      line-height: 1.1; }
  .analytics-content__chart {
    max-width: 842px;
    width: 100%; }
    .analytics-content__chart-main {
      margin-top: 18px; }

.homework-create .wrap-content-main__content {
  margin-top: 39px; }

.homework-create .textarea-block_createCourse {
  margin-bottom: 18px; }

.homework-create .wrap-selects {
  margin-top: 0; }
  .homework-create .wrap-selects:first-child {
    margin-bottom: 58px; }

.homework-create .block-create-course {
  margin-top: 10px;
  margin-bottom: 31px; }

.homework-page .wrap-student-content {
  margin-top: 27px; }

.homework-page .lesson-content__title {
  margin-bottom: 24px;
  line-height: 1.2;
  padding-bottom: 9px; }

.homework-page_in .lesson-content__title {
  margin-bottom: 15px; }

.wrap-homework-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px;
  margin-top: 32px; }
  .wrap-homework-content .homework-content {
    margin: 0 25px;
    margin-bottom: 42px; }
    .wrap-homework-content .homework-content .block-status {
      margin-top: 10px; }
    .wrap-homework-content .homework-content .content-course__text {
      margin-top: 8px; }
    .wrap-homework-content .homework-content .title-dec::after {
      max-width: 70px; }

.homework-in-body {
  margin-top: 56px; }
  .homework-in-body .homework-answer {
    margin-top: 23px;
    display: block;
    width: 100%; }
  .homework-in-body .lesson-content__question-body {
    width: 100%; }
  .homework-in-body .lesson-content__question {
    margin-bottom: 48px; }
    .homework-in-body .lesson-content__question:last-child {
      margin-bottom: 0; }
  .homework-in-body .wrap-btns {
    margin-top: 28px;
    margin-left: 71px; }

.wrap-communication {
  margin-top: 53px; }
  .wrap-communication .lesson-content__chat {
    margin-top: 26px; }

.popupFrame_emotions .block-link-btn {
  margin-top: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center; }

.info-create-page .wrap-content-main__content {
  margin-top: 23px; }

.create-page-content {
  margin-top: 21px; }
  .create-page-content-el {
    display: -webkit-box;
    display: flex;
    margin-bottom: 10px; }
    .create-page-content-el__body {
      background-color: var(--main-grey);
      width: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      padding: 5px 28px; }
    .create-page-content-el__text {
      font-family: var(--font-base-semibold);
      color: var(--main-black);
      font-size: 18px;
      letter-spacing: 0.45px; }
    .create-page-content-el__btns {
      -webkit-box-flex: 0;
              flex: none;
      display: -webkit-box;
      display: flex; }
    .create-page-content-el__btn {
      min-width: 184px;
      display: -webkit-box;
      display: flex;
      width: auto;
      padding: 12px 23px;
      background-color: var(--main-grey);
      margin-left: 2px; }

.create-new {
  margin-top: 41px; }

.info-knowledge-page .wrap-content-main__content {
  margin-top: 18px; }

.info-knowledge-page .wrap-content-main__info-text {
  line-height: 1.8;
  margin-bottom: 29px; }

.knowledge-conetnt__title {
  margin-bottom: 21px; }

.knowledge-conetnt-el {
  margin-bottom: 50px; }

.knowledge-conetnt-el-content {
  margin-bottom: 1px; }
  .knowledge-conetnt-el-content__top {
    padding: 9.5px 28px;
    padding-right: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    background-color: var(--main-grey); }
  .knowledge-conetnt-el-content__text {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 400;
    color: var(--main-blue);
    -webkit-transition: .2s;
    transition: .2s; }
  .knowledge-conetnt-el-content__arr {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
            flex: none;
    border-radius: 100%;
    background: url("../images/arr-white.png") no-repeat center;
    background-color: var(--main-blue);
    background-size: 7px;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s; }
  .knowledge-conetnt-el-content__body {
    display: none;
    padding: 24px 30px;
    background-color: var(--main-grey); }
    .knowledge-conetnt-el-content__body-text {
      font-size: 16px;
      color: var(--dark-black2);
      font-weight: 300;
      margin-bottom: 28px;
      line-height: 1.9; }
      .knowledge-conetnt-el-content__body-text:last-child {
        margin-bottom: 0; }
  .knowledge-conetnt-el-content.active .knowledge-conetnt-el-content__top {
    background-color: var(--main-blue); }
  .knowledge-conetnt-el-content.active .knowledge-conetnt-el-content__text {
    color: var(--main-white); }
  .knowledge-conetnt-el-content.active .knowledge-conetnt-el-content__arr {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background-color: var(--main-white);
    background-image: url("../images/blue-arr-down.png"); }
  .knowledge-conetnt-el-content.active .knowledge-conetnt-el-content__body {
    display: block; }

.info-document-page .wrap-content-main__content {
  margin-top: 25px; }

.info-document-page .wrap-content-main__info-text {
  margin-bottom: 0; }

.wrap-documents-content {
  margin-top: 35px;
  margin-left: -25px;
  margin-right: -25px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }
  .wrap-documents-content .documents-content {
    margin: 0 25px;
    margin-bottom: 40px; }

.documents-content {
  max-width: 370px; }
  .documents-content .content-course__text {
    margin-top: 0; }
  .documents-content .content-course__body {
    padding-top: 17px;
    padding-bottom: 10px; }
  .documents-content .content-course__btn a {
    font-family: var(--font-base-semibold);
    height: 40px;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 20px;
    padding-right: 39px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .documents-content .content-course__btn a img {
      -webkit-box-flex: 0;
              flex: none;
      margin-right: 7px; }

.wrap-about-content {
  margin-top: 38px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start; }

.about-content-img {
  padding-top: 9px; }

.about-content {
  max-width: 650px;
  width: 100%;
  margin-right: 10px; }
  .about-content__title {
    color: var(--main-black);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px; }
  .about-content__text {
    color: var(--dark-black2);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.9;
    margin-bottom: 30px; }

.info-multimedia-page .wrap-content-main__content {
  margin-top: 23px; }

.info-multimedia-page .wrap-content-main__info-text {
  margin-bottom: 0; }

.wrap-multimedia-content {
  margin-top: 26px; }
  .wrap-multimedia-content .lesson-content__tabs {
    margin-bottom: 37px; }

.multimedia-content-videos {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px; }
  .multimedia-content-videos .multimedia-video-el {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 36px; }

.multimedia-video-el {
  max-width: 370px;
  width: 100%; }
  .multimedia-video-el__title {
    padding-bottom: 15px; }
    .multimedia-video-el__title::after {
      max-width: 70px; }
  .multimedia-video-el__video {
    margin-top: 20px; }

.multimedia-content-gallery-el {
  margin-bottom: 47px; }
  .multimedia-content-gallery-el__title {
    padding-bottom: 15px; }
    .multimedia-content-gallery-el__title::after {
      max-width: 70px; }
  .multimedia-content-gallery-el__body {
    margin-top: 20px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; }
  .multimedia-content-gallery-el__content {
    max-width: 280px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px; }

@media screen and (max-width: 1000px) {
  .about-content__title {
    font-size: 16px;
    margin-bottom: 25px; }
  .about-content__text {
    font-size: 14px; }
  .wrap-about-content {
    display: block; }
  .knowledge-conetnt__title {
    font-size: 18px; }
  .knowledge-conetnt-el-content__text {
    font-size: 16px; }
  .knowledge-conetnt-el-content__top {
    padding: 12px 18px; }
  .knowledge-conetnt-el-content__body-text {
    font-size: 14px; }
  .knowledge-conetnt-el-content__body {
    padding: 20px; }
  .knowledge-conetnt-el {
    margin-bottom: 40px; }
  .wrap-documents-content .content-course {
    max-width: 100%; }
  .wrap-multimedia-content .multimedia-video-el__title {
    font-size: 18px; }
  .multimedia-video-el__video {
    margin-top: 10px; }
  .multimedia-content-videos .multimedia-video-el {
    margin-bottom: 20px; }
  .multimedia-content-videos .multimedia-video-el {
    max-width: 100%; }
  .multimedia-content-gallery-el__content {
    max-width: 205px; }
  .create-page-content-el__text {
    font-size: 16px; }
  .create-page-content-el__body {
    padding: 5px 11px; }
  .create-page-content-el__btn {
    min-width: 124px; }
  .create-page-content-el__btn.content-course_mine-btn.add .content-course_mine-btn-text {
    font-size: 0; }
    .create-page-content-el__btn.content-course_mine-btn.add .content-course_mine-btn-text::after {
      content: 'Добавить';
      font-size: 12px;
      line-height: 1; } }

@media screen and (max-width: 600px) {
  .wrap-about-content {
    margin-top: 20px; }
  .knowledge-conetnt-el-content__text {
    font-size: 14px; }
  .knowledge-conetnt-el-content__top {
    padding: 12px 10px; }
  .knowledge-conetnt-el-content__body {
    padding: 20px 10px; }
  .knowledge-conetnt-el {
    margin-bottom: 30px; }
  .wrap-documents-content {
    margin-top: 20px; }
  .documents-content .content-course__top {
    padding: 20px 18px;
    padding-bottom: 0; }
  .documents-content .content-course__body {
    padding: 20px 18px; }
  .wrap-documents-content .documents-content {
    margin-bottom: 10px; }
  .wrap-multimedia-content .multimedia-video-el__title {
    font-size: 16px; }
  .wrap-multimedia-content .lesson-content__tabs {
    margin-bottom: 20px; }
  .multimedia-content-gallery-el__content {
    max-width: 135px; }
  .multimedia-content-gallery-el__body {
    margin-left: -5px;
    margin-right: -5px; }
  .multimedia-content-gallery-el__content {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px; }
  .multimedia-content-gallery-el {
    margin-bottom: 20px; }
  .create-page-content-el {
    display: block; }
  .create-page-content-el__btns {
    margin-top: 2px; }
    .create-page-content-el__btns .create-page-content-el__btn {
      width: 100%;
      -webkit-box-flex: 1;
              flex: auto; }
    .create-page-content-el__btns .content-course_mine-btn {
      padding: 2px 10px;
      min-height: 30px; }
  .create-page-content-el__body {
    padding: 10px; } }

.info-articles-page .wrap-content-main__content {
  margin-top: 23px; }

.wrap-info-articles {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px; }

.info-article {
  max-width: 580px;
  width: 100%;
  margin-left: 25px;
  margin-right: 25px;
  border: 10px solid var(--main-grey);
  -webkit-transition: .2s;
  transition: .2s;
  margin-bottom: 50px; }
  .info-article .content-course__img {
    height: auto;
    font-size: 0; }
  .info-article .content-course__text {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.9; }
  .info-article .content-course__title {
    font-size: 24px;
    margin: 0;
    line-height: 1.1;
    display: block;
    -webkit-transition: .2s;
    transition: .2s; }
  .info-article .content-course__body {
    padding: 30px 18px; }
  .info-article__date {
    letter-spacing: 0.35px;
    font-size: 14px;
    color: var(--main-orange);
    font-weight: 700;
    margin-top: 5px; }
  .info-article__readNext {
    display: inline-block;
    letter-spacing: 0.4px;
    font-weight: 700;
    font-size: 16px;
    color: var(--main-blue);
    margin-top: 19px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s; }
    .info-article__readNext::after {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(180deg);
              transform: translateY(-50%) rotate(180deg);
      right: -14px;
      width: 5px;
      height: 7px;
      background: url("../images/arr-left-blue.png") no-repeat center/contain; }
  .info-article:hover {
    border-color: var(--main-orange); }
    .info-article:hover .content-course__title {
      color: var(--main-orange); }
    .info-article:hover .info-article__readNext {
      color: var(--main-orange); }

.info-articles-else {
  font-family: var(--font-base-black);
  width: 100%;
  margin-top: 20px;
  padding: 20px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  color: var(--main-blue);
  border-top: 5px solid var(--main-grey);
  cursor: pointer; }

.info-article-page {
  margin-top: 30px;
  font-size: 16px;
  color: var(--dark-black2);
  font-weight: 300;
  line-height: 1.9; }
  .info-article-page__img {
    font-size: 0; }
  .info-article-page__body {
    margin-top: 26px; }
  .info-article-page__text {
    font-size: 16px;
    color: var(--dark-black2);
    font-weight: 300;
    line-height: 1.9;
    margin-bottom: 27px; }
  .info-article-page p {
    margin-bottom: 27px; }

@media screen and (max-width: 1000px) {
  .info-article-page p {
    font-size: 14px;
    line-height: 1.5; } }

.goals-analitik-page .create-new {
  margin-top: 0;
  margin-bottom: 30px; }

.goals-analitik-content {
  margin-top: 30px;
  position: relative; }

.chart-hover {
  position: absolute;
  top: 120px;
  right: 140px;
  max-width: 350px;
  width: 100%;
  background-color: var(--main-white);
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 1, 0.2);
  padding: 20px 20px;
  padding-bottom: 10px; }
  .chart-hover__checkbox {
    margin-bottom: 10px; }
    .chart-hover__checkbox p {
      font-size: 16px;
      color: var(--main-black);
      margin-left: 0; }
    .chart-hover__checkbox .checkbox {
      margin-right: 11px; }
    .chart-hover__checkbox .checkbox_big .checkbox-dec {
      width: 30px;
      height: 30px; }
      .chart-hover__checkbox .checkbox_big .checkbox-dec span {
        width: 10px;
        height: 10px; }
  .chart-hover__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-left: -5px;
    margin-right: -5px;
    flex-wrap: wrap; }
    .chart-hover__content-el {
      margin-right: 5px;
      margin-left: 5px;
      margin-bottom: 10px; }

.chart-hover-content-el {
  display: -webkit-box;
  display: flex;
  border: 2px solid var(--color-d4d6d8);
  border-radius: 20px;
  background-color: var(--main-white);
  max-width: 150px;
  width: 100%;
  position: relative;
  min-height: 40px; }
  .chart-hover-content-el__icon {
    width: 40px;
    height: 40px;
    font-size: 0;
    background-color: var(--color-d4d6d8);
    border-radius: 100%;
    -webkit-box-flex: 0;
            flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: absolute;
    top: -2px;
    left: -2px; }
    .chart-hover-content-el__icon img {
      -webkit-box-flex: 0;
              flex: none; }
  .chart-hover-content-el__body {
    padding: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px; }
  .chart-hover-content-el__text {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.35px;
    color: var(--color-d4d6d8);
    line-height: 1; }
  .chart-hover-content-el.active {
    border-color: var(--main-blue); }
    .chart-hover-content-el.active .chart-hover-content-el__icon {
      background-color: var(--main-blue); }
    .chart-hover-content-el.active .chart-hover-content-el__text {
      color: var(--main-blue); }

.goals-analitik-chart {
  text-align: center;
  font-size: 0; }

.go-over {
  margin-top: 25px; }

.goals-audit-content {
  margin-top: 20px; }

.goals-audit-content-el {
  padding: 15px 20px;
  padding-bottom: 12px;
  background-color: var(--main-grey);
  border-radius: 5px;
  margin-bottom: 10px; }
  .goals-audit-content-el__top {
    display: -webkit-box;
    display: flex; }
    .goals-audit-content-el__top-body {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
              justify-content: space-between;
      border-left: 2px solid rgba(221, 221, 221, 0.5);
      padding: 0 18px;
      margin-left: 23px;
      width: 100%; }
      .goals-audit-content-el__top-body-right {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center; }
    .goals-audit-content-el__top-time {
      -webkit-box-flex: 0;
              flex: none;
      font-size: 14px;
      font-weight: 500;
      color: var(--lite-grey2);
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      margin-left: 23px; }
    .goals-audit-content-el__top.no-user .goals-audit-content-el__top-body {
      padding-left: 0;
      margin-left: 0;
      border-left: none; }
  .goals-audit-content-el__user {
    -webkit-box-flex: 0;
            flex: none; }
    .goals-audit-content-el__user .account-block__icon {
      border: 2px solid var(--main-blue);
      min-width: 40px;
      min-height: 40px;
      max-width: 40px;
      max-height: 40px; }
  .goals-audit-content-el__text {
    font-size: 16px;
    color: var(--main-black);
    font-weight: 400; }
  .goals-audit-content-el__body {
    margin-top: 10px;
    padding-top: 11px;
    padding-bottom: 21px;
    border-top: 2px solid rgba(221, 221, 221, 0.5);
    border-bottom: 2px solid rgba(221, 221, 221, 0.5); }
  .goals-audit-content-el__bottom {
    margin-top: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    .goals-audit-content-el__bottom .goals-audit-content-el__user {
      cursor: pointer; }
  .goals-audit-content-el__progress {
    width: 100%; }
  .goals-audit-content-el__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
            flex: none;
    margin-left: 30px; }
    .goals-audit-content-el__info .account-block .account-block__icon {
      margin-right: 0;
      margin-left: 14px; }
  .goals-audit-content-el__ponits {
    width: 20px;
    margin-left: 20px; }
  .goals-audit-content-el__checkbox {
    -webkit-box-flex: 0;
            flex: none;
    margin-bottom: 0 !important; }
  .goals-audit-content-el.active {
    background-color: var(--color-fff4e5); }
    .goals-audit-content-el.active .goals-audit-content-el__top-body {
      border-right: 2px solid rgba(221, 221, 221, 0.5); }
    .goals-audit-content-el.active .goals-audit-content-el__body {
      margin-top: 13px;
      padding: 13px 0;
      padding-bottom: 12px; }

.goals-audit-content-elements {
  margin-top: 20px; }

.goals-audit-content-table {
  display: table;
  width: 100%; }
  .goals-audit-content-table__tr {
    display: table-row; }
    .goals-audit-content-table__tr:last-child .goals-audit-content-table__cell {
      padding-bottom: 0; }
  .goals-audit-content-table__cell {
    display: table-cell;
    padding-bottom: 18px;
    min-width: 260px; }
    .goals-audit-content-table__cell:last-child {
      width: 100%; }
  .goals-audit-content-table__title {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: var(--main-blue);
    padding-right: 23px;
    white-space: nowrap; }
  .goals-audit-content-table__text {
    line-height: 1.5; }

.progress-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .progress-block__title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: var(--main-blue);
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 20px; }
  .progress-block__line {
    width: 100%;
    background-color: var(--main-white);
    border-radius: 5px;
    box-shadow: inset 0 0 4px rgba(0, 0, 1, 0.25);
    height: 10px; }
    .progress-block__line-progress {
      background-color: var(--color-5ddb19);
      border-radius: 5px;
      box-shadow: inset 0 0 4px rgba(0, 0, 1, 0.25);
      width: 100%;
      height: 100%; }

.info-contents {
  display: -webkit-box;
  display: flex; }
  .info-contents .chart-hover-content-el {
    min-width: 80px;
    max-width: 80px;
    margin-left: 10px;
    background-color: transparent;
    -webkit-box-flex: 0;
            flex: none; }
  .info-contents .chart-hover-content-el__body {
    padding-left: 40px;
    padding-right: 8px; }
  .info-contents .chart-hover-content-el__text {
    font-size: 16px; }

.audit-comments-list {
  display: -webkit-box;
  display: flex;
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 15px 20px; }
  .audit-comments-list__user {
    margin-right: 20px; }
  .audit-comments-list__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    padding-left: 20px;
    border-left: 2px solid rgba(221, 221, 221, 0.5); }
  .audit-comments-list__text {
    font-size: 16px;
    font-weight: 400;
    color: var(--main-black); }
  .audit-comments-list__time {
    font-size: 14px;
    font-weight: 500;
    color: var(--lite-grey2); }

.audit-comments__content {
  margin-top: 30px; }
  .audit-comments__content .create-new {
    -webkit-box-pack: center;
            justify-content: center; }
  .audit-comments__content .base-comments + .create-new {
    margin-top: 30px; }

.audit-comments__no {
  margin-top: 12px;
  text-align: center; }
  .audit-comments__no-text {
    font-size: 18px;
    font-weight: 500;
    color: var(--main-black);
    margin-top: 23px;
    line-height: 1.2; }

.goals-commands-page .create-new {
  margin-top: 0;
  margin-bottom: 24px; }

.goals-commands-content {
  margin-top: 26px; }

.wrap-commands-content {
  margin-top: 30px; }

.commands-content {
  padding: 0; }
  .commands-content .content-course__text {
    margin-top: 0; }
  .commands-content .content-course__title {
    margin-top: 0;
    padding-bottom: 16px; }
  .commands-content .content-course__top {
    padding: 27px 26px;
    padding-bottom: 0; }
  .commands-content .content-course__body {
    padding: 19px 26px; }
  .commands-content .content-course__text {
    font-family: var(--font-base);
    font-size: 14px;
    font-weight: 400;
    color: var(--main-black);
    line-height: 1.2;
    margin-bottom: 18px; }
  .commands-content .content-course_mine-btn.edit {
    border-radius: 0 0 0 5px;
    margin-right: 2px; }
  .commands-content .content-course_mine-btn.remove {
    border-radius: 0 0 5px; }

.goals-statistics-content {
  margin-left: -25px;
  margin-right: -25px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap; }

.goals-statistic-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  max-width: 580px;
  width: 100%;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 40px; }
  .goals-statistic-content .btn-block-el {
    display: -webkit-box;
    display: flex; }
    .goals-statistic-content .btn-block-el a {
      border-right: 2px solid var(--main-white);
      width: 100%;
      background-color: var(--main-grey);
      color: var(--main-blue);
      font-weight: 700; }
      .goals-statistic-content .btn-block-el a:last-child {
        border-right: none; }
      .goals-statistic-content .btn-block-el a:hover {
        background-color: var(--main-blue);
        color: var(--main-white); }
  .goals-statistic-content .games-content-btn__bottom {
    margin-top: auto; }

.goals-statistic-content-btn {
  margin: 0;
  cursor: pointer; }

.goals-statistic-table {
  min-width: 296px;
  margin-bottom: 20px; }
  .goals-statistic-table__tr {
    margin-bottom: 10px; }
  .goals-statistic-table__cell {
    vertical-align: middle;
    padding-bottom: 10px; }
  .goals-statistic-table__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .goals-statistic-table__title-text {
      font-size: 16px;
      color: var(--main-black);
      font-weight: 500;
      padding-right: 15px; }
  .goals-statistic-table__icon {
    font-size: 0;
    margin-right: 10px;
    -webkit-box-flex: 0;
            flex: none;
    min-width: 24px;
    text-align: center; }
  .goals-statistic-table__count {
    font-weight: 700;
    font-size: 16px;
    color: var(--main-blue); }

.goals-statistic-analitic {
  display: -webkit-box;
  display: flex;
  margin-bottom: 26px; }
  .goals-statistic-analitic__el {
    margin-right: 105px; }
    .goals-statistic-analitic__el:last-child {
      margin-right: 0; }
  .goals-statistic-analitic__contents {
    margin-top: 19px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center; }
  .goals-statistic-analitic .goals-statistic-table__title-text {
    padding-right: 0; }
  .goals-statistic-analitic__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding-left: 34px;
    margin-bottom: 12px; }
    .goals-statistic-analitic__content:last-child {
      margin-bottom: 0; }
    .goals-statistic-analitic__content .goals-statistic-table__title-text {
      display: inline-block;
      margin-right: 30px; }

.goals-statistics-list-content {
  margin-top: 58px; }

.goals-statistics-list-content {
  margin-bottom: 70px; }
  .goals-statistics-list-content__title {
    font-size: 24px; }
  .goals-statistics-list-content__text {
    font-size: 16px; }
  .goals-statistics-list-content__btns {
    margin-top: 26px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .goals-statistics-list-content__btns .block-iconLeft-textRight {
      margin-right: 84px; }
      .goals-statistics-list-content__btns .block-iconLeft-textRight:last-child {
        margin-right: 0; }
  .goals-statistics-list-content .goals-games-content__body .games-content {
    margin-bottom: 0; }

.wrap-calendar-miniature {
  margin-top: 3px; }
  .wrap-calendar-miniature__top {
    margin-bottom: 23px; }
  .wrap-calendar-miniature__text {
    margin-bottom: 20px;
    text-align: center; }
  .wrap-calendar-miniature__title {
    font-family: var(--font-title);
    color: var(--main-blue);
    font-size: 24px;
    margin-bottom: 8px; }
  .wrap-calendar-miniature__info {
    letter-spacing: 0.45px;
    font-size: 18px;
    color: var(--main-black); }

.calendar-miniature {
  max-width: 252px;
  min-width: 252px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .calendar-miniature__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 4px; }
  .calendar-miniature__title {
    padding: 0 10px;
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 400;
    color: var(--main-black); }
  .calendar-miniature__arr {
    cursor: pointer;
    font-size: 0;
    height: 100%;
    width: 20px;
    text-align: right; }
    .calendar-miniature__arr svg {
      width: 10px;
      height: 10px; }
      .calendar-miniature__arr svg path {
        -webkit-transition: .2s;
        transition: .2s;
        fill: var(--dark-grey); }
    .calendar-miniature__arr.prev {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .calendar-miniature__arr:hover svg path {
      fill: var(--main-blue); }
  .calendar-miniature__body {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 7.2px 10px;
    margin: 0 -7.2px; }
  .calendar-miniature__row {
    display: table-row; }
  .calendar-miniature__cell {
    display: table-cell;
    border-radius: 2px;
    min-width: 30px;
    min-height: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    background-color: var(--main-white); }
    .calendar-miniature__cell-text {
      font-family: var(--font-base);
      text-transform: uppercase;
      font-weight: 500;
      font-size: 14px;
      color: var(--main-black); }
    .calendar-miniature__cell.off {
      opacity: 0.5; }
      .calendar-miniature__cell.off-first {
        opacity: 0.3; }
    .calendar-miniature__cell.active {
      background-color: var(--main-orange); }
      .calendar-miniature__cell.active .calendar-miniature__cell-text {
        color: var(--main-white); }
  .calendar-miniature__months .calendar-miniature__cell {
    background-color: var(--main-blue); }
    .calendar-miniature__months .calendar-miniature__cell-text {
      color: var(--main-white); }
  .calendar-miniature_whitebg .calendar-miniature__days .calendar-miniature__cell:not(.active) {
    background-color: var(--main-grey); }
  .calendar-miniature_whitebg .calendar-miniature__cell.off {
    background-color: transparent; }

.checboxes-square-block {
  padding-right: 6px; }
  .checboxes-square-block__border {
    border-top: 1px solid var(--color-d8d8d8);
    padding-top: 26px;
    margin-top: 20px; }
  .checboxes-square-block__title {
    font-size: 24px;
    margin-bottom: 20px; }

.checboxes-square-block-el {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0;
  margin-bottom: 16px; }
  .checboxes-square-block-el__checkbox {
    -webkit-box-flex: 0;
            flex: none; }
  .checboxes-square-block-el__body {
    margin-left: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: 100%; }
  .checboxes-square-block-el__text {
    font-size: 16px;
    font-weight: 400;
    color: var(--main-black); }
  .checboxes-square-block-el__dec {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: var(--dark-grey2);
    -webkit-box-flex: 0;
            flex: none; }
    .checboxes-square-block-el__dec.holiday {
      border-radius: 0;
      background: url("../images/cake.png") no-repeat center/contain; }
    .checboxes-square-block-el__dec.PersianGreen {
      background-color: var(--color-00ae8b); }
    .checboxes-square-block-el__dec.blue {
      background-color: var(--color-38b2ff); }
    .checboxes-square-block-el__dec.red {
      background-color: var(--color-e3452b); }
    .checboxes-square-block-el__dec.sea {
      background-color: var(--main-blue); }
    .checboxes-square-block-el__dec.orange {
      background-color: var(--main-orange); }
    .checboxes-square-block-el__dec.dollar {
      background-color: var(--color-86bf4f); }
    .checboxes-square-block-el__dec.purple {
      background-color: var(--color-8037da); }

.calendar-page .add-btn {
  margin-top: 0; }

.calendar-page .wrap-student-content {
  margin-top: 27px; }

.calendar-page .lesson-content__tabs {
  margin-bottom: 28px; }

.calendar-page-content {
  margin-top: 27px; }

.calendar {
  position: relative; }
  .calendar__top {
    margin-bottom: 21px; }
  .calendar__title {
    font-size: 24px; }
  .calendar__body {
    display: table;
    width: 100%;
    border-collapse: separate;
    table-layout: fixed;
    border-spacing: 3px 3px;
    margin: 0 -3px; }
  .calendar__row {
    display: table-row; }
  .calendar__cell {
    display: table-cell;
    text-align: center;
    width: 2%; }
    .calendar__cell-body__content {
      margin-top: 10px;
      display: block; }
      .calendar__cell-body__content__el {
        margin-bottom: 10px;
        text-align: left; }
        .calendar__cell-body__content__el-time {
          font-size: 12px; }
        .calendar__cell-body__content__el_else {
          margin-top: 23px;
          text-align: center;
          font-size: 16px;
          font-weight: 700;
          color: var(--main-blue);
          cursor: pointer; }
        .calendar__cell-body__content__el .checboxes-square-block-el__body {
          margin-left: 0;
          -webkit-box-pack: start;
                  justify-content: flex-start; }
        .calendar__cell-body__content__el .checboxes-square-block-el__text {
          font-size: 12px;
          line-height: 1;
          font-weight: 500;
          margin-left: 6px; }
    .calendar__cell.active .calendar__cell-body {
      border: 3px solid var(--main-blue); }
    .calendar__cell.active .calendar__cell-text {
      color: var(--main-blue);
      font-weight: 700; }
  .calendar__months .calendar__cell-text {
    display: block;
    font-family: var(--font-base-black);
    font-size: 16px;
    text-transform: uppercase;
    color: var(--main-blue);
    padding-bottom: 13px;
    border-bottom: 3px solid var(--main-blue);
    margin-bottom: 2px; }
  .calendar__days .calendar__cell {
    background-color: var(--main-grey);
    border-radius: 5px; }
    .calendar__days .calendar__cell-body {
      min-height: 170px;
      padding: 16px 6px;
      border-radius: 5px; }
    .calendar__days .calendar__cell-text {
      font-size: 18px;
      color: var(--main-black);
      font-weight: 500; }
    .calendar__days .calendar__cell.off {
      opacity: 0.5; }
      .calendar__days .calendar__cell.off-first {
        opacity: 0.2; }

.calendar-window {
  position: absolute;
  top: 378px;
  left: 286px;
  background-color: var(--main-white);
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 1, 0.2);
  max-width: 290px;
  width: 100%; }
  .calendar-window_detail {
    max-width: 400px;
    top: 340px;
    left: 466px; }
    .calendar-window_detail .calendar-window__body {
      padding: 11px 15px; }
    .calendar-window_detail .calendar-window__content {
      margin-top: 12px;
      padding-left: 7px; }
  .calendar-window-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 12px;
    height: 12px;
    background: url("../images/close-black.svg") no-repeat center/contain;
    font-size: 0;
    cursor: pointer; }
  .calendar-window__top {
    display: -webkit-box;
    display: flex;
    padding-right: 20px; }
    .calendar-window__top .btn-action {
      margin-right: 5px; }
  .calendar-window__body {
    padding: 18px 20px; }
  .calendar-window__dayWeek {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-black); }
  .calendar-window__day {
    margin-top: 15px;
    font-weight: 500;
    font-size: 24px;
    color: var(--main-black);
    text-align: center; }
  .calendar-window__content {
    margin-top: 24px; }
  .calendar-window .checboxes-square-block-el__text {
    margin-left: 9px;
    line-height: 1.2; }
  .calendar-window .calendar__cell-body__content__el-time {
    padding-top: 2px; }
  .calendar-window .checboxes-square-block-el__text:not(.calendar__cell-body__content__el-time) {
    font-size: 14px; }
  .calendar-window .checboxes-square-block-el {
    margin-bottom: 9px;
    text-align: left; }
  .calendar-window .calendar-window_detail-info {
    margin-top: 31px;
    margin-bottom: 9px; }

.calendar-window_detail-el {
  display: -webkit-box;
  display: flex; }
  .calendar-window_detail-el__dec {
    width: 20px;
    height: 20px;
    margin-top: 6px; }
  .calendar-window_detail-el__body {
    margin-left: 10px; }
  .calendar-window_detail-el__title {
    font-family: var(--font-base-semibold);
    font-size: 24px;
    font-weight: 400;
    color: var(--main-black);
    margin-bottom: 10px; }
  .calendar-window_detail-el__text {
    font-size: 14px;
    color: var(--main-black); }
  .calendar-window_detail-el .fix-spacing {
    display: inline-block;
    margin-left: 4px; }

.calendar-window_detail-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .calendar-window_detail-info__icon {
    -webkit-box-flex: 0;
            flex: none;
    font-size: 0;
    margin-right: 11px; }
  .calendar-window_detail-info__text {
    letter-spacing: 0.35px; }

.edit-calendar__block {
  width: 45%; }
  .edit-calendar__block-el {
    margin-bottom: 20px; }

.edit-calendar__block {
  margin-right: 20px; }
  .edit-calendar__block:last-child {
    margin-right: 0; }

.edit-calendar-content {
  margin-top: 20px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .edit-calendar-content .edit-calendar__block-content {
    margin-top: 17px; }

.block-date {
  display: -webkit-box;
  display: flex; }
  .block-date-el {
    margin-right: 10px;
    border: 1px solid var(--dark-grey1);
    min-height: 50px;
    min-width: 120px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    font-weight: 300;
    font-size: 16px;
    color: var(--mid-grey);
    padding: 5px 5px; }
    .block-date-el:last-child {
      margin-right: 0; }

.calendar-week .calendar__body {
  margin: 0; }

.calendar-week .calendar__months .calendar__cell-text {
  padding-bottom: 11px;
  margin-bottom: 8px; }

.calendar-week .calendar__months .calendar__cell {
  vertical-align: bottom; }

.calendar-week .calendar__cell-day {
  font-family: var(--font-base);
  display: block;
  color: var(--main-black);
  font-size: 24px;
  font-weight: 400;
  margin-top: 8px; }

.calendar__row__tasks .calendar__cell {
  background-color: var(--main-grey);
  border-radius: 5px;
  vertical-align: middle; }

.calendar__cell__time-text {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  color: var(--main-black);
  min-height: 37px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }

.calendar__cell-task {
  vertical-align: top !important; }
  .calendar__cell-task-body {
    padding: 5px; }
  .calendar__cell-task.task-rowspan {
    position: relative; }
    .calendar__cell-task.task-rowspan .calendar__task:not(.task-rowspan-bottom) {
      position: absolute;
      top: 5px;
      right: 5px;
      left: 5px;
      bottom: 5px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      line-height: 1; }
    .calendar__cell-task.task-rowspan .task-rowspan-bottom-2 {
      position: absolute;
      left: 5px;
      right: 5px;
      bottom: 42px; }

.calendar__task {
  font-family: var(--font-base);
  border-radius: 5px;
  padding: 2px 3px;
  margin-bottom: 3px;
  min-height: 27px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .calendar__task-text {
    line-height: 1.1;
    font-size: 12px;
    font-weight: 500;
    color: var(--main-white); }
  .calendar__task:last-child {
    margin-bottom: 0; }
  .calendar__task.pink {
    background-color: var(--color-d8549b); }
  .calendar__task.blue {
    background-color: var(--color-38b2ff); }
  .calendar__task.green {
    background-color: var(--color-00ae8b); }
  .calendar__task.sea {
    background-color: var(--main-blue); }
  .calendar__task.salad {
    background-color: var(--color-8bc157); }
  .calendar__task.red {
    background-color: var(--color-e3452b); }
  .calendar__task.orange {
    background-color: var(--main-orange); }

.calendar-day .calendar__body {
  table-layout: auto; }

.calendar-day .calendar__cell-task {
  width: 100%; }

.calendar-day .calendar__task {
  -webkit-box-pack: start;
          justify-content: flex-start;
  padding: 5px 10px;
  min-height: 25px; }

.calendar-day .calendar__months .calendar__cell:first-child, .calendar-day .calendar__cell__time {
  min-width: 139px; }

.calendar-day .calendar__months .calendar__cell-text {
  padding-bottom: 9px;
  margin-bottom: 8px; }

.calendar-day .calendar__cell-task-body {
  padding: 9px 11px; }

.calendar-day .calendar__task-text {
  font-size: 14px; }

.calendar-day .calendar__cell-task.task-rowspan .calendar__task:not(.task-rowspan-bottom) {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.calendar-day .task-rowspan .rowspan-task-3 {
  min-height: 107px; }

.calendar-day .task-rowspan .rowspan-task-bottom-2 {
  margin-bottom: 44px !important; }

.calendar-day .task-rowspan .calendar__cell-task-body {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end; }

.calendar-day .task-rowspan .calendar__task {
  margin: 0;
  margin-right: 10px;
  width: 100%; }
  .calendar-day .task-rowspan .calendar__task:last-child {
    margin-right: 0; }

@media screen and (max-width: 1200px) {
  .calendar:not(.calendar-week) .calendar__months .calendar__cell-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--main-white);
    text-transform: uppercase;
    background-color: var(--main-blue);
    padding: 0;
    min-height: 55px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .calendar:not(.calendar-week) .calendar__days .calendar__cell-body {
    min-height: 55px; }
  .calendar:not(.calendar-week) .calendar__days .calendar__cell-text {
    font-size: 16px; }
  .calendar:not(.calendar-week) .calendar__body {
    border-spacing: 5px;
    margin: -5px; }
  .calendar:not(.calendar-week) .calendar__days .calendar__cell-body {
    border-radius: 2px; }
  .calendar:not(.calendar-week) .calendar__title {
    font-size: 18px;
    margin-bottom: 0 !important; }
  .calendar:not(.calendar-week) .calendar__top {
    display: -webkit-box !important;
    display: flex !important;
    -webkit-box-align: center;
            align-items: center; }
  .calendar:not(.calendar-week) .checboxes-square-block-el__text {
    font-size: 14px; }
  .calendar__cell-body__content .checboxes-square-block-el, .calendar__cell-body__content .calendar__cell-body__content__el_else {
    display: none; }
  .calendar__cell-body__content::after {
    content: '';
    position: absolute;
    top: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background-color: var(--main-black);
    border-radius: 100%; }
  .calendar__cell-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .calendar__cell.active .calendar__cell-body__content::after {
    background-color: var(--main-blue); }
  .calendar-window {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0 auto;
    margin-top: 30px;
    max-width: 420px; }
  .calendar-window .checboxes-square-block-el {
    margin-bottom: 20px; }
  .calendar__cell.selected {
    background-color: var(--main-orange); }
    .calendar__cell.selected .calendar__cell-text {
      color: var(--color-fafafa); }
    .calendar__cell.selected .calendar__cell-body__content::after {
      background-color: var(--color-fafafa); }
  .calendar-window-close {
    display: none; }
  .user-sidebar-body .calendar-miniature {
    display: none; }
  .calendar-page .lesson-content__tabs {
    display: none; } }

@media screen and (max-width: 700px) {
  .calendar:not(.calendar-week) .calendar__months .calendar__cell-text {
    min-height: 40px;
    font-size: 14px; }
  .calendar:not(.calendar-week) .calendar__days .calendar__cell-body {
    min-height: 40px; }
  .calendar__cell.active .calendar__cell-body {
    border: 2px solid var(--main-blue); }
  .calendar:not(.calendar-week) .calendar__days .calendar__cell-body {
    border-radius: 5px; }
  .calendar:not(.calendar-week) .calendar__title {
    font-size: 16px; }
  .calendar:not(.calendar-week) .calendar__body {
    border-spacing: 2px;
    margin: -2px; }
  .calendar-page-content {
    margin-top: 11px; }
  .calendar-window__content {
    margin-top: 15px; }
  .calendar-window .calendar__cell-body__content__el-time {
    font-size: 12px !important;
    display: block; }
  .calendar-window .checboxes-square-block-el {
    margin-bottom: 17px; }
    .calendar-window .checboxes-square-block-el:last-child {
      margin-bottom: 0; }
  .calendar-window_detail-el__title {
    font-size: 18px; }
  .calendar-window .calendar-window_detail-info {
    margin-top: 12px; }
  .calendar-window_detail-el__dec {
    margin-top: 0; }
  .calendar-window_detail-el__title {
    margin-bottom: 6px; }
  .calendar-window_detail .calendar-window__body {
    padding: 10px; }
  .edit-calendar-content {
    display: block; }
    .edit-calendar-content .edit-calendar__block {
      margin: 0;
      width: 100%; } }

.goals-competitions-content {
  margin-top: 20px; }

.competitions-new {
  margin: 0;
  margin-bottom: 25px; }

.popupFrame_competitions__content-info {
  font-size: 14px;
  font-weight: 300;
  color: var(--main-black);
  margin-top: 15px;
  line-height: 1.7;
  margin-bottom: 25px; }

.user-list {
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 1px; }
  .user-list .account-block__icon {
    border: none; }
  .user-list_orange {
    background-color: var(--color-ffeacd); }

.user-list-btns {
  display: -webkit-box;
  display: flex;
  font-size: 0; }

.user-list-btn {
  background-color: var(--main-white);
  box-shadow: 0 0 10px rgba(0, 0, 1, 0.03);
  border-radius: 100%;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 36px;
  height: 36px;
  -webkit-box-flex: 0;
          flex: none;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  margin-left: 10px; }
  .user-list-btn:hover {
    background-color: var(--main-blue); }
  .user-list-btn.link {
    background-size: 16px;
    background-image: url("../images/media-menu/link-blue.png"); }
    .user-list-btn.link:hover {
      background-image: url("../images/media-menu/link.png"); }
  .user-list-btn.remove {
    background-size: 20px;
    background-image: url("../images/post-media/remove.png"); }
    .user-list-btn.remove:hover {
      background-image: url("../images/post-media/remove-white.png"); }
  .user-list-btn.check {
    background-size: 20px;
    background-image: url("../images/post-media/fix.png"); }
    .user-list-btn.check:hover {
      background-image: url("../images/post-media/fix-white.png"); }

.popupFrame-defiance {
  max-width: 450px; }
  .popupFrame-defiance .popupFrame-body {
    padding: 0; }
  .popupFrame-defiance__top {
    background-color: var(--main-grey);
    padding: 15px 20px;
    padding-bottom: 5px; }
  .popupFrame-defiance__search {
    margin-top: 18px; }
  .popupFrame-defiance__users {
    margin-top: 10px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .popupFrame-defiance__body {
    background-color: var(--main-white);
    max-height: 490px;
    overflow-y: auto; }
  .popupFrame-defiance__bottom {
    background-color: var(--main-grey);
    padding: 15px 20px; }

.popupFrame-defiance-user {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 6.5px 12px;
  background-color: var(--main-blue);
  margin-right: 10px;
  margin-bottom: 10px; }
  .popupFrame-defiance-user__text {
    font-weight: 700;
    font-size: 14px;
    color: var(--main-white); }
  .popupFrame-defiance-user__close {
    width: 10px;
    height: 10px;
    -webkit-box-flex: 0;
            flex: none;
    margin-left: 10px;
    cursor: pointer;
    background: url("../images/close-white.png") no-repeat center/contain; }

.popupFrame-defiance-user-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 20px; }
  .popupFrame-defiance-user-list__userBlock .account-block__name {
    margin-left: 15px; }

.goals-competitions-content__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .goals-competitions-content__content .goals-competitions-content-el {
    margin-right: 20px; }
    .goals-competitions-content__content .goals-competitions-content-el:last-child {
      margin-right: 0; }

.goals-competitions-content-el {
  max-width: 580px;
  width: 100%;
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 24px 30px; }
  .goals-competitions-content-el__title::after {
    max-width: 70px; }
  .goals-competitions-content-el__info {
    font-size: 16px;
    font-weight: 400;
    margin-top: 13px;
    line-height: 1.5;
    color: var(--main-black);
    margin-bottom: 12px; }
  .goals-competitions-content-el__border {
    border-top: 2px solid rgba(221, 221, 221, 0.5);
    padding: 17px 0; }
  .goals-competitions-content-el__goal {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .goals-competitions-content-el__goal-title {
      font-family: var(--font-title);
      font-size: 16px;
      font-weight: 400;
      color: var(--main-blue);
      margin-right: 18px; }
    .goals-competitions-content-el__goal-text {
      font-size: 16px;
      color: var(--main-black); }
    .goals-competitions-content-el__goal-icon {
      -webkit-box-flex: 0;
              flex: none;
      font-size: 0;
      margin-right: 20px; }
  .goals-competitions-content-el__info-block {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    .goals-competitions-content-el__info-block__el {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center; }
    .goals-competitions-content-el__info-block__title {
      font-family: var(--font-title);
      font-size: 16px;
      font-weight: 400;
      color: var(--main-blue);
      margin-right: 18px; }
    .goals-competitions-content-el__info-block__text {
      font-size: 16px;
      font-weight: 700;
      color: var(--main-blue); }
    .goals-competitions-content-el__info-block-end .goals-competitions-content-el__info-block__title, .goals-competitions-content-el__info-block-end .goals-competitions-content-el__info-block__text {
      color: var(--main-orange); }
  .goals-competitions-content-el__users {
    padding-bottom: 0; }
    .goals-competitions-content-el__users-title {
      font-size: 16px;
      margin-bottom: 29px; }

.goals-competitions-content-el-user {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px; }
  .goals-competitions-content-el-user:last-child {
    margin-bottom: 0; }
  .goals-competitions-content-el-user__userBlock .account-block__icon {
    margin-right: 8px;
    width: 40px;
    height: 40px; }
  .goals-competitions-content-el-user__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .goals-competitions-content-el-user__info-text {
      margin-right: 10px;
      text-transform: uppercase;
      color: var(--main-blue);
      font-size: 14px;
      font-weight: 700; }
      .goals-competitions-content-el-user__info-text_black {
        color: var(--main-black); }
    .goals-competitions-content-el-user__info-icon {
      -webkit-box-flex: 0;
              flex: none;
      font-size: 0;
      width: 20px;
      height: 20px; }
  .goals-competitions-content-el-user__body-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px; }
  .goals-competitions-content-el-user_off {
    opacity: 0.5; }
    .goals-competitions-content-el-user_off .goals-competitions-content-el-user__info-text {
      color: var(--main-black); }
  .goals-competitions-content-el-user.winner {
    box-shadow: 0 0 10px rgba(1, 88, 142, 0.1);
    background-color: var(--main-white);
    border-radius: 5px;
    padding: 7px 16px;
    margin-left: -16px;
    margin-right: -16px; }
    .goals-competitions-content-el-user.winner .account-block__name {
      color: var(--main-orange); }

.goals-competitions-content-el__info-block_time {
  padding: 9px 0; }

.goals-competitions-content-el-user-progress {
  -webkit-box-pack: start;
          justify-content: flex-start; }
  .goals-competitions-content-el-user-progress.goals-competitions-content-el-user_off {
    opacity: 0.2; }
  .goals-competitions-content-el-user-progress-info {
    font-weight: 700;
    font-size: 16px;
    color: var(--main-black); }
  .goals-competitions-content-el-user-progress .goals-competitions-content-el-user__body {
    width: 100%; }

.сhallenge-content {
  padding: 0; }
  .сhallenge-content__top {
    background-color: var(--color-e3452b);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .сhallenge-content__top-icon {
      width: 40px;
      height: 40px;
      -webkit-box-flex: 0;
              flex: none;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      margin-right: 20px;
      background-color: rgba(0, 0, 0, 0.2);
      font-size: 0; }
      .сhallenge-content__top-icon img {
        -webkit-box-flex: 0;
                flex: none; }
    .сhallenge-content__top-text {
      font-family: var(--font-title);
      font-weight: 400;
      font-size: 16px;
      color: var(--main-white); }
  .сhallenge-content__body {
    padding: 24px 30px; }
  .сhallenge-content__btns {
    display: -webkit-box;
    display: flex; }
  .сhallenge-content__btn {
    width: 100%;
    margin-top: 2px;
    border-radius: 0 0 5px;
    color: var(--main-white);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 10px 20px;
    min-height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    background-color: var(--main-blue);
    cursor: pointer; }
    .сhallenge-content__btn:first-child {
      margin-right: 2px;
      border-radius: 0 0 0 5px; }
    .сhallenge-content__btn.cancel {
      background-color: var(--main-orange); }

.popupFrame_competitions_accept .popupFrame-body, .popupFrame_competitions_reject .popupFrame-body {
  padding: 40px 40px; }

.popupFrame_competitions_accept .popupFrame-body__title, .popupFrame_competitions_reject .popupFrame-body__title {
  font-size: 24px;
  padding-bottom: 5px; }
  .popupFrame_competitions_accept .popupFrame-body__title::after, .popupFrame_competitions_reject .popupFrame-body__title::after {
    max-width: 110px; }

.popupFrame_competitions_accept_icon, .popupFrame_competitions_reject_icon {
  font-size: 0;
  text-align: center;
  margin-bottom: 10px; }

.popupFrame_competitions_accept .popupFrame-body__content, .popupFrame_competitions_reject .popupFrame-body__content {
  text-align: center; }

.popupFrame_competitions_accept .createCourse__btns, .popupFrame_competitions_reject .createCourse__btns {
  margin-top: 26px;
  margin-bottom: 0; }

.popupFrame_competitions_accept {
  max-width: 480px; }
  .popupFrame_competitions_accept .popupFrame-body__title {
    color: var(--main-blue); }
  .popupFrame_competitions_accept .popupFrame-body {
    border-color: var(--main-blue); }
  .popupFrame_competitions_accept .popupFrame-close {
    background-color: var(--main-blue); }

.popupFrame_competitions_reject {
  max-width: 480px; }
  .popupFrame_competitions_reject .popupFrame-body__title {
    color: var(--main-orange); }

.popupFrame_competitions-ok {
  max-width: 330px; }
  .popupFrame_competitions-ok .btn-form {
    margin-top: 24px; }

.winner-block {
  display: -webkit-box;
  display: flex; }
  .winner-block__icon {
    font-size: 0;
    margin-right: 10px; }

.textarea-block__textarea {
  font-family: var(--font-base); }

@media screen and (max-width: 1300px) {
  .goals-competitions-content-el {
    padding: 22px 20px; }
  .goals-competitions-content-el__info {
    font-size: 14px; }
  .goals-competitions-content-el__info-block__title, .goals-competitions-content-el__info-block__text, .goals-competitions-content-el__goal-text, .goals-competitions-content-el__goal-title, .goals-competitions-content-el__users-title {
    font-size: 14px; }
  .goals-competitions-content-el__info-block__title {
    margin-right: 9px; } }

@media screen and (max-width: 1200px) {
  .goals-competitions-content__content {
    flex-wrap: wrap; }
    .goals-competitions-content__content .goals-competitions-content-el {
      max-width: 100%;
      margin-right: 0;
      margin-bottom: 20px; } }

@media screen and (max-width: 1000px) {
  .goals-analitik-page .create-new {
    margin-bottom: 20px; }
  .chart-hover {
    max-width: 300px;
    padding: 10px;
    right: 5px; }
    .chart-hover .checkbox-el p {
      font-size: 14px; }
  .chart-hover-content-el {
    max-width: 130px; }
  .account-block__name {
    font-size: 14px; }
  .time-block-el__num {
    font-size: 30px; }
  .goals-competitions-content-el-user-progress-info {
    font-size: 14px; }
  .сhallenge-content__top-text {
    font-size: 14px; }
  .сhallenge-content {
    padding: 0; }
    .сhallenge-content .сhallenge-content__body {
      padding: 22px 20px; }
  .goals-competitions-content-el-user.winner {
    padding: 7px 12px;
    margin-left: -12px;
    margin-right: -12px; }
  .goals-competitions-content__content .goals-competitions-content-el {
    margin-bottom: 9px; }
  .block-navigation__el {
    font-size: 14px; }
  .goals-audit-content-el__top {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    .goals-audit-content-el__top .goals-audit-content-el__user {
      width: 100%;
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 2px solid rgba(221, 221, 221, 0.5); }
  .goals-audit-content-el {
    padding: 10px 20px; }
  .goals-audit-content-el__top-body {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    width: auto;
    margin: 0;
    padding: 0;
    border: none !important; }
    .goals-audit-content-el__top-body .goals-audit-content-el__top-time {
      -webkit-box-ordinal-group: 2;
              order: 1;
      display: block;
      font-size: 12px; }
    .goals-audit-content-el__top-body .goals-audit-content-el__text {
      -webkit-box-ordinal-group: 3;
              order: 2;
      display: block;
      font-size: 14px; }
  .goals-audit-content-el__top-time {
    margin-left: 0;
    font-size: 14px; }
  .goals-audit-content-el.active .goals-audit-content-el__body {
    margin-top: 10px;
    padding-top: 10px; }
  .goals-audit-content-table__title {
    font-size: 16px;
    margin-right: 23px; }
  .goals-audit-content-el__text {
    font-size: 14px; }
  .goals-audit-content-el__bottom {
    display: block; }
  .goals-audit-content-el__info {
    margin-left: 0; }
  .goals-audit-content-el__progress {
    margin-bottom: 10px; }
  .goals-audit-content-el__info .account-block .account-block__icon {
    margin-left: 41px; }
  .goals-audit-content-el__user .account-block__icon {
    -webkit-box-flex: 0;
            flex: none;
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px; }
  .info-contents .chart-hover-content-el__text {
    font-size: 14px; }
  .chart-hover-content-el__icon {
    width: 30px;
    height: 30px; }
    .chart-hover-content-el__icon img {
      width: 16px; }
  .chart-hover-content-el {
    min-height: 30px; }
  .info-contents .chart-hover-content-el {
    min-width: 60px;
    max-width: 60px; }
  .info-contents .chart-hover-content-el__body {
    padding-left: 30px;
    padding-right: 10px; }
  .goals-audit-content-el__body {
    padding-top: 10px;
    margin-top: 10px; }
  .goals-audit-content-table {
    display: block; }
    .goals-audit-content-table__tr {
      display: block;
      margin-bottom: 10px; }
    .goals-audit-content-table__cell {
      display: block; }
  .goals-audit-content-table__cell {
    padding-bottom: 10px; }
  .audit-comments__no-text {
    font-size: 16px; }
  .audit-comments-list__text {
    font-size: 14px; }
  .audit-comments-list {
    padding: 10px 10px; }
  .goals-audit-content-el__top-body .chart-hover__checkbox {
    -webkit-box-align: start;
            align-items: flex-start; }
  .goals-audit-content-el__top-body .chart-hover__checkbox + .goals-audit-content-el__top-time {
    padding-left: 40px;
    margin-top: -10px; }
  .goals-audit-content-el__top-body .checkbox-el p {
    font-size: 14px; }
  .goals-audit-content-table__tr:last-child {
    margin-bottom: 0; }
  .account-block-who {
    min-width: 140px;
    min-height: 40px; }
  .account-block-who__text {
    font-size: 14px; }
  .account-block-who::after {
    right: 23px; } }

@media screen and (max-width: 700px) {
  .popupFrame_competitions.popupFrame_competitions_accept .popupFrame-body__content, .popupFrame_competitions_reject .popupFrame-body__content {
    margin-top: 0; }
  .popupFrame_competitions.popupFrame_competitions_accept .btn-form, .popupFrame_competitions_reject .btn-form {
    margin-top: 16px; }
  .popupFrame_competitions.popupFrame_competitions_accept .small-info__text, .popupFrame_competitions_reject .small-info__text {
    margin-bottom: 16px; } }

@media screen and (max-width: 600px) {
  .competitions-new {
    margin-bottom: 20px; }
  .goals-audit-content-el__user {
    -webkit-box-flex: 1;
            flex: auto; }
  .block-date-el {
    min-height: 40px;
    font-size: 14px; }
  .popupFrame-defiance-user__text {
    font-size: 12px; }
  .goals-competitions-content-el {
    padding: 20px 13px; }
    .goals-competitions-content-el .goals-competitions-content-el__title {
      font-size: 14px; }
  .goals-competitions-content-el__info {
    margin-top: 10px; }
  .goals-competitions-content-el__info-block {
    flex-wrap: wrap; }
  .goals-competitions-content-el__info-block__el {
    margin-bottom: 9px; }
    .goals-competitions-content-el__info-block__el:last-child {
      margin-bottom: 0; }
  .goals-competitions-content-el-user__info {
    padding-left: 48px;
    margin-top: -20px; }
  .goals-competitions-content-el-user__info-text {
    font-size: 12px; }
  .goals-competitions-content-el-user {
    display: block; }
    .goals-competitions-content-el-user .account-block__name {
      padding-top: 5px; }
    .goals-competitions-content-el-user .account-block {
      -webkit-box-align: start;
              align-items: flex-start; }
  .сhallenge-content {
    padding: 0; }
  .сhallenge-content__top-icon {
    margin-right: 10px; }
  .сhallenge-content__top-body {
    padding: 2px 0; }
  .сhallenge-content .сhallenge-content__body {
    padding: 20px 13px; }
  .сhallenge-content__btn {
    padding: 10px 5px;
    font-size: 12px; }
  .goals-competitions-content-el__users-title {
    margin-bottom: 20px; }
  .goals-audit-content-el__top-time {
    font-size: 12px; }
  .goals-audit-content-table__title {
    font-size: 14px; }
  .progress-block__title {
    font-size: 14px; }
  .goals-audit-content-el__bottom .progress-block__title {
    margin-bottom: 4px;
    display: block; }
  .goals-audit-content-el__bottom .progress-block {
    display: block; }
  .goals-audit-content-el__info .account-block .account-block__icon {
    margin-left: 10px; }
  .goals-audit-content-el__info {
    display: block; }
    .goals-audit-content-el__info .goals-audit-content-el__user {
      margin-bottom: 10px; }
  .info-contents .chart-hover-content-el:first-child {
    margin-left: 0; }
  .goals-audit-content-el__top .goals-audit-content-el__text {
    margin-right: 15px;
    max-width: 155px; }
  .goals-audit-content-table__cell {
    padding-bottom: 7px; }
  .audit-comments-list:not(.user-list) {
    display: block;
    position: relative; }
  .audit-comments-list__body {
    padding: 0;
    border: none;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(221, 221, 221, 0.5); }
  .audit-comments-list__time {
    font-size: 12px;
    position: absolute;
    top: 19px;
    right: 10px; }
  .audit-comments__no-text {
    margin-top: 20px; }
  .audit-comments__content .base-comments + .create-new {
    margin-top: 20px; }
  .base-comment.lesson-content__chat-el .lesson-content__chat-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px; }
  .goals-audit-content-el__top.no-user {
    position: relative;
    padding-top: 22px; }
    .goals-audit-content-el__top.no-user .goals-audit-content-el__top-body-right .goals-audit-content-el__top-time {
      position: absolute;
      top: 0;
      right: 0; }
    .goals-audit-content-el__top.no-user .chart-hover__checkbox .checkbox_big .checkbox-dec {
      width: 20px;
      height: 20px;
      border: 3px solid var(--dark-grey2); }
  .goals-audit-content-el__top-body .chart-hover__checkbox + .goals-audit-content-el__top-time {
    padding-left: 30px;
    margin-top: 0; }
  .account-block-who {
    top: 0;
    right: auto;
    left: 110px;
    border-radius: 5px;
    min-height: 30px; }
  .account-block-who::after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
    right: auto;
    left: -11px; } }

.goals-games-page .wrap-content-main__content {
  margin-top: 27px; }

.goals-games-page .tools-tabs {
  margin-bottom: 15px; }

.goals-games-page .create-new {
  margin-top: 0;
  margin-bottom: 24px; }

.goals-games-content {
  margin-top: 20px; }

.goals-games-content__body {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -25px;
  margin-top: 29px; }
  .goals-games-content__body .games-content {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 50px; }

.games-content .command-info-block {
  margin-top: 18px; }

.games-content .account-block__icon {
  margin-right: 10px; }

.games-content__top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.games-content .points {
  padding-top: 8px;
  width: 20px; }
  .games-content .points.active span {
    background-color: var(--main-black); }

.goals-competitions-content-el__audit {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
  padding-bottom: 0; }
  .goals-competitions-content-el__audit-el {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }

.game-popUp-command {
  max-width: 660px; }
  .game-popUp-command .popupFrame-body__title {
    text-align: left;
    font-size: 30px;
    margin-bottom: 20px; }
    .game-popUp-command .popupFrame-body__title::after {
      left: 0;
      -webkit-transform: none;
              transform: none; }
  .game-popUp-command .wrap-users__title {
    margin-top: 0; }

.popupFrame .goals-competitions-content-el {
  max-width: 100%; }

.popupFrame .goals-competitions-content-el__info {
  margin-bottom: 0; }

.games-content-btn {
  padding: 0; }
  .games-content-btn__body {
    padding: 24px 30px; }

.btn-block-el a {
  display: block;
  padding: 10px 20px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--main-white);
  background-color: var(--main-blue);
  border-radius: 0 0 5px 5px;
  -webkit-transition: .2s;
  transition: .2s;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .btn-block-el a:hover {
    background-color: var(--main-orange); }

.game-started {
  margin-top: 30px; }
  .game-started__goal-el {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .game-started__border {
    border-bottom: 2px solid rgba(221, 221, 221, 0.5);
    margin-bottom: 20px; }
  .game-started .goals-competitions-content-el__title {
    font-size: 24px; }
  .game-started .goals-competitions-content-el__info {
    margin-top: 21px; }
  .game-started__goal {
    margin-bottom: 30px; }
    .game-started__goal-top {
      min-height: 40px; }

.game-started__goal-contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -7.5px;
  margin-top: 20px; }

.game-started__goal-content {
  margin-left: 7.5px;
  margin-right: 7.5px;
  margin-bottom: 15px;
  background-color: var(--main-grey);
  max-width: 370px;
  width: 100%;
  padding: 17px 30px; }
  .game-started__goal-content .goals-competitions-content-el__goal-title {
    margin-bottom: 8px;
    margin-right: 0; }
  .game-started__goal-content .account-block__icon {
    margin-right: 10px; }
  .game-started__goal-content__body {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .game-started__goal-content__info {
    width: 24px;
    height: 24px;
    -webkit-box-flex: 0;
            flex: none;
    border-radius: 100%;
    background-color: var(--main-blue);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    cursor: pointer; }
    .game-started__goal-content__info img {
      -webkit-box-flex: 0;
              flex: none; }

.game-started-progress {
  background-color: var(--main-grey);
  padding: 16px 30px;
  margin-bottom: 8px; }
  .game-started-progress .account-block__icon {
    margin-right: 17px; }
  .game-started-progress.off {
    opacity: 0.3; }

@media screen and (max-width: 1000px) {
  .goals-commands-page .tools-tabs__el {
    padding-top: 9px;
    padding-bottom: 9px; }
  .goals-commands-page .create-new {
    margin-bottom: 20px; }
  .content-course.commands-content .content-course__title {
    margin-top: 0; }
  .game-popUp-command .popupFrame-body__title {
    font-size: 24px; }
  .goals-games-page .lesson-content__tabs-el a {
    font-size: 12px; }
  .goals-games-page .create-new {
    margin-bottom: 20px; }
  .command-info-block__title {
    font-size: 14px; }
  .command-info-block__info {
    font-size: 14px; }
  .game-started .goals-competitions-content-el__title {
    font-size: 18px; }
  .game-started__top .block-between {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .goals-games-page .game-started__goal-el {
    display: -webkit-box !important;
    display: flex !important;
    border-bottom: 2px solid rgba(221, 221, 221, 0.5);
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .goals-games-page .game-started__goal-el .time-block {
      margin-left: auto; }
  .game-started__goal-content {
    max-width: 100%; }
  .game-started-progress, .game-started__goal-content {
    padding: 16px 10px; } }

@media screen and (max-width: 700px) {
  .commands-content .command-info-block {
    margin-bottom: 20px; } }

@media screen and (max-width: 600px) {
  .popupFrame-body .block-checkboxes.offsetLeft {
    margin-left: 0; }
  .block-checkboxes__title {
    font-size: 14px; }
  .block-content-tile .content-course.commands-content {
    margin: 0;
    margin-bottom: 10px; }
    .block-content-tile .content-course.commands-content .content-course__top {
      padding: 20px 10px;
      padding-bottom: 0; }
    .block-content-tile .content-course.commands-content .content-course__body {
      padding: 0 10px; }
  .audit-comments-list__user {
    margin-right: 0; }
  .input-el__textarea {
    padding: 20px; }
  .games-content .base-content-table__menu-body {
    max-width: 260px;
    min-width: 260px; }
  .goals-games-content__body .games-content {
    margin-bottom: 10px; }
  .body-menu-search {
    left: -35px; }
  .games-content-btn__body {
    padding: 20px 10px; }
  .btn-block-el a {
    padding: 10px 5px; }
  .goals-games-page .game-started__goal-el {
    flex-wrap: wrap; }
  .goals-games-page .time-block {
    margin-left: 0;
    margin-top: 8px;
    width: 100%; }
  .goals-games-page .time-block-el:first-child {
    margin-left: 0; }
  .game-started-progress {
    display: -webkit-box;
    display: flex; }
  .goals-games-page .lesson-content__tabs-el a {
    font-size: 9px; } }

.properties-settigns-page .wrap-content-main__content {
  margin-top: 20px; }

.properties-settigns-page .wrap-content-main__info-text {
  font-size: 18px;
  font-weight: 400;
  color: var(--dark-black2);
  line-height: 1.7; }

.wrap-properties-settigns-content {
  margin-top: 54px; }

.properties-settigns-content-block {
  margin-bottom: 68px; }
  .properties-settigns-content-block .text-orange {
    margin-top: 8px; }

.properties-settigns-content__title {
  font-size: 24px;
  padding-bottom: 19px;
  margin-bottom: 23px; }
  .properties-settigns-content__title::after {
    max-width: 110px; }

.properties-settigns-content__text {
  font-family: var(--font-base);
  font-weight: 300;
  font-size: 16px;
  color: var(--dark-black2);
  line-height: 1.9;
  margin-bottom: 29px; }

.properties-settigns-content__table {
  margin: 0 -10px;
  margin-top: 19px; }
  .properties-settigns-content__table .btn-form {
    margin: 24px 0 0 11px; }

.popupFrame_confirmation .popupFrame-body__text {
  line-height: 1.5;
  margin-bottom: 30px;
  font-weight: 500; }

.properties-profile__title {
  margin-bottom: 27px; }

.properties-profile__btn {
  margin-top: 20px;
  max-width: 390px; }

.properties-profile-block {
  margin-bottom: 64px; }
  .properties-profile-block__body {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px; }
  .properties-profile-block .profile-block-inputs {
    padding-top: 5px;
    max-width: 440px;
    width: 100%; }
    .properties-profile-block .profile-block-inputs .properties-profile__btn {
      margin-left: auto; }
  .properties-profile-block__el {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 10px; }
  .properties-profile-block__inputs {
    margin-top: 34px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start; }
    .properties-profile-block__inputs .wrap-input {
      width: 100%; }
    .properties-profile-block__inputs .input-el {
      width: 100%;
      margin-right: 20px;
      margin-bottom: 0; }
      .properties-profile-block__inputs .input-el:last-child {
        margin-right: 0; }
  .properties-profile-block__text {
    font-size: 16px;
    color: var(--dark-black2);
    font-weight: 300;
    margin-top: 19px;
    line-height: 1.9; }

.properties-profile-block_domain .input-el {
  max-width: 590px; }

.properties-rules-page .title-dec_big {
  margin-bottom: 20px; }

.wrap-rules-content {
  margin-top: 66px; }

.rules-content-block {
  margin-bottom: 43px; }
  .rules-content-block .block-create-course {
    margin: 0;
    margin-bottom: 36px; }
  .rules-content-block__roles {
    -webkit-box-align: start;
            align-items: flex-start; }
    .rules-content-block__roles .rules-content {
      max-width: 580px; }

.rules-content {
  max-width: 370px;
  width: 100%; }
  .rules-content .content-course__body, .rules-content .content-course__top {
    padding-left: 30px;
    padding-right: 30px; }

.rules-content-resolution_border {
  border-top: 1px solid var(--color-e6e6e6); }

.rules-content-resolution__top {
  padding-top: 9px;
  padding-bottom: 9px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .rules-content-resolution__top-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: var(--main-blue); }
  .rules-content-resolution__top-arr {
    width: 24px;
    height: 24px; }

.rules-content-resolution__body {
  display: none;
  padding-top: 28px;
  margin-bottom: 12px; }

.rules-content-resolution__block {
  margin-bottom: 43px; }
  .rules-content-resolution__block:last-child {
    margin-bottom: 0; }

.rules-content-resolution__checkboxes {
  margin-top: 20px; }

.rules-content-resolution.active .rules-content-resolution__top {
  border-bottom: 1px solid var(--color-e6e6e6); }

.rules-content-resolution.active .rules-content-resolution__top-title {
  color: var(--main-orange); }

.rules-content-resolution.active .rules-content-resolution__top-arr {
  background-color: var(--main-orange);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.rules-content-resolution.active .rules-content-resolution__body {
  display: block; }

.rules-content-block__purpose .commands-content .content-course__text {
  margin-bottom: 0;
  font-size: 16px; }

.rules-content-block__purpose .commands-content .content-course__body {
  padding-top: 17px;
  padding-bottom: 17px; }

.popupFrame_rule .title-orange {
  margin-top: 26px;
  margin-bottom: 22px; }

.properties-referrals-page .wrap-content-main__content {
  margin-top: 23px; }

.properties-referrals-page .block-create-course {
  margin-top: 30px;
  margin-bottom: 0; }

.referrals-content-block {
  margin-bottom: 28px; }
  .referrals-content-block__body {
    margin-top: 29px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -25px;
    margin-right: -25px; }
    .referrals-content-block__body .referrals-content {
      margin-left: 25px;
      margin-right: 25px;
      margin-bottom: 50px; }

.referrals-content-text .referrals-content__text {
  margin-top: 3px; }

.popupFrame_rule-edit .wrap-checkboxes {
  margin-top: 30px;
  margin-bottom: 30px; }

.properties-page .title-dec_big {
  margin-bottom: 20px; }

.properties-actions-page .referrals-content-block {
  margin-bottom: 28px; }

.wrap-actions-content {
  margin-top: 60px; }

.actons-content {
  max-width: 370px; }
  .actons-content .title-decNorm {
    padding-bottom: 20px; }

.leftTitle-rightText {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .leftTitle-rightText__title {
    font-family: var(--font-title);
    font-size: 14px;
    color: var(--main-blue);
    margin-right: 7px; }
  .leftTitle-rightText__text {
    font-size: 16px;
    color: var(--main-black); }

.table-action__title {
  font-family: var(--font-base-black);
  font-size: 16px;
  color: var(--main-black); }

.table-action .user-info-table__name {
  padding-right: 10px; }

.table-action .user-info-table__cell {
  vertical-align: top; }

.table-action .leftTitle-rightText__title {
  margin-right: 0; }

.table-action .copy-block {
  margin-top: 17px; }

.copy-block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .copy-block__icon {
    font-size: 0;
    width: 14px;
    height: 16px;
    background: url("../images/copy.png") no-repeat center/contain;
    margin-right: 8px; }
  .copy-block__text {
    color: var(--dark-grey2);
    font-size: 14px;
    font-weight: 500; }

.popupFrame_actions .wrap-selects {
  margin-bottom: 26px;
  margin-top: 26px; }

.integrations-content-body {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-right: -25px; }
  .integrations-content-body .integrations-content {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 25px; }

.integrations-content-block .properties-settigns-content__text {
  margin-bottom: 16px; }

.integrations-content {
  max-width: 160px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .integrations-content__body {
    padding: 5px;
    border-radius: 5px 5px 0 0;
    background-color: var(--main-grey);
    padding-bottom: 16px;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-transition: .2s;
    transition: .2s; }
    .integrations-content__body-content {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center;
      height: 100%;
      padding: 15px 5px;
      padding-bottom: 0;
      text-align: center; }
  .integrations-content__img {
    font-size: 0;
    background-color: var(--main-white);
    height: 150px;
    min-height: 150px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .integrations-content__img img {
      -webkit-box-flex: 0;
              flex: none; }
  .integrations-content__title {
    font-family: var(--font-title);
    font-size: 18px;
    color: var(--main-blue);
    line-height: 1.2;
    -webkit-transition: .2s;
    transition: .2s; }
  .integrations-content__foot {
    margin-top: 2px;
    background-color: var(--main-grey);
    border-radius: 0 0 5px 5px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s; }
  .integrations-content-btn {
    cursor: pointer;
    padding: 15px 5px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 700;
    font-size: 12px;
    color: var(--dark-grey2);
    width: 100%;
    -webkit-transition: .2s;
    transition: .2s; }
  .integrations-content.active .integrations-content__body {
    background-color: var(--main-blue); }
  .integrations-content.active .integrations-content__foot {
    background-color: var(--main-blue); }
  .integrations-content.active .integrations-content__title {
    color: var(--main-white); }
  .integrations-content.active .integrations-content-btn {
    color: var(--main-white); }
  .integrations-content.orange .integrations-content__body, .integrations-content:hover .integrations-content__body {
    background-color: var(--color-ff9d00); }
  .integrations-content.orange .integrations-content__foot, .integrations-content:hover .integrations-content__foot {
    background-color: var(--color-ff9d00); }
  .integrations-content.orange .integrations-content__title, .integrations-content:hover .integrations-content__title {
    color: var(--main-white); }
  .integrations-content.orange .integrations-content-btn, .integrations-content:hover .integrations-content-btn {
    color: var(--main-white); }

.integrations-content-block {
  margin-bottom: 48px; }

.popupFrame_integrations .popupFrame-body__text {
  margin-bottom: 35px;
  line-height: 1.7; }
  .popupFrame_integrations .popupFrame-body__text .link {
    text-decoration: none !important;
    color: var(--main-blue); }

.properties-templates-page .wrap-content-main__content {
  margin-top: 23px; }

.properties-templates-page .btn-save {
  margin-top: 20px; }

.textarea-block_big .textarea-block__textarea {
  height: 250px; }

.block-template-logo {
  display: -webkit-box;
  display: flex; }
  .block-template-logo .profile-square {
    margin-right: 50px; }

.wrap-api-content {
  margin-top: 0; }

.api-content-block {
  margin-bottom: 64px; }

.over-content {
  max-width: 580px;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-bottom: 50px; }
  .over-content__text {
    font-size: 16px;
    color: var(--dark-black2);
    font-weight: 400;
    line-height: 1.5; }
  .over-content .content-course__body {
    padding-top: 11px;
    padding-bottom: 23px; }
  .over-content .block-over-btn {
    margin-top: 20px;
    display: -webkit-inline-box !important;
    display: inline-flex !important; }

@media screen and (max-width: 1200px) {
  .table-kinds__body {
    min-width: 75px; }
  .table-kinds__cell_title .table-kinds__text, .table-kinds__text {
    font-size: 12px; }
  .table-kinds__body {
    padding: 6px 10px; }
  .table-kinds__body {
    min-height: 30px; }
  .properties-settigns-content__table .btn-form {
    margin-top: 20px; }
  .properties-profile-block__body {
    display: block; }
  .profile-img-add.properties-profile-block__el {
    margin-bottom: 36px; }
  .properties-profile-block__el {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
            flex: auto; }
  .profile-img-add {
    width: 100%;
    max-width: 100%;
    -webkit-box-align: center;
            align-items: center; }
  .profile-img-add__text {
    text-align: left;
    margin: 0;
    margin-left: 20px; }
    .profile-img-add__text br {
      display: none; }
  .profile-img-add__img {
    width: 200px;
    height: 200px; }
  .properties-profile-block .profile-block-inputs {
    max-width: 100%;
    margin-left: 0;
    display: block; }
  .properties-profile-block__body {
    margin-left: 0;
    margin-right: 0; }
  .properties-profile-block__el {
    margin-left: 0;
    margin-right: 0; }
  .date-inputs__inp {
    height: 50px; }
  .user-info-table {
    margin: -10px 0;
    border-spacing: 0 10px; }
    .user-info-table .select_big select {
      height: 50px; }
  .properties-profile__btn {
    max-width: 240px;
    font-size: 14px; }
    .properties-profile__btn::after, .properties-profile__btn::before {
      display: none; } }

@media screen and (max-width: 1000px) {
  .link {
    display: inline-block !important; }
  #main-sec .properties-settigns-content__title {
    font-size: 20px; }
  .properties-settigns-page .wrap-content-main__info-text {
    font-size: 16px; }
  .properties-settigns-content__text, .text-orange {
    font-size: 14px; }
  .wrap-properties-settigns-content, .wrap-rules-content, .wrap-actions-content {
    margin-top: 35px; }
  .properties-settigns-content-block, .properties-profile-block, .integrations-content-block, .properties-templates-content-block, .api-content-block {
    margin-bottom: 40px; }
  .popupFrame_confirmation .popupFrame-body__text {
    margin-top: 20px; }
    .popupFrame_confirmation .popupFrame-body__text br {
      display: none;
      line-height: 1.2; }
  .properties-profile-block__inputs {
    display: block; }
    .properties-profile-block__inputs .input-el {
      margin-bottom: 20px; }
  .properties-profile-block__text {
    font-size: 14px; }
  body .rules-content .content-course__body {
    padding: 20px; }
  body .rules-content .content-course__top {
    padding: 20px;
    padding-bottom: 0; }
  body .rules-content .content-course__title {
    margin: 0; }
  .rules-content-resolution__checkboxes {
    margin-top: 15px; }
  .rules-content-resolution__block {
    margin-bottom: 30px; }
  .rules-content-resolution__body .btn-form {
    max-width: 180px; }
    .rules-content-resolution__body .btn-form::after, .rules-content-resolution__body .btn-form::before {
      display: none; }
  body .title-orange.title-dec {
    font-size: 20px; }
  .rules-content-resolution__block .content-course__title {
    font-size: 16px; }
  .referrals-content__link {
    display: block !important;
    font-size: 14px; }
  .referrals-content__link-info {
    font-size: 12px;
    margin-top: 5px; }
  .referrals-content__text {
    font-size: 14px; }
  .referrals-content__body {
    padding: 20px; }
  .referrals-content-block__body .referrals-content {
    margin-bottom: 20px; }
  .medium-small .btn-form {
    margin: 0 auto; }
  .popupFrame_rule-info {
    font-size: 14px; }
  .actons-content .title-decNorm {
    margin-bottom: 14px; }
  .user-info-table {
    margin: -18px 0;
    border-spacing: 0 18px; }
  .wrap-input__info {
    font-size: 14px; }
  .popupFrame_actions .input-el {
    margin-bottom: 20px !important; }
  .wrap-input .input-el {
    margin-bottom: 0 !important; }
  .properties-settigns-content__title {
    margin-bottom: 20px; }
  .integrations-content {
    max-width: 200px; }
  .integrations-content-body {
    margin-left: -20px;
    margin-right: -20px; }
  .integrations-content-body .integrations-content {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px; }
  .integrations-content__title {
    font-size: 16px; }
  .popupFrame_integrations .popupFrame-body__text {
    font-size: 14px;
    line-height: 1.2; }
    .popupFrame_integrations .popupFrame-body__text .link {
      margin: 0;
      font-size: inherit; }
  .properties-settigns-content__text {
    font-size: 14px; }
  .properties-api-page .block-content-tile {
    margin-left: 0;
    margin-right: 0; }
  .properties-api-page .over-content {
    margin-left: 0;
    margin-right: 0; }
    .properties-api-page .over-content .content-course__body {
      padding-top: 0; }
  .over-content__text {
    font-size: 14px; } }

@media screen and (max-width: 700px) {
  .rules-content-block__body, .wrap-commands-content {
    margin: 0 !important; }
  .rules-content {
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .rules-content .content-course__body {
      padding-top: 0; }
  .commands-content .content-course__text {
    margin-bottom: 17px; }
  .rules-content-resolution__body {
    padding-top: 20px;
    padding-bottom: 0; }
  .commands-content .content-course__body {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }
  .commands-content .content-course__text {
    margin-bottom: 20px !important; }
  .rules-content-block__purpose .commands-content .content-course__text {
    font-size: 14px; }
  .over-content .content-course__body {
    padding-bottom: 15px !important; } }

@media screen and (max-width: 600px) {
  .properties-settigns-page .wrap-content-main__info-text {
    font-size: 16px; }
  .table-kinds__cell:not(.table-kinds__cell-name) .table-kinds__body {
    min-width: 45px;
    max-width: 45px; }
  .table-kinds__cell_title .table-kinds__text, .table-kinds__text {
    font-size: 10px; }
  .table-kinds__body {
    min-height: 30px; }
  .table-kinds__cell_title:not(.table-kinds__cell-single) .table-kinds__text {
    white-space: normal;
    word-break: break-all;
    min-width: 35px; }
  .btn-form_small {
    font-size: 14px;
    max-width: 180px; }
  #main-sec .properties-settigns-content__title {
    font-size: 16px; }
  .properties-profile-block__el {
    display: block; }
  .profile-img-add__text {
    margin-left: 0;
    margin-top: 20px;
    font-size: 14px; }
  .properties-profile-page .input-el {
    margin-bottom: 30px; }
  .user-info-table:not(.table-action) {
    display: block; }
    .user-info-table:not(.table-action)__tr {
      display: block;
      margin-bottom: 15px; }
    .user-info-table:not(.table-action)__cell {
      display: block; }
    .user-info-table:not(.table-action) .user-info-table__name.user-info-table__cell {
      padding-right: 0;
      margin-bottom: 3px; }
  .user-info-table__name {
    font-size: 14px; }
  .date-inputs__inp {
    font-size: 14px; }
  .date-inputs__inp {
    margin-right: 5px; }
  .properties-profile__btn {
    margin-top: 10px; }
  .properties-profile-page .wrap-input-el, .properties-page .wrap-input-el {
    margin-top: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .properties-profile-page .wrap-input-el .input-el, .properties-page .wrap-input-el .input-el {
      margin-bottom: 0;
      margin-right: 11px; }
  .properties-profile-page .wrap-input-el .input-el__postfix, .properties-page .wrap-input-el .input-el__postfix {
    font-size: 16px; }
  .properties-profile-page .btn-save, .properties-page .btn-save {
    margin-left: auto;
    margin-right: auto; }
  .properties-settigns-content__title {
    margin-bottom: 35px; }
  body .title-orange.title-dec {
    font-size: 18px;
    margin-bottom: 0; }
  .rules-content-resolution__blocks .rules-content-resolution__title.content-course__title.title-dec {
    margin-top: 0; }
  .popupFrame-body .rules-content-resolution__top-title {
    text-transform: none; }
  .referrals-content__body {
    display: block; }
  .referrals-content__img {
    margin: 0 auto;
    margin-bottom: 23px; }
  .referrals-content__foot {
    flex-wrap: wrap;
    margin: 0; }
    .referrals-content__foot .content-course_mine-btn {
      width: 49%;
      margin-top: 2px; }
    .referrals-content__foot .content-course_mine-btn.copy {
      width: 100%;
      margin-right: 0; }
  .leftTitle-rightText {
    -webkit-box-align: start;
            align-items: flex-start; }
  .referrals-content-block__body .referrals-content {
    margin-bottom: 10px; }
  .referrals-content-block .properties-settigns-content__title {
    margin-bottom: 10px; }
  .table-action .table-action__title, .table-action .leftTitle-rightText__text {
    font-size: 14px; }
  .table-action .leftTitle-rightText__title {
    font-size: 12px; }
  .integrations-content {
    max-width: 135px; }
  .integrations-content-body {
    margin-left: -10px;
    margin-right: -10px; }
  .integrations-content-body .integrations-content {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px; }
  .properties-settigns-content__text {
    margin-bottom: 34px; }
  .properties-templates-content-block .properties-templates-content__title {
    margin-bottom: 20px; }
  .properties-settigns-content__title::after {
    max-width: 62px; }
  .properties-templates-page .properties-profile-block__inputs .input-el {
    margin-bottom: 30px; }
  .properties-templates-page .properties-templates-content__title {
    margin-bottom: 30px; }
  .properties-api-page .properties-settigns-content__title {
    margin-bottom: 20px; } }

.properties-scripts-page .wrap-content-main__content {
  margin-top: 16px; }

.properties-scripts-page .title-dec_big {
  margin-bottom: 0; }

.properties-scripts-page .wrap-content-main__info-text {
  margin-top: 27px; }

.scripts-content {
  margin-top: 20px; }
  .scripts-content__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-bottom: 17px; }
    .scripts-content__top .referrals__title {
      margin-bottom: 0; }
  .scripts-content__btns {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-flex: 0;
            flex: none; }
    .scripts-content__btns .scripts-content-btn {
      margin-right: 78px; }
      .scripts-content__btns .scripts-content-btn:last-child {
        margin-right: 0; }
  .scripts-content__search {
    width: 100%;
    max-width: 604px;
    margin-left: 20px; }
  .scripts-content .script {
    margin-top: 40px; }

.properties-script-avaliable-page .scripts-content__search {
  margin: 0;
  max-width: 100%; }

.properties-script-page .script-list__body {
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center; }

.script-list__body {
  min-height: 50px; }

.scripts-content-btn {
  margin: 0; }

.script-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px; }
  .script-list__btns {
    display: -webkit-box;
    display: flex; }
    .script-list__btns .student-list__btn {
      margin-left: 2px;
      margin-right: 0;
      width: 50px;
      height: 50px; }
  .script-list__body {
    background-color: var(--main-grey);
    border-radius: 5px;
    padding: 10px 28px;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transition: .2s;
    transition: .2s; }
  .script-list__name {
    font-family: var(--font-title);
    font-size: 18px;
    color: var(--main-blue);
    -webkit-transition: .2s;
    transition: .2s; }

.script-list:not(.answers-list) .script-list__body {
  cursor: pointer; }
  .script-list:not(.answers-list) .script-list__body:hover {
    background-color: var(--main-blue); }
    .script-list:not(.answers-list) .script-list__body:hover .script-list__name {
      color: var(--main-white); }
    .script-list:not(.answers-list) .script-list__body:hover .script-list__author {
      border-color: var(--main-white); }
      .script-list:not(.answers-list) .script-list__body:hover .script-list__author-text {
        color: var(--main-white); }

.popupFrame-script-add {
  max-width: 1200px; }

.popupFrame-script .input-el_nameTop {
  margin-bottom: 20px; }

.popupFrame-script .wrap-answers {
  margin-top: 20px; }

.script-list__body {
  -webkit-box-pack: justify;
          justify-content: space-between; }

.script-list__author {
  margin-left: auto;
  padding-left: 20px;
  margin-left: 20px;
  border-radius: 1px;
  border-left: 1px solid var(--color-d8d8d8);
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin-right: 22px;
  -webkit-transition: .2s;
  transition: .2s; }
  .script-list__author-text {
    color: var(--main-black);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    -webkit-transition: .2s;
    transition: .2s; }

@media screen and (max-width: 1200px) {
  .scripts-content-btn img {
    max-width: 16px;
    min-width: 16px; }
  .script-list {
    display: block; }
  .script-list__btns {
    margin-top: 2px; }
    .script-list__btns .student-list__btn {
      width: 100%;
      -webkit-box-flex: 1;
              flex: auto;
      min-width: 40px;
      height: 40px; }
  .script-list__body {
    padding: 15px 20px;
    min-width: 40px; }
  .script-list__name {
    font-size: 14px; }
  .scripts-content__top {
    display: block; }
  .scripts-content__search {
    margin: 0;
    margin-top: 10px; }
  .script-answer-body__name {
    font-size: 10.912px; }
  .script-answer {
    margin-right: 13.64px; }
  .script-answer-body-add__text {
    font-size: 9.548px; }
  .script-answer-body-add {
    padding: 6.82px 19.096px; }
  .script-answer-body-add {
    min-height: 34.1px; }
  .script-answer-body-add__icon {
    margin-right: 6.138px;
    max-width: 13.64px; }
  .script-answer-body__top {
    min-height: 34.1px; }
  .script-list__btns .student-list__btn {
    min-height: 27.28px;
    height: 27.28px;
    min-width: 27.28px;
    background-size: 17.05px; }
  .script-answer-body__top {
    padding: 6.82px 13.64px; }
  .script-create .answers-list__name {
    font-size: 9.548px; }
  .script-answer__in .script-answer-body__top {
    padding: 9.548px 13.64px; }
  .answers-list.script-create .script-list__body {
    min-height: 27.28px; }
  .script-arr {
    min-height: 13.64px; }
  .script-answers .script-create {
    margin-top: 13.64px; }
  .script-answers-line__arrows {
    margin-top: 13.64px;
    margin-bottom: 20.46px; }
  .script-answer__in {
    margin-top: 25.916px; }
  .script-answer-body__content {
    display: block; }
  .script-answer-body .script-answer-body-add {
    margin-top: 2px; } }

@media screen and (max-width: 1000px) {
  .properties-script-page .script-list__btns {
    margin-top: 10px; }
  .properties-script-page .referrals__title.properties-settigns-content__title + .script-list__btns .student-list__btn {
    width: 40px !important;
    height: 40px !important;
    -webkit-box-flex: 0;
            flex: none;
    background-size: 20px !important; }
  .script-list__body {
    display: block; }
  .script-list__author {
    -webkit-box-pack: start;
            justify-content: flex-start;
    margin: 0;
    padding: 0;
    border: none;
    margin-top: 8px; }
  .scripts-content-body .student-list__btn {
    min-width: 40px !important;
    height: 40px !important;
    background-size: 15px !important; }
    .scripts-content-body .student-list__btn.download {
      margin-left: 0; }
  .script-list__author-text {
    font-size: 14px; } }

@media screen and (max-width: 700px) {
  .scripts-content__btns {
    display: block;
    margin-bottom: 0; }
    .scripts-content__btns .scripts-content-btn {
      margin-right: 0;
      margin-bottom: 10px; }
  .properties-scripts-page .wrap-content-main__info-text {
    margin-top: 20px; }
  .script-list__body {
    padding: 15px 10px; }
  .script-list__btns .student-list__btn {
    min-height: 40px; }
  .input-el__textarea::-webkit-input-placeholder {
    font-size: 14px; }
  .input-el__textarea::-moz-placeholder {
    font-size: 14px; }
  .input-el__textarea:-ms-input-placeholder {
    font-size: 14px; }
  .input-el__textarea::-ms-input-placeholder {
    font-size: 14px; }
  .input-el__textarea, .input-el__textarea::placeholder {
    font-size: 14px; }
  .answers-list__name {
    font-size: 14px; }
  .script-create .answers-list__name {
    font-size: 14px; }
  .script-create .script-list__body {
    padding: 5px 20px; }
  .script-answer-body__name {
    font-size: 5.328px; }
  .script-answer {
    margin-right: 6.66px; }
  .script-answer-body-add__text {
    font-size: 4.662px; }
  .script-answer-body-add {
    padding: 3.33px 9.324px; }
  .script-answer-body-add {
    min-height: 16.65px; }
  .script-answer-body-add__icon {
    margin-right: 2.997px;
    max-width: 6.66px; }
  .script-answer-body__top {
    min-height: 16.65px; }
  .script-list__btns .student-list__btn {
    min-height: 13.32px;
    height: 13.32px;
    min-width: 13.32px;
    background-size: 8.325px; }
  .script-answer-body__top {
    padding: 3.33px 6.66px; }
  .script-create .answers-list__name {
    font-size: 4.662px; }
  .script-answer__in .script-answer-body__top {
    padding: 4.662px 6.66px; }
  .answers-list.script-create .script-list__body {
    min-height: 13.32px; }
  .script-arr {
    min-height: 6.66px; }
  .script-answers .script-create {
    margin-top: 6.66px; }
  .script-answers-line__arrows {
    margin-top: 6.66px;
    margin-bottom: 9.99px; }
  .script-answer__in {
    margin-top: 12.654px; }
  .script-answer-body__content {
    display: block; }
  .script-answer-body .script-answer-body-add {
    margin-top: 2px; }
  .script-arr::after {
    border-width: 0 3.33px 3.33px 3.33px; }
  .block-iconLeft-textRight.block-iconLeft-textRight_arr.scripts-content-btn img {
    width: 7px;
    min-width: 7px; } }

.command-groops-content-block {
  margin-bottom: 67px; }
  .command-groops-content-block .create-new {
    margin: 0;
    margin-bottom: 26px; }
  .command-groops-content-block .title-dec_big {
    margin-bottom: 21px; }

.btn-block-el_trasperent a {
  border-top: 2px solid var(--main-white);
  background-color: transparent;
  color: var(--dark-grey2); }
  .btn-block-el_trasperent a:hover {
    color: var(--main-white);
    background-color: var(--main-blue); }

.public-content-groop {
  max-width: 370px;
  width: 100%; }

.commands-content {
  width: 100%; }
  .commands-content .user-info-block {
    margin-bottom: 15px; }

.popupFrame_command-info .popupFrame-body__title {
  text-align: left;
  font-size: 30px;
  margin-bottom: 46px; }
  .popupFrame_command-info .popupFrame-body__title::after {
    left: 0;
    -webkit-transform: none;
            transform: none; }

.info-partner {
  display: -webkit-box;
  display: flex; }
  .info-partner__img {
    -webkit-box-flex: 0;
            flex: none;
    width: 140px !important;
    height: 140px !important;
    margin-right: 34px; }
  .info-partner__body {
    width: 100%; }
  .info-partner__title {
    font-family: var(--font-title);
    font-size: 24px;
    color: var(--black-grey);
    margin-bottom: 24px;
    display: block; }
  .info-partner__info-text {
    color: var(--black-grey);
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    display: block;
    margin-bottom: 30px; }

.command-structure-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }

.command-structure-top-content {
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 23px 30px;
  max-width: 370px;
  width: 100%; }
  .command-structure-top-content .small-arr-btn {
    margin: 0;
    margin-top: 10px; }
  .command-structure-top-content .user-info-block__title {
    font-size: 18px;
    margin-bottom: 13px; }
  .command-structure-top-content_search {
    max-width: 790px;
    margin-left: 25px; }
  .command-structure-top-content__search {
    background-color: var(--main-white); }
  .command-structure-top-content__info {
    color: var(--main-black);
    font-size: 16px;
    margin-top: 21px; }

.user-info-block-content-btn.users {
  background-size: 10px;
  background-image: url("../images/users.png"); }

.user-info-block-content-btn.arr {
  background-size: 10px;
  background-image: url("../images/arr-white.png"); }

.command-analitik-page .create-new {
  margin-top: 26px; }

.analytics-content__top {
  margin-bottom: 30px; }
  .analytics-content__top .select__el {
    max-width: 980px; }
  .analytics-content__top-text {
    margin: 0;
    margin-top: 20px;
    line-height: 1.2; }

.command-exchange-content {
  margin-top: 56px; }
  .command-exchange-content .btn-save {
    margin-top: 40px; }

@media screen and (max-width: 1200px) {
  .command-structure-top {
    display: block; }
  .command-structure-top-content {
    max-width: 100%;
    margin: 0;
    margin-bottom: 10px; }
  .structure__title-text {
    font-size: 12px; }
  .structure__body-count-text {
    font-size: 16px; }
  .user-info-block-content-btn {
    width: 20px;
    height: 20px;
    background-size: 5px; }
  .structure-el-content-user__userBlock .circle-icon {
    width: 30px;
    height: 30px; }
  .structure-el-content-user__btns .user-info-block-content-btn {
    margin-left: 3px; }
  .structure__count {
    min-width: 68px;
    width: 68px; }
  .structure-el-wrapper-structure-elements .structure-el {
    padding-left: 20px; }
  .structure-el-wrapper-structure-elements .structure-el__line {
    left: 3px; }
  .structure-el__line {
    top: 40px; } }

@media screen and (max-width: 1000px) {
  .wrap-content-main__content .wrap-command-groops-content {
    margin-left: 0;
    margin-right: 0; }
    .wrap-content-main__content .wrap-command-groops-content .commands-content {
      margin-left: 0;
      margin-right: 0; }
  .base-comment-content__icon.info-partner__img {
    display: block; }
  .info-partner__title {
    font-size: 20px; }
  .link_def {
    font-size: inherit; }
  .wrap-info-articles {
    display: block;
    margin: 0; }
  .content-course.info-article {
    margin: 0;
    margin-bottom: 20px;
    max-width: 100%;
    border-width: 6px;
    border-radius: 0; }
    .content-course.info-article .content-course__img {
      border-radius: 0; }
  .info-article .content-course__title {
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 16px;
    margin-top: 0 !important; }
    .info-article .content-course__title::after {
      display: none; }
  .info-article__date {
    font-size: 12px; }
  .info-article .content-course__text {
    font-size: 14px;
    line-height: 1.4; }
  .info-article .content-course__body {
    padding: 20px 20px; }
  .content-course.info-article {
    margin-bottom: 20px; }
  .info-articles-else {
    font-size: 14px;
    padding-top: 15px;
    margin-top: 15px;
    border-width: 2px; }
  .sidebar-content-articles-el__title {
    font-size: 14px; }
  .sidebar-content-articles-el__date {
    font-size: 10px; }
  .info-articles-page .title-dec_big {
    font-size: 20px; }
  .info-article-page__text {
    font-size: 14px;
    line-height: 1.5; }
  .info-article-page__body {
    margin-top: 20px; }
  .commands-content .content-course__top {
    padding: 20px 20px;
    padding-bottom: 0; }
  .commands-content .content-course__body {
    padding: 20px 20px; }
  .goals-statistics-content {
    margin: 0;
    display: block; }
    .goals-statistics-content .goals-statistic-content {
      margin: 0;
      margin-bottom: 10px;
      max-width: 100%; }
  .answers-list .script-list__btns .student-list__btn {
    min-width: 40px;
    height: 40px;
    background-size: 15px; }
  .answers-list .script-list__body {
    display: -webkit-box;
    display: flex; } }

@media screen and (max-width: 800px) {
  .structure-el-wrapper-structure-elements .structure-el-wrapper-structure-elements .structure-el-content-user__userBlock .circle-icon {
    display: none; } }

@media screen and (max-width: 700px) {
  .sidebar-content-mob-articles {
    padding: 0 20px; }
  .goals-statistics-content .commands-content .content-course__body {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }
  .goals-statistic-table {
    min-width: 0;
    width: 100%; }
  .goals-statistic-analitic__el {
    margin-right: 20px; } }

@media screen and (max-width: 600px) {
  .account-block__name {
    font-size: 14px !important; }
  .btn-block-el a {
    font-size: 14px; }
  .info-partner {
    display: block;
    position: relative; }
    .info-partner .info-partner__title {
      position: absolute;
      top: 33px;
      left: 115px; }
    .info-partner .info-partner-table {
      margin-top: 30px; }
  .info-partner__img {
    width: 100px !important;
    height: 100px !important; }
  .info-partner__title {
    font-size: 18px; }
  .info-partner-table {
    margin-right: 0;
    display: block; }
    .info-partner-table__tr, .info-partner-table__cell {
      display: block; }
    .info-partner-table__tr {
      margin-bottom: 24px; }
  .info-partner-table__cell-body {
    padding: 0; }
  .info-partner-block-content {
    display: block;
    margin-left: 46px;
    margin-top: -15px; }
  .info-partner-block {
    -webkit-box-align: start;
            align-items: flex-start; }
  .info-partner__info-text {
    margin-bottom: 20px; }
  .popupFrame_command-info .popupFrame-body__title {
    font-size: 20px;
    margin-bottom: 18px; }
  .user-list-btn {
    width: 30px;
    height: 30px;
    background-size: 14px !important; }
  .command-structure-top-content {
    padding: 15px 10px; }
  .command-structure-top-content .user-info-block__title {
    font-size: 16px; }
  .create-new.small-arr-btn .block-iconLeft-textRight__text {
    font-size: 16px; }
  .structure-el-content-user__userBlock .circle-icon {
    display: none; }
  .account-block__name {
    font-size: 11px !important; }
  .structure-el-content-user {
    padding: 15px 7px; }
  .structure__count {
    min-width: 48px;
    width: 48px; }
  .structure__body-count-text {
    font-size: 12px; }
  .structure-el-wrapper-structure-elements .structure-el-wrapper-structure-elements .structure-el {
    padding-left: 5px; }
  .structure-el-wrapper-structure-elements .structure-el-wrapper-structure-elements .structure-el__point {
    left: -15px; }
  .structure-el-wrapper-structure-elements .structure-el-wrapper-structure-elements .structure-el__line {
    left: -2px;
    top: 37px; }
  .structure-el-wrapper-structure-elements .structure-el-wrapper-structure-elements .structure-el__line-horizontal {
    width: calc(100% + 10px); }
  .structure-el-wrapper-structure-elements .structure-el-wrapper-structure-elements .structure-el-content::after {
    display: none; }
  .structure-el__line-horizontal {
    top: 25px; }
  .popupFrame_command-info .popupFrame-body__title {
    text-align: center; }
    .popupFrame_command-info .popupFrame-body__title::after {
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .popupFrame_command-info .popupFrame-body__content {
    text-align: center; }
    .popupFrame_command-info .popupFrame-body__content .info-partner__info-text a {
      display: block; }
  .structure-el-upstream {
    min-height: 0;
    margin-bottom: 10px; }
    .structure-el-upstream .structure-el-content {
      min-height: 50px;
      margin-bottom: 0; }
    .structure-el-upstream .circle-icon {
      display: block; }
  .structure-el-upstream__arr {
    height: 30px;
    bottom: 38px; }
  .structure-el-upstream .structure-el-content-user {
    padding: 5px 7px;
    padding-right: 10px; }
  .structure-el-upstream {
    margin-right: 0; }
  .analytics-content__top .select__name {
    font-size: 14px; }
  .analytics-content__top .analytics-content__top-text {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 0; }
  .command-exchange-content {
    margin-top: 28px; }
  .info-article .content-course__body {
    padding: 20px 10px; }
  .info-article .content-course__title {
    font-size: 16px; }
  .info-article__date {
    font-size: 10px; }
  .content-course.info-article {
    margin-bottom: 10px; }
  .info-articles-page .title-dec_big {
    font-size: 18px; }
  .goals-statistics-list-content {
    margin-top: 24px; }
  .goals-statistics-list-content__btns {
    display: block;
    margin-bottom: 0; }
    .goals-statistics-list-content__btns .goals-statistic-content-btn {
      margin-bottom: 10px; }
  .goals-statistics-list-content {
    margin-bottom: 40px; }
  .info-partner-block-content {
    text-align: left; } }

.task-page .block-iconLeft-textRight {
  margin: 0; }

.popupFrame-task .popupFrame-body__title {
  margin-bottom: 24px; }

.popupFrame-task-btn-bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 2px; }
  .popupFrame-task-btn-bottom .btn-form_small {
    max-width: 220px; }

.popupFrame-task-btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 24px; }
  .popupFrame-task-btn .block-iconLeft-textRight {
    margin: 0; }

.popupFrame-task-text {
  font-family: var(--font-base);
  color: var(--main-black);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4; }

.popupFrame-task-img {
  font-size: 0;
  text-align: center;
  margin-top: 27px;
  margin-bottom: 21px; }

.popupFrame-task__write-task {
  margin-top: 24px; }

.popupFrame-task .popupFrame-body {
  padding: 61px 65px; }

.popupFrame-task .wrap-tasks {
  margin-top: 24px; }

.popupFrame-task_tasks .popupFrame-body {
  padding-left: 35px;
  padding-right: 35px; }

.write-task-inp {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border: 1px solid var(--dark-grey1);
  height: 60px; }
  .write-task-inp__input {
    width: 100%;
    padding-left: 26px;
    padding-right: 20px;
    height: 100%;
    border: none;
    font-family: var(--font-base);
    font-size: 16px;
    letter-spacing: 0.4px; }
    .write-task-inp__input::-webkit-input-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .write-task-inp__input::-moz-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .write-task-inp__input:-ms-input-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .write-task-inp__input::-ms-input-placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
    .write-task-inp__input::placeholder {
      color: var(--dark-grey3);
      font-style: italic; }
  .write-task-inp__date {
    -webkit-box-flex: 0;
            flex: none;
    padding: 0 20px;
    margin: 10px 0;
    border-left: 1px solid var(--dark-grey1);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    min-width: 150px; }

.write-task-date {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  position: relative; }
  .write-task-date__icon {
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 8px;
    font-size: 0;
    width: 18px;
    height: 21px;
    cursor: pointer; }
    .write-task-date__icon svg {
      width: 100%;
      height: 100%; }
      .write-task-date__icon svg path {
        -webkit-transition: .2s;
        transition: .2s; }
  .write-task-date__text {
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer; }
  .write-task-date:hover .write-task-date__icon svg path {
    fill: var(--main-blue); }
  .write-task-date:hover .write-task-date__text {
    color: var(--main-blue); }
  .write-task-date__time-window {
    display: none;
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 20; }

.write-task__bottom {
  margin-top: 10px; }

.write-task-bottom {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center; }
  .write-task-bottom__btns {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .write-task-bottom__btns .btn-form {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0;
      width: 240px;
      font-size: 14px; }
  .write-task-bottom__btn {
    margin-right: 30px; }
  .write-task-bottom__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .write-task-bottom__action {
    margin-left: 20px; }
    .write-task-bottom__action:first-child {
      margin-left: 0; }

.time-window-addTime-inp {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  font-size: 0; }
  .time-window-addTime-inp__text {
    -webkit-box-flex: 0;
            flex: none;
    margin-right: 13px;
    white-space: nowrap;
    font-family: var(--font-base-semibold);
    font-size: 18px;
    color: var(--main-black); }
  .time-window-addTime-inp__input {
    display: block;
    width: 100%;
    height: 40px;
    background-color: var(--color-f8f8f8);
    border: 1px solid var(--dark-grey1);
    padding: 0 20px; }
    .time-window-addTime-inp__input::-webkit-input-placeholder {
      font-family: var(--font-base);
      font-size: 14px;
      font-weight: 300;
      color: var(--mid-grey); }
    .time-window-addTime-inp__input::-moz-placeholder {
      font-family: var(--font-base);
      font-size: 14px;
      font-weight: 300;
      color: var(--mid-grey); }
    .time-window-addTime-inp__input:-ms-input-placeholder {
      font-family: var(--font-base);
      font-size: 14px;
      font-weight: 300;
      color: var(--mid-grey); }
    .time-window-addTime-inp__input::-ms-input-placeholder {
      font-family: var(--font-base);
      font-size: 14px;
      font-weight: 300;
      color: var(--mid-grey); }
    .time-window-addTime-inp__input, .time-window-addTime-inp__input::placeholder {
      font-family: var(--font-base);
      font-size: 14px;
      font-weight: 300;
      color: var(--mid-grey); }

.user-sidebar-task__search {
  margin-bottom: 25px; }
  .user-sidebar-task__search .search-block__input {
    font-family: var(--font-base);
    font-size: 14px;
    letter-spacing: 0.35px; }

.user-sidebar-task__border {
  border-bottom: 1px solid var(--color-d8d8d8);
  padding-bottom: 30px;
  margin-bottom: 30px; }

.user-sidebar-task__block .block-rating-el {
  padding-left: 0; }
  .user-sidebar-task__block .block-rating-el:first-child {
    padding-top: 0; }
  .user-sidebar-task__block .block-rating-el:last-child {
    padding-bottom: 0; }

.user-sidebar-task__title {
  font-size: 24px;
  padding-bottom: 15px;
  margin-bottom: 20px; }
  .user-sidebar-task__title::after {
    max-width: 90px; }

.user-sidebar__content_task {
  padding: 56px 40px;
  padding-left: 0; }

.block-rating-taskSidebar .block-rating-el {
  padding-left: 0; }
  .block-rating-taskSidebar .block-rating-el:first-child {
    padding-top: 0; }
  .block-rating-taskSidebar .block-rating-el:last-child {
    padding-bottom: 0; }
  .block-rating-taskSidebar .block-rating-el .block-rating-el__icon svg path {
    -webkit-transition: .2s;
    transition: .2s; }
  .block-rating-taskSidebar .block-rating-el .block-rating-el__text {
    -webkit-transition: .2s;
    transition: .2s; }
  .block-rating-taskSidebar .block-rating-el:hover .block-rating-el__icon * {
    fill: var(--color-0870b0); }
  .block-rating-taskSidebar .block-rating-el:hover .block-rating-el__text {
    color: var(--color-0870b0); }

.sidebar-content-task {
  background-color: transparent;
  text-align: center; }
  .sidebar-content-task__block {
    background-color: var(--main-grey);
    margin-bottom: 10px; }
  .sidebar-content-task_padding {
    padding: 26px 15px; }
  .sidebar-content-task .calendar-miniature__body {
    margin-bottom: -10px; }
  .sidebar-content-task__borders {
    padding: 30px 0;
    padding-bottom: 0; }
  .sidebar-content-task__border {
    padding: 0 20px;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-d8d8d8); }
  .sidebar-content-task__title {
    margin-bottom: 16px; }
    .sidebar-content-task__title::after {
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
  .sidebar-content-task__closed {
    font-family: var(--font-base-semibold);
    color: var(--main-black);
    font-size: 18px;
    margin-bottom: 5px; }
  .sidebar-content-task__done {
    color: var(--main-orange);
    font-size: 14px;
    font-weight: 500; }
  .sidebar-content-task__goal {
    text-align: center;
    margin-top: 20px; }
  .sidebar-content-task__reached {
    font-weight: 500;
    font-size: 14px;
    color: var(--main-black);
    margin-top: 29px;
    margin-bottom: 12px; }
    .sidebar-content-task__reached-time {
      color: var(--lite-grey2);
      font-size: 12px; }
  .sidebar-content-task__done-wheek {
    margin-top: 20px;
    margin-bottom: -11px; }
  .sidebar-content-task__btn {
    padding: 9px 21px;
    text-align: left; }

.circle-progress {
  width: 100px;
  height: 100px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 50%;
  background-image: linear-gradient(-30deg, var(--color-d8d8d8) 50%, transparent 50%), linear-gradient(90deg, var(--color-d8d8d8) 50%, var(--color-ff9b01) 50%); }
  .circle-progress__body {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: var(--main-white);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .circle-progress__body img {
      -webkit-box-flex: 0;
              flex: none; }

.task-page__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .task-page__title-time {
    font-size: 18px;
    font-weight: 500;
    color: var(--main-black);
    margin-left: 25px; }

.task-page-content__img {
  text-align: center;
  margin-top: 25px; }
  .task-page-content__img .popupFrame-task-text {
    margin-top: 20px; }

.task-page-content__write-task {
  margin-top: 25px; }

.task-page-content__tasks {
  margin-top: 42px; }

.popupFrame-target .small-info__text {
  text-align: center; }

.popupFrame-target__select-tasks .select__el {
  max-width: 141px; }

.popupFrame-target .small-info__text {
  margin-bottom: 27px; }

.popupFrame-target .block-comment-input, .popupFrame-target .base-comments {
  margin-top: 30px; }

.popupFrame-target .block-iconLeft-textRight.addComment {
  -webkit-box-pack: center;
          justify-content: center; }

.sidebar-content-task-mob {
  display: none; }

.user-sidebar-task {
  margin-bottom: 30px; }

@media screen and (max-width: 1200px) {
  .sidebar-content-task-mob {
    display: block;
    margin-bottom: 40px; }
  .sidebar-content-task__border {
    text-align: center; }
  .sidebar-content-task__border, .sidebar-content-task__btn {
    padding-left: 0;
    padding-right: 0; }
  .task-page__title-time {
    font-size: 14px; }
  .wrap-content-main__content .write-task-date__time-window {
    right: 0; }
  .wrap-content-main__content .action-icon__window {
    right: 0; } }

@media screen and (max-width: 1000px) {
  .popupFrame-task-text {
    font-size: 16px; }
  .popupFrame-task-text {
    font-size: 16px; }
  .write-task-inp__input {
    font-size: 14px; }
  .write-task-date__text {
    font-size: 16px; }
  .write-task-bottom__btns .btn-form {
    width: 190px;
    margin-right: 20px; }
    .write-task-bottom__btns .btn-form::after, .write-task-bottom__btns .btn-form::before {
      display: none; }
  .time-window__date {
    text-align: left; }
  .popupFrame-defiance__title {
    font-size: 18px; }
  .popupFrame-defiance__search .dialog-list-search__inp {
    height: 50px;
    font-size: 16px; }
  .popupFrame-task_tasks .popupFrame-body {
    padding-top: 40px;
    padding-bottom: 40px; }
  .task-page-content-statistics-info__text, .task-page-content-statistics-info__count {
    font-size: 16px; }
  .btn-statistics__name {
    font-size: 14px; }
  .scrum-contents .scrum {
    margin-right: 15px; } }

@media screen and (max-width: 600px) {
  .write-task-bottom__btn {
    margin-right: 0; }
  .popupFrame-task .popupFrame-body {
    padding: 30px 20px; }
  .popupFrame-task-btn {
    margin-top: 10px; }
  .popupFrame-task-btn-bottom {
    margin-top: 10px; }
  .write-task-inp {
    height: 50px; }
  .write-task-inp__input {
    padding: 0 20px;
    padding-right: 10px; }
  .write-task-inp__date {
    min-width: 100px; }
  .write-task-inp__date {
    padding: 0 10px; }
  .write-task-date__text {
    font-size: 14px; }
  .write-task__bottom .write-task-bottom__btns .btn-form {
    height: 40px;
    font-size: 12px;
    width: 110px;
    font-size: 0;
    text-align: center;
    margin-right: 14px; }
    .write-task__bottom .write-task-bottom__btns .btn-form::after {
      display: block;
      position: static;
      background-color: transparent;
      height: auto;
      width: auto;
      content: 'добавить';
      font-size: 12px !important; }
  .write-task-bottom__action {
    margin-left: 11px; }
  .popupFrame-task-img img {
    max-width: 182px; }
  .write-task-date__time-window, .action-icon__window {
    right: -18px;
    left: auto; }
  .write-task-bottom__action.action-icon_shield .action-icon__window {
    right: -48px; }
  .write-task-bottom__action.action-icon_notification .action-icon__window {
    right: -79px; }
  .hint-blue-body {
    right: 0; }
  .write-task-bottom__action .hint-blue-body {
    display: none; }
  .task__btn {
    display: none; }
  .task {
    padding-left: 0; }
  .task__bottom {
    display: block; }
  .task__actions {
    margin-left: 0;
    width: 100%;
    -webkit-box-pack: start;
            justify-content: flex-start; }
  .progress-block__line {
    margin-bottom: 5px; }
  .task__body {
    padding: 10px 10px; }
  .task__actions {
    padding-right: 100px; }
  .task__top-right {
    position: absolute;
    bottom: 10px;
    right: 10px; }
  .task__border {
    padding: 0;
    margin: 0;
    border: none;
    margin-top: 10px; }
  .task {
    text-align: left; }
  .popupFrame-task_tasks .popupFrame-body {
    padding-left: 10px;
    padding-right: 10px; }
  .wrap-tasks-block {
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .task-window {
    width: 300px;
    min-width: 300px;
    right: -10px; }
  .task-window-time-el__name {
    margin-right: 0px; }
  .task-page__title-time {
    font-size: 12px; }
  .task-page-content__img {
    text-align: center; }
    .task-page-content__img img {
      max-width: 182px; }
  .wrap-content-main__content .action-icon_notification .action-icon-window.action-icon__window {
    right: -69px; }
  .wrap-content-main__content .write-task-bottom__action.action-icon_shield .action-icon__window {
    right: -35px; }
  .wrap-content-main__content .write-task-date__time-window {
    right: -4px; }
  .task__executor {
    margin-right: 20px; }
  .task-executor__icon {
    width: 24px;
    height: 24px; }
  .task__actions {
    margin-top: 5px; }
  .wrap-task__tasks {
    margin-left: 20px; }
  .wrap-tasks-block-date .task-page__title-time {
    font-size: 16px; }
  .wrap-tasks-block-date__text {
    margin-bottom: 7px; }
  .wrap-tasks-block-date {
    margin-bottom: 30px; }
  .task-closed__name {
    font-size: 14px; }
  .task-closed__date-text {
    font-size: 10px; }
  .task-closed__body {
    padding: 12px 10px; }
  .task-closed__date {
    text-align: right;
    margin-left: 15px;
    -webkit-box-flex: 1;
            flex: 1; }
  .task-closed__icon {
    margin-right: 10px; }
  .task-closed {
    min-height: 1px; }
  .task-page-content-statistics__tabs {
    margin-top: 10px; }
  .task-page-content-statistics-content__goal-content .goal-circle__title {
    font-size: 16px; }
  .task-page-content-statistics-content__goal-content .goal-circle__info {
    font-size: 14px; }
  .task-page-content-statistics-content__goal-content {
    text-align: center; }
  .task-page-content-statistics-content__goal {
    display: block; }
  .task-page-content-statistics-content__goal-chart .circle-progress {
    display: -webkit-box;
    display: flex;
    width: 100px;
    height: 100px;
    margin: 0 auto; }
  .task-page-content-statistics-content__goal-chart {
    margin-right: 0; }
  .task-page-content-statistics-content__goal-chart .circle-progress__body {
    width: 90px;
    height: 90px; }
  .task-page-content-statistics-content__goal-content .goal-circle__title {
    margin-bottom: 20px;
    margin-top: 20px; }
  .task-page-content-statistics-content__goal-content .goal-circle__btn {
    margin-top: 20px; }
  .task-page-content-statistics-info__block {
    min-width: 1px;
    width: 100%; }
  .task-page-content-statistics-info__block {
    margin-right: 0;
    padding-right: 20px; }
  .popupFrame-target .popupFrame-body__wrap-btns button {
    display: block; } }

.scrum-page-content {
  margin-top: 54px; }

.wrap-scrum-contents {
  overflow-x: auto;
  width: 100%;
  max-width: 69vw;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 150vh; }

.scrum-contents {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  flex-wrap: nowrap; }
  .scrum-contents .scrum {
    margin-right: 20px; }

.scrum {
  background-color: var(--main-blue);
  border-radius: 5px;
  background-color: var(--main-blue);
  padding: 11px 10px;
  padding-bottom: 0;
  width: 300px;
  min-width: 300px;
  -webkit-box-flex: 0;
          flex: none; }
  .scrum__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid var(--color-005991);
    padding: 0 10px;
    padding-right: 0;
    padding-bottom: 10px; }
    .scrum__top-name {
      font-family: var(--font-title);
      font-size: 18px;
      font-weight: 400;
      color: var(--main-white); }
  .scrum__points {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: relative; }
    .scrum__points .points {
      width: 20px;
      height: 18px; }
      .scrum__points .points span {
        background-color: var(--main-white); }
    .scrum__points:hover, .scrum__points.active {
      background-color: var(--color-005991); }
    .scrum__points-window {
      display: none;
      position: absolute;
      z-index: 100;
      top: 29px;
      left: 9px; }
  .scrum__btn {
    padding: 14px 9px; }
  .scrum__add {
    padding: 17px 0;
    padding-bottom: 10px; }
  .scrum__body-elements {
    padding: 18px 0;
    padding-bottom: 0; }

.popupFrame-scrum-el {
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 15px 20px;
  padding-bottom: 10px; }
  .popupFrame-scrum-el__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center; }
  .popupFrame-scrum-el__name {
    font-size: 16px;
    color: var(--black-grey);
    display: inline-block;
    margin-right: 20px; }
  .popupFrame-scrum-el__actions {
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center; }
  .popupFrame-scrum-el__progress {
    margin-top: 14px;
    max-width: 100%; }
  .popupFrame-scrum-el .scrum-el__date {
    margin-right: 12px;
    -webkit-box-align: center;
            align-items: center; }
  .popupFrame-scrum-el .scrum-el__icon {
    margin: 0;
    margin-right: 14px; }
    .popupFrame-scrum-el .scrum-el__icon:last-child {
      margin-right: 0; }

.wrap-timeline-contents {
  position: relative; }

.timeline-text__text {
  font-family: var(--font-base-black);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 16px;
  color: var(--main-orange); }

.timeline-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--main-blue);
  position: absolute;
  top: 46px;
  left: 0; }

.timeline-contents {
  overflow-x: auto;
  width: 100%;
  max-width: 69vw;
  width: 100%;
  padding-top: 65px;
  padding-bottom: 10px;
  height: 150vh;
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-align: start;
          align-items: flex-start; }

.timeline-content {
  min-width: 210px;
  width: 210px;
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 15px 10px;
  padding-top: 14px;
  padding-bottom: 10px;
  margin-bottom: 15px; }
  .timeline-content__text {
    font-size: 16px;
    color: var(--black-grey);
    line-height: 1.2;
    margin-right: 5px; }
  .timeline-content__progress {
    margin-top: 6px; }
  .timeline-content_ended {
    opacity: 0.6; }
  .timeline-content_not {
    background-color: var(--main-white);
    box-shadow: 0 0 21px rgba(0, 0, 1, 0.1);
    text-align: center;
    padding: 10px 10px; }
    .timeline-content_not .timeline-content__text {
      margin: 0; }

.wrap-timeline-content {
  position: relative;
  margin-right: 40px; }
  .wrap-timeline-content__count {
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    background-color: var(--main-white);
    border: 2px solid var(--main-blue);
    border-radius: 100%;
    font-family: var(--font-base-black);
    letter-spacing: 0.35px;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--main-blue); }
    .wrap-timeline-content__count.active {
      color: var(--main-white);
      background-color: var(--main-blue); }

.wrap-timeline-content-combined {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
          align-items: flex-start;
  width: 500px;
  min-width: 500px; }
  .wrap-timeline-content-combined__el {
    margin: 0;
    max-width: 100%;
    min-width: 1px;
    width: 100%;
    margin-bottom: 15px;
    margin-right: 40px; }

@media screen and (max-width: 1000px) {
  .timeline-content {
    width: 180px;
    min-width: 180px; }
  .wrap-timeline-content, .wrap-timeline-content-combined__el {
    margin-right: 20px; }
  .wrap-timeline-content-combined__el {
    width: 100%; }
  .wrap-timeline-content-combined {
    min-width: 400px;
    width: 400px; }
  .wrap-scrum-contents, .timeline-contents {
    margin-right: 0;
    max-width: 100%; } }

@media screen and (max-width: 600px) {
  .scrum-add__points-window {
    left: auto;
    right: -20px; }
  .scrum-add__points-window .block-rating-el__window {
    right: 0;
    left: auto; }
  .scrum__points-window {
    left: auto;
    right: -20px; } }

.target-page .goals-analitik-content {
  margin-top: 26px; }

.target-add {
  background-color: var(--main-grey);
  border-radius: 5px;
  padding: 24px 30px;
  padding-bottom: 30px;
  margin-bottom: 10px; }
  .target-add__input {
    margin-bottom: 22px; }
  .target-add-input {
    width: 100%; }
    .target-add-input .input-el_nameTop__question {
      background-color: var(--main-white);
      color: var(--color-0d73b2);
      cursor: pointer;
      -webkit-transition: .2s;
      transition: .2s; }
      .target-add-input .input-el_nameTop__question:hover {
        background-color: var(--main-blue);
        color: var(--main-white); }
    .target-add-input__inp {
      display: block;
      font-family: var(--font-base);
      background-color: var(--main-white);
      border: 1px solid var(--dark-grey1);
      width: 100%;
      height: 60px;
      padding: 0 28px; }
      .target-add-input__inp::-webkit-input-placeholder {
        color: var(--dark-grey3);
        font-style: italic; }
      .target-add-input__inp::-moz-placeholder {
        color: var(--dark-grey3);
        font-style: italic; }
      .target-add-input__inp:-ms-input-placeholder {
        color: var(--dark-grey3);
        font-style: italic; }
      .target-add-input__inp::-ms-input-placeholder {
        color: var(--dark-grey3);
        font-style: italic; }
      .target-add-input__inp::placeholder {
        color: var(--dark-grey3);
        font-style: italic; }
  .target-add__blocks {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: flex-start;
    flex-wrap: nowrap; }
  .target-add__block {
    width: 100%;
    margin-right: 47px; }
    .target-add__block:last-child {
      margin-right: 0; }
    .target-add__block .target-add-input {
      margin-bottom: 23px; }

.target-list {
  padding: 15px 20px; }
  .target-list__points {
    height: 40px;
    margin-left: 20px;
    position: relative; }
    .target-list__points .points {
      width: 20px; }
    .target-list__points-window {
      display: none;
      position: absolute;
      min-width: 350px;
      width: 350px;
      top: 34px;
      right: 0;
      z-index: 100; }
      .target-list__points-window .block-rating-el {
        padding-left: 17px;
        padding-right: 17px; }
  .target-list__bottom {
    margin-top: 26px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .target-list_done {
    opacity: 0.4; }
    .target-list_done .chart-hover__checkbox p {
      text-decoration: line-through; }
  .target-list__body {
    border-top: 2px solid var(--color-e8e8e8);
    border-bottom: 2px solid var(--color-e8e8e8);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .target-list__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
  .target-list__border {
    border-bottom: 2px solid var(--color-e8e8e8);
    padding-bottom: 10px;
    margin-bottom: 10px; }

.popupFrame-target .popupFrame-body__wrap-btns {
  margin-bottom: 0; }

.popupFrame-target .target-add-checkboxes {
  margin-bottom: 40px; }

.popupFrame-target-smart .task-closed {
  margin-bottom: 20px; }

.popupFrame-target-smart .popupFrame-target-smart {
  margin-bottom: 23px; }

.popupFrame-target-smart .target-add-input {
  margin-bottom: 20px; }

.popupFrame-target-smart .popupFrame-target-smart__block-checkboxes {
  margin-bottom: 30px; }

.popupFrame-target-smart .select {
  margin-bottom: 20px; }

.popupFrame-target-smart .popupFrame-body {
  padding-left: 35px;
  padding-right: 35px; }

.popupFrame-target-smart-checkboxes {
  display: -webkit-box;
  display: flex; }
  .popupFrame-target-smart-checkboxes .checkbox-el {
    margin-right: 63px; }
    .popupFrame-target-smart-checkboxes .checkbox-el:last-child {
      margin-right: 0; }

.info-contents-long-el__title-icon {
  -webkit-box-flex: 0;
          flex: none; }

@media screen and (max-width: 1700px) {
  .target-add-checkboxes__el {
    margin-right: 12px; }
  .target-add-checkboxes {
    max-width: 380px; }
  .target-add-checkbox__dec {
    width: 21px;
    height: 21px; }
  .target-add-checkboxes__val {
    font-size: 15px; }
  .info-contents-long-el.off {
    min-width: 110px; }
  .info-contents-long-el {
    min-width: 150px; }
  .info-contents-long-el__title {
    min-width: 1px;
    white-space: nowrap; }
  .info-contents-long-el__body {
    -webkit-box-flex: 1;
            flex: 1; }
  .target-list__bottom {
    flex-wrap: wrap; }
  .info-contents-long-el, .info-contents {
    margin-bottom: 10px; }
  .info-contents .chart-hover-content-el {
    margin-left: 0; }
  .info-contents-long {
    flex-wrap: wrap; }
  .target-add__blocks {
    flex-wrap: wrap; } }

@media screen and (max-width: 1000px) {
  .target-add .input-el_nameTop__name {
    font-size: 14px; }
  .target-add .input-el_nameTop input {
    height: 50px;
    font-size: 14px; }
  .target-add__input {
    margin-bottom: 10px; }
  .target-add__block .target-add-input {
    margin-bottom: 10px; }
  .select-input__select {
    min-width: 120px;
    padding: 0 20px; }
  .target-add {
    padding: 24px 20px; }
  .target-list {
    padding: 10px 10px; }
    .target-list .goals-audit-content-el__top {
      flex-wrap: nowrap;
      -webkit-box-align: center;
              align-items: center; }
    .target-list .goals-audit-content-el__top-body .chart-hover__checkbox {
      -webkit-box-align: center;
              align-items: center; }
    .target-list .chart-hover__checkbox .checkbox_big .checkbox-dec {
      width: 24px;
      height: 24px; }
  .info-contents-long-el__title-text {
    display: none; }
  .info-contents-long-el__title {
    width: auto;
    min-width: 1px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center; }
  .info-contents-long-el__title-icon {
    margin-right: 0;
    width: 16px;
    height: 16px; }
  .info-contents-long-el {
    border-left: none; }
  .target-list__bottom {
    margin-top: 6px; }
  .info-contents-long-el__body {
    padding: 0 2px; }
  .info-contents-long-el {
    min-width: 55px; }
  .target-list .goals-audit-content-el__top-time {
    font-size: 12px; }
  .info-contents-long-el__text {
    font-size: 12px; }
  .target-add__blocks {
    display: block; }
  .target-add__block {
    margin-right: 0; }
  .target-add-checkboxes__el {
    margin-right: 12px; }
  .target-add__block .target-add-checkboxes {
    max-width: 380px; }
  .target-list-circle {
    width: 24px;
    height: 24px;
    border-width: 4px; }
  .target-list-wrap-circle__text {
    font-size: 14px; }
  .target-list .goals-audit-content-el__top-body .goals-audit-content-el__top-time {
    margin-left: 34px;
    font-size: 10px;
    margin-top: -9px; }
  .target-list .target-list-wrap-circle {
    -webkit-box-align: start;
            align-items: flex-start; }
  .info-contents-long {
    margin-bottom: -10px; }
  .info-contents {
    margin-bottom: 0; }
  .target-list__info {
    -webkit-box-align: start;
            align-items: flex-start; }
  .task-circle {
    width: 24px;
    height: 24px; }
  .task__name {
    font-size: 14px; } }

@media screen and (max-width: 600px) {
  .target-add-checkboxes {
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .target-add-checkboxes__el {
    margin-right: 2px; }
  .target-add {
    padding: 18px 10px; }
  .block-date-inp {
    font-size: 14px; }
  .select-input {
    display: block; }
  .select-input__select {
    width: 100%;
    margin-bottom: 10px; }
  .select-input__inp, .select-input__select {
    font-size: 14px; }
  .target-add__block .target-add-input {
    margin-bottom: 20px; }
  .target-add-checkboxes {
    padding: 0 3px; }
  .info-contents-long-el {
    min-width: 100px; }
  .target-list__points-window {
    right: -10px; }
  .target-list__points-window {
    width: 300px;
    min-width: 300px; }
  .target-list-wrap-circle__text {
    font-size: 14px; }
  .target-list-circle {
    width: 20px;
    height: 20px;
    border-width: 2px; }
  .target-list-circle * {
    width: 8px; }
  .target-list__points {
    margin-left: 10px; }
  .target-list .goals-audit-content-el__top-body .goals-audit-content-el__top-time {
    margin-left: 30px;
    margin-top: -5px; }
  .target-list__bottom {
    flex-wrap: nowrap;
    -webkit-box-align: start;
            align-items: flex-start; }
  .popupFrame-target-smart .popupFrame-body {
    padding-left: 10px;
    padding-right: 10px; }
  .popupFrame-target-smart .popupFrame-target-smart__block-checkboxes, .popupFrame-target-smart .input-el {
    margin-bottom: 17px; }
  .question-block__window {
    position: fixed;
    width: 100%;
    height: 50%;
    z-index: 100;
    border-radius: 0;
    -webkit-transform: none;
            transform: none;
    border: 2px solid var(--main-white);
    background-color: var(--main-blue);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    text-align: center;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto; }
  .question-block__window::after {
    display: none; }
  .question-block__text, .question-block .question-block__text {
    font-size: 16px; }
  .task-closed__date {
    -webkit-box-pack: end;
            justify-content: flex-end; }
  .task-circle {
    width: 20px;
    height: 20px;
    border-width: 2px; }
  .target-list .block-rating-el__window {
    left: auto;
    right: 0; } }


@media screen and (max-width: 1700px) {
  .wrap-top-line .block-user .block-user-body {
    right: auto;
    left: -15px; } }

@media screen and (max-width: 1440px) {
  .container {
    max-width: 1080px; }
  .user-page .container {
    max-width: 1380px; }
  .title-dec {
    font-size: 16px;
    padding-bottom: 11px; }
  .main-title {
    font-size: 80px; }
  .main-text {
    font-size: 32px; }
  .wrap-sec-header {
    padding-top: 170px;
    padding-bottom: 235px;
    padding-left: 91px; }
  .wrap-sec-header-content {
    padding: 32px 0;
    padding-bottom: 46px;
    max-width: 690px; }
  .wrap-sec-header-content .sec-header-content {
    left: -91px; }
  .wrap-sec-header-content .small-square {
    width: 90px;
    height: 90px; }
  .wrap-sec-header-content .lonk-square {
    width: 74%;
    height: 71px; }
  #main-sec .user-sidebar__top, #main-sec .top-menu, #main-sec .top-menu_nav, #main-sec .top-menu_ul, #main-sec .top-menu_item a {
    min-height: 40px; }
  #user-sidebar, .user-sidebar__top {
    min-width: 308px;
    max-width: 308px; }
  .user-sidebar__icon {
    min-width: 120px;
    min-height: 120px;
    max-width: 120px;
    max-height: 120px; }
  .user-sidebar__content {
    padding: 29px 20px;
    padding-left: 0; }
  .user-sidebar__mood {
    right: -150px; }
  .user-sidebar__icon + div {
    margin-top: 33px; }
  .user-sidebar__block {
    margin-bottom: 35px; }
  .wrap-btn-user {
    margin-bottom: 35px; }
  .user-sidebar__block > div:last-child {
    margin-bottom: 38px; }
  .user-sidebar__title {
    font-size: 24px;
    padding-bottom: 5px;
    margin-bottom: 17px; }
  .user-sidebar__title_small {
    font-size: 22px;
    padding-bottom: 13px; }
  .title-dec_big {
    font-size: 30px;
    padding-bottom: 14px; }
    .title-dec_big::after {
      max-width: 87px; }
  .wrap-content {
    margin-top: 25px; }
  .wrap-content-main {
    margin-left: 45px; }
  .sidebar-content {
    margin-top: 4px;
    max-width: 230px;
    min-width: 230px; }
  .sidebar-content__el {
    padding: 9px 10px; }
  .sidebar-content__gallery {
    padding: 15px 7px;
    padding-bottom: 7px; }
  .sidebar-content__gallery-top {
    -webkit-box-align: start;
            align-items: flex-start; }
  .sidebar-content__gallery-link {
    padding-top: 4px; }
  .sidebar-content__gallery-body {
    margin-left: -1.5px;
    margin-right: -1.5px; }
  .sidebar-content__gallery__el {
    max-width: 70px;
    max-height: 70px;
    min-width: 70px;
    min-height: 70px;
    margin-left: 1.5px;
    margin-right: 1.5px;
    margin-bottom: 3px; }
  .user-sidebar__block .wrap-btn-user {
    margin-top: 2px; }
  .block-user_sidebar .block-user_name span {
    font-size: 14px; }
  .block-user__mail {
    font-size: 12px; }
  .block-user .arr-right {
    margin-right: 36px; }
  .user-sidebar__block_filter {
    margin-top: 35px; }
  .sidebar-content__user-info__text {
    font-size: 12px; }
  .sidebar-content__user-info__icon {
    margin-right: 11px; }
  .logo img {
    max-width: 146px; }
  #top-line .top-menu_item a {
    padding-top: 13px;
    padding-bottom: 13px; }
  .wrap-content_noSidebar .wrap-content-main {
    margin-left: 44px; }
  .wrap-content-main__content {
    margin-top: 19px; }
  .lesson-content__question-title {
    font-size: 18px; }
  .lesson-content__bodies {
    margin-top: 43px; }
  .lesson-content__question-text br {
    display: none; }
  .content-lesson-course__top {
    margin-top: 34px; }
  .wrap-content {
    margin-top: 30px;
    padding-bottom: 100px; }
  .wrap-lesson-content {
    margin-top: 12px; }
  .lesson-content__title {
    font-size: 18px; }
  .lesson-content__video-main, .lesson-content__video-text {
    width: 49%; }
  .lesson-content__video .lesson-content__video-el {
    margin-top: 13px; }
  .lesson-content__video-el {
    /*height: 270px;*/ }
  .wrap-content-main__info-text {
    margin-bottom: 28px; }
  .block-content-tile {
    margin-top: 0; }
  .content-course {
    max-width: 315px; }
  .content-course__img {
    height: 170px; }
  .content-course .content-course__title {
    margin-top: 0; }
  .content-course__title {
    font-size: 18px; }
  .content-course__top {
    padding: 20px 7px 0 21px; }
  .content-course__body {
    padding: 25px 21px; }
  .content-course__text {
    margin-top: 15px; }
  .block-author_margin {
    margin-bottom: 20px; }
  .block-create-course {
    margin-bottom: 27px; }
  .lesson-top-title_course-btns {
    max-width: 316px; }
  .create-lesson-body.marginBigger {
    margin-top: 40px; }
  .create-lesson-body .select__el {
    max-width: 715px; }
  .create-lesson-body .wrap-selects {
    margin-bottom: 16px; }
  .wrap-content-lessons {
    margin-top: 5px; }
  .content-lesson {
    max-width: 230px; }
  .content-lesson__top {
    padding: 22px 20px;
    padding-bottom: 0; }
  .content-lesson__body {
    padding: 5px 20px; }
  .content-lesson__block-info h6 {
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 10px; }
  .content-course_mine-btn {
    padding: 12px; }
  .wrap-content-lessons {
    margin-left: -12.5px;
    margin-right: -12.5px; }
  .wrap-content-lessons .content-lesson {
    margin-left: 12.5px;
    margin-right: 12.5px; }
  .select__el {
    max-width: 700px; }
  .homework-create .wrap-selects:first-child {
    margin-bottom: 21px; }
  .homework-create .block-create-course {
    margin-bottom: 40px; }
  .homework-content__body {
    padding: 24px 19px; }
  .homework-content {
    max-width: 486px; }
  .homework-content__date {
    padding-top: 0; }
  .wrap-homework-content {
    margin-left: -12.5px;
    margin-right: -12.5px; }
  .wrap-homework-content .homework-content {
    margin-left: 12.5px;
    margin-right: 12.5px; }
  .homework-content__top .title-dec {
    font-size: 18px; }
  .wrap-homework-content .homework-content {
    margin-bottom: 28px; }
  .wrap-pagination {
    margin-top: 13px; }
  .homework-page_in .lesson-content__title {
    margin-bottom: 23px; }
  .homework-in-body {
    margin-top: 38px; }
  .wrap-communication {
    margin-top: 47px; }
  .homework-page_in .wrap-content-main__content {
    margin-top: 30px; }
  .block-variations-view {
    margin-bottom: 20px; }
  .block-content-list .content-course__title {
    font-size: 16px; }
  .block-content-list .content-course_list .content-course__author {
    margin-left: 0;
    margin-right: auto; }
  .block-content-list .content-course .content-course__title {
    min-width: 154px; }
  .block-content-list .content-course__media {
    margin-left: auto; }
  .block-content-list .content-course__btn a {
    font-size: 14px; }
  .block-content-list .content-course__btn a {
    min-width: 255px; }
  .wrap-content-main__content .wrap-content-main__info-text:first-child {
    margin-top: 33px; }
  .wrap-analytics-content {
    margin-top: 17px; }
  .analytics-content__filter {
    margin-right: 63px;
    margin-top: 13px;
    min-width: 253px;
    max-width: 253px; }
  .analytics-content__filter {
    padding: 17px 22px;
    padding-right: 20px; }
    .analytics-content__filter .title-dec {
      font-size: 18px; } }


  .over-content {
    max-width: 420px; }
      

@media screen and (max-width: 1200px) {
  .sidebar-content {
    display: none; }
  .sidebar-content-mob {
    display: block;
    margin-bottom: 40px; }
    .sidebar-content-mob .sidebar-content {
      display: block; }
  .user-sidebar__content {
    padding-bottom: 0; }
  .sidebar-content__el {
    border: none; }
  .sidebar-content__el.holiday {
    position: relative; }
    .sidebar-content__el.holiday * {
      position: relative;
      z-index: 10; }
    .sidebar-content__el.holiday::after {
      content: '';
      position: absolute;
      z-index: 1;
      height: 100%;
      width: 100px;
      top: 0;
      right: 100%;
      background-color: var(--verylight-blue); }
  .block-content-list .content-course_list {
    flex-wrap: wrap;
    margin-bottom: 21px; }
    .block-content-list .content-course_list .content-course__info {
      margin-right: 20px; }
    .block-content-list .content-course_list .content-course__title {
      margin-top: 0;
      font-size: 18px; }
    .block-content-list .content-course_list .content-course__media {
      margin-top: 6px;
      -webkit-box-ordinal-group: 4;
              order: 3; }
      .block-content-list .content-course_list .content-course__media-el {
        margin-right: 7px; }
    .block-content-list .content-course_list .content-course__text {
      width: 100%;
      margin-left: 52px;
      margin-top: -12px !important; }
    .block-content-list .content-course_list .content-course__author {
      width: 100%; }
    .block-content-list .content-course_list .content-course_list-body {
      padding: 10px 10px;
      padding-bottom: 13px; }
  .content-course_list .content-course__btn {
    width: 100%; }
  .content-course_list .content-course__btn a {
    padding: 13px 43px; }
  .content-course_list {
    flex-wrap: wrap; }
    .content-course_list .content-course__media {
      margin-top: 5px; }
    .content-course_list .content-course__media {
      -webkit-box-flex: 0;
              flex: none;
      flex-wrap: nowrap; }
  .wrap-content-lessons_list .content-course_list-body {
    flex-wrap: nowrap; }
  .content-course_list__text {
    display: block;
    margin-right: 30px; }
    .content-course_list__text .content-course__title {
      margin: 0 !important; }
    .content-course_list__text .content-course__text {
      font-size: 16px;
      line-height: 1.2;
      margin-top: 3px !important; }
    .content-course_list__text .content-course__author {
      margin-top: 5px; }
  .content-lesson__check {
    margin-right: 20px;
    -webkit-box-flex: 0;
            flex: none; }
  .content-course_list .content-course_list-body {
    -webkit-box-align: start;
            align-items: flex-start; }
  .wrap-content-lessons_list {
    margin-top: 0; }
  .wrap-content-lessons_list .content-course_list {
    margin-bottom: 20px; }
  .lesson-content__video {
    display: block; }
  .lesson-content__video-main, .lesson-content__video-text {
    width: 100%; }
  .lesson-content__video-el {
    /*max-width: 420px;*/
    /*height: 235px;*/
    margin-bottom: 18px;
    box-shadow: 0 0 10px rgba(0, 0, 1, 0.15); }
  .lesson-content__tabs-el a {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: normal;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    line-height: 1.2; }
  .popupFrame.medium .btn-form {
    font-size: 14px;
    height: 50px; }
  .popupFrame.medium .btn-form::after, .popupFrame.medium .btn-form::before {
    content: none; }
  .popupFrame.medium .wrap-btns-allWidth {
    margin-top: 32px; } }

@media screen and (max-width: 1000px) {
  body {
    padding-top: 80px; }
  body.user-page {
    padding-top: 120px; }
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 2px solid var(--main-blue); }
    header, header .wrap-head-top {
      height: 80px; }
  .wrap-head-top {
    position: static;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .top-menu {
    position: absolute !important;
    overflow-x: hidden;
    right: -383px;
    z-index: 999;
    max-width: 383px;
    width: 100%;
    overflow-y: auto;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: transparent; }
    .top-menu_ul {
      display: block;
      position: relative;
      background-color: var(--main-blue);
      min-height: calc(100vh - 80px);
      box-shadow: -4px 3px 10px rgba(0, 0, 0, 0.23);
      z-index: 10; }
    .top-menu_item a {
      padding: 12px 29px; }
    .top-menu .container {
      padding: 0;
      margin: 0; }
    .top-menu.active {
      right: 0; }
  .burger-mob {
    display: -webkit-box;
    display: flex; }
  .block-user-body {
    position: absolute;
    right: 0;
    max-height: calc(100vh - 80px);
    overflow-y: auto; }
  .block-user-body, .top-menu {
    top: 100%; }
  .top-menu {
    height: calc(100vh - 80px); }
  .user-page .top-menu {
    height: calc(100vh - 120px); }
    .user-page .top-menu_ul {
      min-height: calc(100vh - 120px); }
  .logo img {
    max-width: 125px; max-height: 50px; }
  .wrap-sec-header {
    padding-top: 160px;
    padding-bottom: 235px;
    padding-left: 59px;
    padding-bottom: 139px; }
  .wrap-sec-header-content {
    padding: 35px 0;
    padding-bottom: 46px;
    max-width: 491px; }
  .main-title {
    padding-bottom: 20px;
    font-size: 60px;
    margin-bottom: 37px; }
  .main-title::after {
    max-width: 150px; }
  .wrap-sec-header-content .sec-header-content {
    left: -63px; }
  .main-text {
    font-size: 28px; }
  .wrap-sec-header-content .small-square {
    width: 80px;
    height: 80px; }
  .wrap-sec-header-content .lonk-square {
    width: 56%;
    height: 61px; }
  .popupFrame {
    padding: 5px; }
  .popupFrame-body {
    border-width: 3px; }
  .popupFrame-body .popupFrame-close {
    top: -3px;
    right: -3px; }
  .popupFrame-body {
    padding: 35px 17px; }
  .popupFrame-body__title {
    padding-bottom: 6px;
    font-size: 24px;
    margin-bottom: 19px; }
  .popupFrame-body__text {
    font-size: 16px;
    line-height: 1.2; }
  .popupFrame-body__form {
    margin: 0 auto;
    margin-top: 40px;
    max-width: 390px; }
  .input-el {
    margin-bottom: 25px; }
  .input-el input {
    height: 58px; }
  .input-el input::-webkit-input-placeholder {
    font-size: 14px; }
  .input-el input::-moz-placeholder {
    font-size: 14px; }
  .input-el input:-ms-input-placeholder {
    font-size: 14px; }
  .input-el input::-ms-input-placeholder {
    font-size: 14px; }
  .input-el input, .input-el input::placeholder {
    font-size: 14px; }
  .checkbox-el {
    margin-bottom: 15px; }
  .checkbox-el p {
    text-align: left;
    font-size: 16px;
    line-height: 1.1; }
  .checkbox {
    margin-right: 9px; }
  .popupFrame-body__form-checkboxes {
    margin-top: 21px; }
  .popupFrame .btn-form {
    margin-top: 12px; }
  .reg .btn-form, .sign-in .btn-form, .recovery .btn-form {
    height: 61px;
    background-color: var(--main-orange);
    border: 3px solid var(--main-orange);
    color: var(--main-white); }
    .reg .btn-form::after, .reg .btn-form::before, .sign-in .btn-form::after, .sign-in .btn-form::before, .recovery .btn-form::after, .recovery .btn-form::before {
      background-color: var(--main-white); }
  .wrap-input-el .input-el__postfix {
    font-size: 16px;
    margin-left: 9px; }
  .user-sidebar__top {
    position: static;
    height: 40px; }
  .user-sidebar__user-name {
    font-size: 14px; }
  .user-sidebar__icon {
    min-width: 90px;
    min-height: 90px;
    max-width: 90px;
    max-height: 90px; }
  .user-sidebar__mood {
    width: 150px;
    bottom: -14px;
    right: -127px; }
  .user-sidebar__mood-text {
    font-size: 12px; }
  .user-sidebar__mood-icon {
    width: 30px;
    height: 30px;
    margin-right: 8px; }
  .user-sidebar__top::after {
    display: none; }
  #top-line {
    background-color: var(--menuclosed-blue); }
  .block-user .arr-right {
    margin: 0; }
  #user-sidebar, .user-sidebar__top {
    max-width: 240px;
    min-width: 240px; }
  .block-user_name {
    margin-right: 20px; }
  .user-sidebar__top {
    -webkit-box-pack: start;
            justify-content: flex-start; }
  .btn-user__icon {
    width: 30px;
    height: 30px; }
    .btn-user__icon img {
      max-width: 15px; }
  .btn-user__text {
    font-size: 14px; }
  .user-sidebar__icon + div {
    margin-top: 29px; }
  .user-sidebar__title {
    font-size: 20px;
    padding-bottom: 8px; }
    .user-sidebar__title::after {
      max-width: 60px; }
  .wrap-btn-user {
    margin-bottom: 26px; }
  .user-sidebar__content .btn-user_link .btn-user__icon {
    width: 24px;
    height: 24px;
    margin-right: 6px; }
    .user-sidebar__content .btn-user_link .btn-user__icon img {
      max-width: 6px; }
  .btn-user_link .btn-user__text {
    font-size: 14px; }
  .btn-user_link {
    margin-bottom: 14px; }
  .user-sidebar__block {
    margin-bottom: 25px; }
  .user-sidebar__block > div:last-child {
    margin-bottom: 25px; }
  .sidebar-content-mob {
    padding-top: 5px; }
  .sidebar-content__el {
    padding: 9.5px 3px;
    padding-right: 25px;
    margin-bottom: 0; }
  .sidebar-content__gallery {
    padding: 12px 0;
    padding-right: 30px; }
  .sidebar-content__gallery__el {
    max-width: 68px;
    max-height: 68px;
    min-width: 68px;
    min-height: 68px; }
  .title-dec_big {
    font-size: 24px;
    padding-bottom: 10px; }
    .title-dec_big::after {
      max-width: 60px; }
  .wrap-content-main {
    margin-left: 30px; }
  .media-menu__item-wrap {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px; }
  .media-menu__item-icon img {
    max-width: 19px;
    max-height: 19px; }
  .media-menu__item {
    margin-left: 10px; }
  .media-menu__item-count {
    font-size: 7px;
    min-width: 13px;
    min-height: 13px;
    max-height: 13px; }
  .media-menu__item_search {
    max-width: 180px;
    width: 100%; }
  .media-menu__item_search-btn {
    width: 40px;
    background-size: 19px; }
  .media-menu__item_search-inp {
    font-size: 12px;
    padding: 0 20px;
    padding-right: 35px; }
  .user-sidebar__content {
    padding-right: 15px; }
  .checkbox .checkbox-dec {
    width: 24px;
    height: 24px; }
    .checkbox .checkbox-dec span {
      width: 8px;
      height: 8px; }
  .user-sidebar__block_filter .user-sidebar__title {
    margin-bottom: 16px; }
  .user-sidebar__block_filter .checkbox-el {
    margin-bottom: 10px; }
  .sidebar-content__block {
    border: none;
    padding-left: 0;
    padding-right: 36px;
    padding-bottom: 14px; }
  .sidebar-users .media-menu__item-wrap {
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    margin-left: 28px; }
  #top-line .user-sidebar__top .block-user-body {
    left: -16px;
    max-height: calc(100vh - 120px); }
  #top-line {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 999; }
  .user-page_edit .block-user-body {
    top: 100%; }
  #top-line .burger-mob {
    position: absolute;
    right: 0; }
  .wrap-top-line {
    padding-right: 40px; }
  .block-navigation {
    margin-top: 0;
    padding-bottom: 27px;
    margin-bottom: 29px; }
  .block-navigation__el {
    margin-bottom: 21px; }
  .user-sidebar__block_filter .checkbox {
    margin-right: 8px; }
  .wrap-content {
    margin-top: 25px; }
  .wrap-content_noSidebar .wrap-content-main {
    margin-left: 32px; }
  .wrap-content-main__content .wrap-content-main__info-text:first-child {
    margin-top: 16px; }
  .wrap-content-main__info-text {
    font-size: 14px; }
  .block-content-tile .content-course {
    max-width: 100%; }
  .content-course__img {
    height: 228px; }
  .content-course__top {
    padding-top: 11px; }
  .content-course .content-course__title {
    margin-top: 20px; }
  .content-course__body {
    padding-top: 16px; }
  .content-course__text {
    font-size: 14px;
    line-height: 1.7; }
  .content-course__btn a {
    font-size: 14px; }
  .content-course__btn a {
    padding-top: 12px;
    padding-bottom: 12px; }
  .block-content-tile .content-course {
    margin-bottom: 21px; }
  .popupFrame_small .popupFrame-body__title {
    padding: 0 40px;
    padding-bottom: 13px;
    margin-bottom: 21px; }
  .popupFrame_small .popupFrame-body__text {
    padding: 0 20px; }
  .popupFrame_small .popupFrame-body__wrap-btns {
    margin-top: 42px; }
  .popupFrame-body__buy {
    margin-top: 11px; }
  .popupFrame-body__buy-title {
    font-size: 16px; }
  .popupFrame-body__buy-cost {
    font-size: 20px; }
  .block-iconLeft-textRight__icon {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px; }
    .block-iconLeft-textRight__icon img {
      max-width: 16px; }
  .block-iconLeft-textRight__text {
    font-size: 14px; }
  .lesson-top-title .title-dec {
    max-width: 273px;
    line-height: 1.2; }
  .title-dec_big {
    padding-bottom: 5px; }
  .content-lesson-course__top {
    margin-top: 21px; }
  .block-variations-view__el {
    margin-right: 6px; }
  .content-lesson-course__top {
    -webkit-box-align: start;
            align-items: flex-start; }
    .content-lesson-course__top .block-iconLeft-textRight {
      margin-top: 7px; }
  .wrap-content-lessons {
    margin-top: 0; }
  .content-lesson {
    max-width: 200px; }
  .wrap-content-lessons {
    margin-left: -9px;
    margin-right: -9px; }
  .wrap-content-lessons .content-lesson {
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 20px; }
  .content-lesson .content-course__text {
    margin-top: 10px; }
  .block-between {
    display: block; }
    .block-between > *:first-child {
      margin-bottom: 10px;
      display: inline-block; }
  .wrap-lesson-content {
    margin-top: 18px; }
  .lesson-content__tabs-el a {
    padding: 8px 5px; }
  .lesson-content__bodies {
    margin-top: 26px; }
  .lesson-content__video .lesson-content__video-el {
    margin-top: 0; }
  .lesson-content__video-el {
    margin-bottom: 0; }
  .lesson-content__video-main {
    margin-bottom: 15px; }
  .lesson-content__p, .lesson-content__video-text, .lesson-content__info {
    font-size: 14px;
    line-height: 1.75; }
  .lesson-content__h6 {
    font-size: 14px;
    margin-bottom: 28px; }
  .lesson-content__info .lesson-content__p {
    margin-bottom: 27px; }
  .lesson-content__info p, .lesson-content__info h6 {
    margin-bottom: 27px; }
  .lesson-content__question-count {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0; }
  .content-lesson-course .content-lesson-course__top {
    margin-top: 13px; }
  .lesson-content__title:not(.lesson-content__title_main) {
    font-size: 16px;
    /*margin-left: 52px;*/
    margin-bottom: 15px;
    min-height: 40px; }
  .lesson-content__question {
    position: relative;
    margin-bottom: 15px; }
  .lesson-content__question-text {
    margin-bottom: 27px; }
  .lesson-content__question-btn button {
    font-size: 16px; }
  .lesson-content__chat-text p {
    font-size: 14px;
    line-height: 1.6; }
  .lesson-content__chat-el {
    padding: 11px 20px;
    padding-bottom: 6px; }
  .lesson-content__chat-media {
    margin-top: 23px; }
  .content-lesson-course {
    margin-bottom: 31px; }
  .lesson-content__body .lesson-content__chat {
    padding-top: 17px; }
  .lesson-content__body > *:first-child {
    margin-left: 0; }
  .lesson-content__body > .title-dec:first-child {
    font-size: 18px; }
  .wrap-content-main__content {
    margin-top: 31px; }
  .popupFrame.createCourse {
    max-width: 100% !important; }
    .popupFrame.createCourse .popupFrame-body {
      text-align: left;
      padding-left: 39px;
      padding-right: 39px; }
    .popupFrame.createCourse .popupFrame-body__title {
      display: inline-block; }
    .popupFrame.createCourse .createCourse__body {
      margin-top: 44px; }
    .popupFrame.createCourse .popupFrame-body__title::after {
      left: 0;
      -webkit-transform: none;
              transform: none; }
  .block-addMeida__icon {
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    margin-right: 9px; }
  .block-addMeida__text {
    font-size: 14px; }
  .block-addMeida__info {
    margin-top: 9px; }
  .createCourse .select__el, .input-el_createCourse_cost {
    max-width: 351px; }
  .small-info__text {
    font-size: 16px; }
  .small-info .btn-form {
    margin-top: 26px; }
  .lesson-top-title:not(.lesson-top-title_flex-mob) {
    display: block; }
  .lesson-top-title_course-btns {
    max-width: 100%;
    margin-top: 20px; }
  .main-content__p {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 14px; }
  .block-create-course {
    margin-bottom: 17px; }
  .add-file-el__title {
    font-size: 14px; }
  .add-file-el__icon {
    margin-right: 11px; }
  .lesson-page .lesson-content__bodies {
    margin-top: 15px; }
  .create-lesson-body.marginBigger {
    margin-top: 28px; }
  .input-el input {
    height: 50px;
    padding: 0 20px; }
  .input-el_name, .textarea-block__name {
    font-size: 14px;
    left: 10px; }
  .textarea-block__textarea, .textarea-block_createCourse .textarea-block__textarea {
    padding: 22px 22px; }
  .textarea-block__textarea::-webkit-input-placeholder {
    font-size: 14px; }
  .textarea-block__textarea::-moz-placeholder {
    font-size: 14px; }
  .textarea-block__textarea:-ms-input-placeholder {
    font-size: 14px; }
  .textarea-block__textarea::-ms-input-placeholder {
    font-size: 14px; }
  .textarea-block__textarea, .textarea-block__textarea::placeholder {
    font-size: 14px; }
  .select__name {
    font-size: 16px; }
  .select__name {
    -webkit-box-flex: 1;
            flex: auto;
    margin-right: 6px; }
  .select__el select {
    font-size: 14px;
    padding: 0 17px; }
  .create-lesson-body .wrap-selects {
    margin-top: 16px; }
  .create-lesson-body .textarea-block {
    margin-bottom: 15px; }
  .input-el_info-text {
    font-size: 12px; }
    .input-el_info-text br {
      display: none; }
  .block-add-somth .block-create-course {
    margin-bottom: 4px; }
  .block-add-somth__body {
    margin-top: 6px; }
  .block-add-somth__el {
    max-width: 130px;
    min-width: 130px;
    height: 85px;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 15px; }
  .block-add-somth__body {
    margin-left: -7px;
    margin-right: -7px; }
  .popupFrame.addBlock {
    max-width: 680px !important; }
    .popupFrame.addBlock .select__name {
      -webkit-box-flex: 0;
              flex: none;
      margin-left: auto;
      margin-right: 20px; }
  .select__el {
    max-width: 480px; }
  .createCourse__btns {
    margin-top: 20px; }
  .homework-create .wrap-content-main__content {
    margin-top: 24px; }
    .homework-create .wrap-content-main__content .select__name {
      margin-right: 20px; }
  .homework-create .block-create-course {
    margin-bottom: 20px; }
  .wrap-content-main__content > *:first-child {
    margin-left: 0; }
  .homework-page .lesson-content__title {
    margin-bottom: 20px;
    padding-bottom: 7px;
    min-height: auto; }
  .homework-page .lesson-content__title_main {
    font-size: 16px;
    margin-bottom: 15px; }
  .homework-content {
    max-width: 100%; }
  .homework-page .wrap-student-content {
    margin-top: 10px; }
  .wrap-homework-content {
    margin-top: 20px; }
  .wrap-homework-content .homework-content {
    margin-bottom: 13px; }
  .homework-content__date {
    text-align: right; }
  .homework-content__top .title-dec br {
    display: none; }
  .homework-content__top .title-dec {
    font-size: 16px; }
  .content-course__author-title {
    margin-right: 10px; }
  .homework-page .lesson-content__title {
    display: inline-block; }
  .homework-answer__content {
    word-break: break-word; }
  .homework-in-body .homework-answer {
    margin-top: 0; }
  .homework-page .lesson-content__question .lesson-content__title {
    margin-bottom: 14px; }
  .homework-answer__title {
    font-size: 14px; }
  .homework-answer {
    padding: 20px 20px; }
  .homework-answer__content {
    margin-top: 5px; }
  .homework-answer__content {
    font-size: 14px;
    line-height: 1.2; }
  .homework-in-body .lesson-content__question {
    margin-bottom: 26px; }
  .homework-in-body .wrap-btns {
    margin-left: 0;
    max-width: 100%; }
    .homework-in-body .wrap-btns button {
      height: 50px; }
  .wrap-communication .chat-media-btn button {
    height: 50px;
    max-width: 212px; }
  .student-content {
    margin-top: 22px; }
  .search-block {
    border-width: 4px; }
  .search-block__input {
    height: 40px;
    padding-right: 5px; }
  .search-block__btn {
    background-size: 20px; }
  .student-content-list {
    margin-top: 11px; }
  .student-list__user {
    padding: 10px 12px; }
  .student-content-list .lesson-content__title {
    margin-left: 0;
    font-size: 18px;
    padding-bottom: 9px;
    min-height: 1px;
    margin-bottom: 12px; }
  .student-content-list {
    margin-bottom: 30px; }
  .popupFrame.popupFrame__info-student {
    max-width: 680px !important; }
  .popupFrame__info-student .popupFrame-body {
    padding: 34px 34px; }
  .popupFrame__info-student .popupFrame-body__content {
    margin-top: 20px; }
  .info-student-main__title {
    font-size: 14px; }
  .info-student-main__wrap {
    min-width: 270px; }
  .popupFrame__info-student .lesson-content__chat-body {
    margin-top: 18px; }
  .analytics-content {
    display: block; }
  .analytics-content__filter {
    max-width: 100%;
    min-width: 1px;
    width: 100%;
    margin-bottom: 29px; }
  .analytics-content__filter-name {
    font-size: 14px; }
  .analytics-content__filter-el {
    margin-bottom: 16px; }
  .title-calendar {
    font-size: 16px; }
  .analytics-content__chart-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .analytics-content__chart-top .title-calendar {
      margin-bottom: 0; }
  .block-arrows__el {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px; }
  .block-arrows__el::after {
    width: 4px;
    height: 8px; }
  .analytics-content__chart-main {
    margin-top: 10px; }
  .block-iconLeft-textRight_arr img {
    max-width: 7px; }
  .block-iconLeft-textRight_arr .block-iconLeft-textRight__icon {
    margin-right: 6px; } }

@media screen and (max-width: 768px) {
  .container, .user-page .container {
    max-width: 720px; }
  .content-lesson-course .content-lesson-course__top {
    display: block; }
  .content-lesson-course__top .block-info-succes-lesson {
    margin-top: 30px; }
  .block-variations-view {
    margin-top: 10px; }
  .wrap-content-lessons_mob-fill {
    margin-top: 14px; }
    .wrap-content-lessons_mob-fill .content-lesson {
      max-width: 100%; }
    .wrap-content-lessons_mob-fill .content-course_mine-btns_list {
      margin-top: 20px;
      display: -webkit-box;
      display: flex;
      position: relative; }
      .wrap-content-lessons_mob-fill .content-course_mine-btns_list::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 2px;
        background-color: var(--main-white); }
    .wrap-content-lessons_mob-fill .content-course_mine-btns_list .content-course_mine-btn {
      width: 50%; }
    .wrap-content-lessons_mob-fill .content-course__text {
      font-size: 16px;
      margin-top: 0; }
    .wrap-content-lessons_mob-fill .content-lesson__body {
      padding-right: 70px; }
  .select {
    flex-wrap: wrap; }
  .select__name {
    margin-left: 0;
    -webkit-box-flex: 0;
            flex: none;
    margin-bottom: 6px; }
  .info-student-main .info-student-main__wrap:first-child {
    margin-right: 20px; }
  .info-student-main {
    flex-wrap: wrap; } }

@media screen and (max-width: 700px) {
  .user-page .container {
    padding-left: 10px;
    padding-right: 10px; }
  .wrap-head-top {
    display: block;
    padding: 0; }
  header, header .wrap-head-top {
    height: auto; }
  header {
    border: none;
    height: 110px; }
  .top-menu_ul {
    border-top: 2px solid var(--main-blue); }
  .wrap-head-top {
    margin-left: -15px;
    margin-right: -15px; }
  .logo {
    margin-right: 0;
    text-align: center;
    padding: 15px 0; }
  .wrap-block-burger {
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .block-sign {
    padding: 0; }
  .burger-mob {
    margin: 0; }
  .popupFrame.push .popupFrame-body {
    padding-left: 20px;
    padding-right: 20px; }
  .block-sign_btn {
    margin: 0; }
  .top-menu__bg {
    top: 110px; }
  .top-menu, .block-user-body {
    height: calc(100vh - 110px);
    max-height: calc(100vh - 110px); }
  .top-menu_ul {
    min-height: calc(100vh - 110px); }
  .main-title {
    font-size: 36px;
    margin-bottom: 28px; }
  .wrap-sec-header {
    padding: 101px 0 61px 36px; }
  .wrap-sec-header-content {
    max-width: 260px; }
  .wrap-sec-header-content {
    padding: 22px 0 38px 0; }
  .wrap-sec-header-content .sec-header-content {
    left: -32px; }
  .wrap-sec-header-content .small-square {
    width: 40px;
    height: 40px; }
  .main-text {
    font-size: 20px;
    line-height: 1.2; }
  .wrap-sec-header-content .lonk-square {
    width: 82%;
    height: 28px; }
  .wrap-foot {
    display: block; }
  .foot-text {
    text-align: center;
    margin-bottom: 20px; }
  .wrap-design {
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 27px; }
  .block-user {
    position: relative;
    padding-left: 20px;
    width: 100%;
    max-width: 270px;
    padding-right: 30px; }
    .block-user .block-user_icon {
      -webkit-box-ordinal-group: 2;
              order: 1;
      width: 30px;
      height: 30px;
      position: static;
      margin-right: 9px; }
    .block-user .block-user_name {
      -webkit-box-ordinal-group: 3;
              order: 2; }
  .block-user_icon-arr {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0; }
  .block-user_name span {
    font-size: 16px; }
  .wrap-block-user {
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
            align-items: stretch; }
  .block-user.open .block-user_icon-arr {
    -webkit-transform: rotate(180deg) translateY(50%);
            transform: rotate(180deg) translateY(50%); }
  .block-user .block-user-body {
    right: auto;
    left: 0; }
  .block-user-body {
    min-width: 100vw;
    max-width: 100vw; }
  .block-user-body_info-text {
    font-size: 14px; }
  .block-user-body_info {
    padding-top: 15px;
    padding-bottom: 13px;
    padding-left: 20px;
    padding-right: 17px; }
  .block-user-body_btn-icon {
    width: 30px;
    height: 30px; }
    .block-user-body_btn-icon img {
      max-width: 15px; }
  .block-user-body_btn-text {
    font-size: 14px; }
  .block-user-body_btns {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 21px;
    padding-right: 21px; }
  .block-user-body_btn-wrap {
    margin-bottom: 10px; }
  .block-user-body_users-icon {
    width: 40px;
    height: 40px;
    margin-right: 9px; }
  .block-user-body_users-text h4 {
    font-size: 14px; }
  .block-user-body_middle, .block-user-body_info, .block-user-body_btns {
    padding-left: 20px;
    padding-right: 20px; }
  .block-user-body_middle {
    padding-top: 10px;
    padding-bottom: 11px; }
  .block-user-body_users-el {
    margin-bottom: 9px; }
  .block-user-body_bottom {
    padding-top: 12px; }
    .block-user-body_bottom .block-user-body_btn {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
              justify-content: space-between; }
    .block-user-body_bottom .block-user-body_btn-wrap {
      margin-bottom: 0; }
  .wrap-popup {
    padding: 0; }
  .popupFrame {
    max-width: 100% !important;
    padding: 0; }
  .popupFrame-body {
    border-width: 2px; }
  .popupFrame-body .popupFrame-close {
    width: 20px;
    height: 20px;
    top: -2px;
    right: -2px; }
    .popupFrame-body .popupFrame-close img {
      max-width: 10px; }
  .popupFrame-body {
    padding: 24px 20px; }
  .popupFrame-body__title {
    font-size: 20px;
    padding-bottom: 9px;
    margin-bottom: 10px; }
    .popupFrame-body__title::after {
      max-width: 60px; }
  .popupFrame-body__form {
    margin-top: 32px; }
  .input-el_name {
    top: auto;
    left: 0;
    bottom: 105%;
    -webkit-transform: none;
            transform: none;
    padding: 0;
    font-size: 14px;
    white-space: nowrap; }
  .input-el {
    margin-bottom: 24px; }
  .input-el input {
    height: 49px;
    padding: 0 19px; }
  .input-el input::-webkit-input-placeholder {
    font-size: 14px; }
  .input-el input::-moz-placeholder {
    font-size: 14px; }
  .input-el input:-ms-input-placeholder {
    font-size: 14px; }
  .input-el input::-ms-input-placeholder {
    font-size: 14px; }
  .input-el input, .input-el input::placeholder {
    font-size: 14px; }
  .wrap-input-el .input-el__postfix {
    font-size: 14px; }
  .checkbox .checkbox-dec {
    width: 20px;
    height: 20px; }
    .checkbox .checkbox-dec span {
      width: 6px;
      height: 6px; }
  .checkbox-el p {
    font-size: 14px;
    line-height: 1.2; }
  .btn-form::after, .btn-form::before {
    display: none; }
  .popupFrame .btn-form {
    margin-top: 0;
    font-size: 14px;
    height: 50px; }
  .popupFrame.sign-in .popupFrame-body__form {
    margin-top: 29px; }
  .popupFrame-body__links {
    margin-bottom: 20px; }
  .popupFrame-body__links_bigger {
    margin-top: 20px; }
    .popupFrame-body__links_bigger a {
      font-size: 16px; }
  body.user-page {
    padding-top: 140px; }
  #top-line {
    z-index: 1000; }
  #user-sidebar {
    position: fixed;
    top: 140px;
    right: -300px;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 20px rgba(0, 0, 1, 0.5);
    overflow-y: hidden;
    z-index: 999;
    max-width: 250px;
    max-height: calc(100vh - 140px);
    overflow-y: auto; }
    #user-sidebar.active {
      right: 0; }
    #user-sidebar::after {
      display: none;
      content: none; }
  .user-sidebar__content {
    padding: 20px 20px;
    padding-bottom: 0; }
  .sidebar-content-mob {
    padding-top: 0; }
  .sidebar-content__el.holiday::after {
    display: none; }
  .sidebar-content__el {
    padding: 10px 24px; }
  .sidebar-content__gallery {
    padding: 10px 20px; }
  .wrap-content {
    padding-bottom: 40px; }
  #top-line {
    top: 110px;
    -webkit-transition: .2s;
    transition: .2s;
    padding-left: 5px; }
    #top-line::after {
      content: '';
      position: absolute;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      top: 50%;
      right: 20px;
      width: 7px;
      height: 4px;
      background: url("../images/arr-white.png") no-repeat center;
      -webkit-transition: .2s;
      transition: .2s; }
    #top-line.active {
      background-color: var(--main-orange); }
      #top-line.active::after {
        -webkit-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg); }
  .user-sidebar__top {
    height: 30px; }
  .user-sidebar__user-name {
    font-size: 12px; }
  .title-dec_big {
    font-size: 20px; }
  .wrap-content-main {
    margin-left: 0; }
  .user-page .top-menu {
    height: calc(100vh - 140px); }
  .user-page .top-menu_ul {
    min-height: calc(100vh - 140px); }
  .media-menu__item-wrap {
    width: 34px;
    height: 34px;
    min-height: 34px;
    min-width: 34px; }
  .media-menu {
    padding: 0 10px;
    -webkit-box-pack: center;
            justify-content: center; }
  .media-menu__item-icon img {
    max-width: 16px; }
  .media-menu__item-count {
    font-size: 6px;
    min-width: 11px;
    min-height: 11px;
    max-height: 11px; }
  .media-menu__item_search input {
    display: none; }
  .media-menu__item_search-btn {
    background-color: var(--main-white);
    height: 34px;
    width: 34px;
    background-size: 16px; }
  .wrap-top-line .block-user {
    padding-left: 0; }
  .wrap-top-line .block-user_name span {
    font-size: 12px; }
  .wrap-top-line .block-user__mail {
    font-size: 10px; }
  .user-page_edit #top-line::after {
    display: none; }
  .user-page_edit .block-user {
    max-width: 220px;
    min-width: 220px;
    padding-left: 20px; }
  .user-page_edit .block-user .arr-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: auto;
    right: 0; }
  .user-page_edit .user-sidebar__top {
    height: 40px; }
  .user-page_edit #top-line .user-sidebar__top .block-user-body, .user-page_edit .user-page .top-menu {
    height: calc(100vh - 150px); }
  .user-page_edit .top-menu, .user-page_edit .block-user-body {
    max-height: calc(100vh - 150px); }
  .user-page_edit .top-menu_ul {
    min-height: calc(100vh - 150px); }
  #top-line .user-sidebar__top .block-user-body {
    left: 0; }
  #top-line.top-line_edit {
    padding: 0; }
    #top-line.top-line_edit .container {
      padding: 0;
      margin: 0; }
    #top-line.top-line_edit .wrap-top-line {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: justify;
              justify-content: space-between;
      padding-right: 0; }
    #top-line.top-line_edit .burger-mob {
      position: static; }
  .media-menu__item {
    margin-left: 10px; }
    .media-menu__item:first-child {
      margin-left: 0; }
  .sidebar-btn {
    display: -webkit-box;
    display: flex;
    margin-left: auto; }
  .sidebar-content__block {
    padding-left: 20px; }
  #user-sidebar .checkbox-el {
    -webkit-box-align: center;
            align-items: center; }
  #user-sidebar .user-sidebar__block_filter .checkbox-el p {
    margin-top: 0; }
  .wrap-block-burger {
    background-color: var(--main-blue); }
  .block-sign_btn.btn-border_blue a {
    background-color: var(--main-white); }
  .wrap-block-user {
    background-color: var(--main-white); }
  .wrap-content_noSidebar .wrap-content-main {
    margin-left: 0; }
  .wrap-content {
    margin-top: 17px; }
  .title-dec_big {
    padding-bottom: 10px; }
  .wrap-content-main__content {
    margin-top: 15px; }
  .wrap-content-main__content .wrap-content-main__info-text:first-child {
    line-height: 1.7;
    margin-top: 0; }
  .wrap-content-main {
    margin-top: 20px; }
  .block-variations-view {
    margin-top: 20px; }
  .content-course__img {
    height: 152px; }
  .content-course {
    border-radius: 5px; }
  .content-course__img {
    border-radius: 5px 5px 0 0;
    overflow: hidden; }
  .content-course__title {
    font-size: 16px; }
  .content-course .content-course__title {
    margin-top: 2px; }
  .content-course__body {
    padding-top: 0; }
  .content-course__text {
    margin-top: 9px; }
  .block-content-tile {
    display: block; }
  .content-course__media {
    padding-top: 20px; }
  .content-course__btn a {
    padding-top: 17px;
    padding-bottom: 17px; }
  .block-variations-view__el {
    margin-right: 10px; }
  .block-content-list .content-course_list .content-course__title {
    font-size: 16px; }
  .content-course_list__text {
    margin-right: 0; }
  .block-content-list .content-course_list .content-course__info {
    margin-right: 8px; }
  .content-course__author-text {
    font-size: 14px; }
  .content-course__author-title {
    margin-right: 18px; }
  .block-content-list .content-course_list .content-course__media {
    margin-top: 10px;
    margin-left: 41px; }
  .popupFrame_small .popupFrame-body__title {
    padding-left: 0;
    padding-right: 0; }
  .popupFrame_small .popupFrame-body__text br {
    display: none; }
  .popupFrame_small .popupFrame-body__wrap-btns {
    margin-top: 30px;
    display: block; }
    .popupFrame_small .popupFrame-body__wrap-btns button, .popupFrame_small .popupFrame-body__wrap-btns.btns3 button {
      width: 100%;
      max-width: 180px;
      margin-bottom: 10px; }
  .content-lesson {
    max-width: 100%; }
  .content-lesson__top {
    padding: 13px 20px;
    padding-bottom: 0; }
  .content-lesson__check {
    margin-right: 5px;
    margin-top: 5px; }
  .content-lesson .content-course__text {
    margin-top: 0; }
  .content-lesson .content-course__btn {
    margin-top: 8px; }
  .wrap-content-lessons_list .content-course_list .content-lesson__check {
    margin-top: 0;
    margin-right: 8px; }
  .wrap-content-lessons_list .content-course_list .content-course__media {
    width: 100%;
    margin-left: 40px;
    margin-top: 5px; }
  .wrap-content-lessons_list .content-course_list-body {
    flex-wrap: wrap; }
    .wrap-content-lessons_list .content-course_list-body .content-course_list__text {
      max-width: 80%; }
  .block-iconLeft-textRight__text {
    font-size: 12px; }
  .block-author__title {
    font-size: 16px; }
  .content-lesson-course {
    margin-top: 15px; }
  .content-lesson-course__top .block-iconLeft-textRight {
    margin-top: 19px; }
  .lesson-content__tabs-el a {
    font-size: 11px;
    padding-left: 2px;
    padding-right: 2px; }
  .content-lesson-course {
    margin-bottom: 21px; }
  .lesson-content__body > .title-dec:first-child {
    font-size: 16px;
    min-height: 1px;
    margin-bottom: 20px; }
  .lesson-content__bodies {
    margin-top: 17px; }
  .lesson-content__video-el {
    /*height: 158px;
    max-width: 280px;*/ }
  .lesson-content__body {
    padding: 0 10px; }
  .lesson-content__question-count {
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    font-size: 12px; }
  .lesson-content__question-body .lesson-content__title:not(.lesson-content__title_main) {
    /*margin-left: 37px;*/
    margin-bottom: 20px; }
  .lesson-content__p, .lesson-content__video-text, .lesson-content__info {
    line-height: 1.4; }
  .lesson-content__question-btn button {
    height: 50px;
    font-size: 14px; }
  .lesson-content__body .lesson-content__chat {
    padding-top: 0; }
  .lesson-content__chat-el {
    padding: 11px 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative; }
    .lesson-content__chat-el .lesson-content__chat-icon {
      position: absolute;
      top: 10px;
      left: 15px; }
  .lesson-content__chat-el-body__top {
    padding-top: 13px;
    padding-left: 73px;
    margin-bottom: 24px; }
  .lesson-content__chat-text {
    padding-right: 0; }
  .block-info-succes-lesson__icon {
    max-width: 30px;
    max-height: 30px; }
  .block-info-succes-lesson__text span {
    margin-top: 3px; }
  .block-info-succes-lesson__icon {
    margin-right: 6px; }
  .block-iconLeft-textRight__icon {
    margin-right: 6px; }
  .wrap-content-main__info-text {
    margin-bottom: 20px; }
  .popupFrame.createCourse .popupFrame-body {
    text-align: center; }
  .popupFrame.createCourse .popupFrame-body__title::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .popupFrame.createCourse .createCourse__body {
    margin-top: 30px; }
  .popupFrame .input-el {
    margin-bottom: 30px; }
  .popupFrame .wrap-selects {
    margin-top: 20px; }
  .block-addMeida__icon {
    width: 40px;
    height: 40px; }
    .block-addMeida__icon img {
      max-width: 20px; }
  .createCourse .select__el, .input-el_createCourse_cost {
    max-width: 100%; }
  .popupFrame-body__wrap-btns {
    display: block; }
    .popupFrame-body__wrap-btns button, .popupFrame-body__wrap-btns.btns3 button {
      width: 100%;
      margin-bottom: 10px; }
  .popupFrame.createCourse .popupFrame-body {
    padding-left: 20px;
    padding-right: 20px; }
  .small-info .small-info__text {
    margin-bottom: 26px; }
  .block-content-tile .content-course__top {
    margin-bottom: 10px; }
  .content-course_mine-count .block-iconLeft-textRight__text {
    font-size: 16px; }
  .content-course_mine-count .block-iconLeft-textRight__icon {
    margin-right: 14px; }
  .content-course__body {
    padding-bottom: 18px; }
  .block-create-course .block-iconLeft-textRight__icon {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px; }
    .block-create-course .block-iconLeft-textRight__icon img {
      max-width: 100%; }
  .block-create-course .block-iconLeft-textRight__text {
    font-size: 16px; }
  .content-course_mine-count {
    padding-top: 22px; }
  .create-lesson-body .textarea-block {
    margin-bottom: 25px; }
  .btn-form_small {
    max-width: 180px; }
  .popupFrame.addBlock .select__name {
    margin-left: 0; }
  .wrap-content-lessons_mob-fill .content-course_mine-btns_list {
    display: block; }
    .wrap-content-lessons_mob-fill .content-course_mine-btns_list .content-course_mine-btn {
      width: 100%; }
    .wrap-content-lessons_mob-fill .content-course_mine-btns_list::after {
      display: none; }
  .wrap-lesson-content .add-file-el__icon {
    width: 30px;
    height: 30px; }
    .wrap-lesson-content .add-file-el__icon img {
      max-width: 15px; }
  .block-add-somth__body-list {
    margin-top: 20px; }
  .homework-page .wrap-student-content {
    margin-top: 6px; }
  .wrap-homework-content {
    margin-top: 7px; }
  .homework-content__top {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
    .homework-content__top .homework-content__date {
      -webkit-box-ordinal-group: 2;
              order: 1; }
    .homework-content__top .title-dec {
      -webkit-box-ordinal-group: 3;
              order: 2;
      margin-top: 6px;
      line-height: 1.2; }
  .homework-content__body {
    padding: 13px 19px; }
    .homework-content__body .content-course__text {
      line-height: 1.4; }
  .homework-content .content-course__author {
    margin-top: 8px; }
  .wrap-homework-content .homework-content .content-course__text {
    margin-top: 5px; }
  .wrap-student-content .lesson-content__title_main br {
    display: none; }
  .wrap-student-content .content-course__author {
    display: block; }
  .wrap-student-content .content-course__author-text {
    display: block;
    margin-top: 9px; }
  .homework-in-body {
    margin-top: 20px; }
  .homework-in-body .wrap-btns {
    display: block; }
    .homework-in-body .wrap-btns button {
      margin: 0;
      width: 100%;
      max-width: 100%;
      margin-bottom: 20px; }
  .wrap-communication .lesson-content__title {
    margin-left: 0;
    font-size: 18px;
    margin-bottom: 0; }
  .wrap-communication .lesson-content__chat {
    margin-top: 20px; }
  .wrap-communication .chat-media-btn button {
    width: 100%;
    max-width: 100%; }
  .chat-media-btn {
    margin-top: 10px; }
  .wrap-communication {
    margin-top: 10px; }
  .student-content-list {
    margin-top: 22px; }
  .student-list__btn {
    min-height: 50px;
    height: auto;
    width: 50px; }
  .user__icon {
    margin-right: 10px; }
  .student-list__user {
    padding-top: 0;
    padding-bottom: 0; }
  .user__name {
    font-size: 16px; }
  .student-content-list .lesson-content__title {
    margin-left: 0;
    font-size: 16px;
    margin-bottom: 10px; }
  .info-student-main__wrap {
    margin: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px; }
  .popupFrame__info-student .info-student-main {
    margin-top: 20px; }
  .popupFrame__info-student .popupFrame-body {
    padding-left: 20px;
    padding-right: 20px; }
  .btn-form_small {
    max-width: 250px; }
  .textarea-block__textarea {
    height: 120px; }
  .lesson-content__chat-media .textarea-block {
    margin-bottom: 20px; }
  .analytics-content__filter .title-dec {
    font-size: 16px; }
  .analytics-content__filter {
    margin-bottom: 20px; }
  .analytics-content__chart-main {
    margin-top: 24px; } }

@media screen and (max-width: 450px) {
  .dots {
    display: none; } }


html, body{ width: 100%; min-height: 100vh; }
header{ z-index: 1000; }
.wrap-popup-scroll{ display: none; }

.block-user-body_users-icon img{ border-radius: 50%; }
.lesson-content__chat-icon img{ border-radius: 50%; }

.textarea-block__name, .textarea-block__remove{ z-index: 2; }
.textarea-block_createCourse.useEditor .textarea-block__textarea { height: 250px; }

#templateContent, #templateYoutube, #templateButton, #templateItem{ display: none; }
#lessonNote, #lessonHomework, #lessonComments, #otherHomeworks{ display: none; }
.lesson-content__question-body{ flex: auto; }
.add-homework-btn{ transition: .2s; }
.lessonHomeworkInactive{ opacity: 0.3; }
.homeworkBlock{ margin-bottom: 20px; }

.base-content-table tr:nth-child(2n) td{
    background-color: var(--main-grey);
}

.postPin i:first-child{ display: inline-block; } .postPin i:last-child{ display: none; }
.postPinned .postPin i:first-child{ display: none; } .postPinned .postPin i:last-child{ display: inline-block; }
.hasNoComments{ border-bottom: none; }
.post__comments{ overflow: hidden; }
div.postCommentsLoading{ left: 0; top: 0px; width: 100%; height: 15px; background: url(/images/loading_bar.gif) 0 0 no-repeat; }

.post__input-inp{ overflow: hidden; padding: 15px 10px; line-height: 20px; resize: none; }
.post__input-inp:focus{ background: var(--main-white); outline: 0; border: 1px solid var(--main-blue-lighter); }
.post__comment-input button{ flex: 0 0 auto; margin: 0 0 0 20px; padding: 0; background: transparent; border: 0; line-height: 1; }
.post-comment__time{ margin-left: 0; }
.post__body-text p{
    color: var(--dark-black2);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.88;
    margin-bottom: 10px;
}
.post__body-text p a{
      color: var(--main-blue);
      font-weight: 700;
      text-decoration: underline !important;
}
.block-add-somth__el-hover-icon img:last-child{ display: none; }
.block-add-somth__el-hover-icon img:first-child{ display: inline; }
.deleted .block-add-somth__el-hover-icon img:last-child{ display: inline; }
.deleted .block-add-somth__el-hover-icon img:first-child{ display: none; }

#imagesSelector{ z-index: 100001 !important; }
div.imagesSelectorList{ display: flex; justify-content: space-between; align-items: bottom; flex-wrap: wrap; max-width: 960px; margin: -15px; }
div.imagesSelectorList p{ margin: 15px; text-align: center; }
div.imagesSelectorList p span{ display: block; font-size: 14px; }
@media(max-width: 1024px){
    div.imagesSelectorList{ max-width: 760px; }
}
@media(max-width: 400px){
    div.imagesSelectorList{ max-width: 320px; }
}

body.public-page .wrap-content_noSidebar .wrap-content-main { max-width: 100%; margin-left: 0px; }
body.public-page #top-line{ background-color: var(--main-blue); }
body.public-page #top-line::after{ background: none !important; }

/*.lesson-content__p*/ .lesson-content__question-body p {
  font-size: 16px;
  color: var(--dark-black2);
  font-weight: 300;
  line-height: 1.9;
  margin-bottom: 37px; }


.popupFrame-body .popupFrame-close { z-index: 10000; }

div.loader{ display: none; position: absolute; z-index: 9999; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; margin: 0px !important; padding: 0px; background: rgba(255,255,255,0.8); }
div.loader span{ display: block; width: 100%; height: 100%; background: url(/images/loader.gif) 50% 50% no-repeat; }

.checkbox-el.checkbox-el_big{ cursor: pointer; }
.notification__icon{ cursor: pointer; z-index: 11; }
#profileConfirm{ display: none; }
.integrations-content .on{ display: block; } .integrations-content .edit{ display: none; } .integrations-content .off{ display: none; } 
.integrations-content.active .on{ display: none; } .integrations-content.active .edit{ display: block; } .integrations-content.active .off{ display: block; } 
.rowTemplate{ display: none; }
#templateAdd, #templateContent, #templateYoutube, #templateForm{ display: none; }

.msgMainFrame{ display: none; }
.dialog-el__userIcon{ flex: 0 0 auto; }
.dialog-el__userIcon img, .dialog-userIcon img{ border-radius: 100%; }
.dialog-el__info{ flex: 0 1 auto; overflow: hidden; }
.dialog-el__preview>span{ white-space: nowrap; }
.dialog-list__body::-webkit-scrollbar { width: 9px; height: 9px; }
.dialog-list__body::-webkit-scrollbar-button {  height: 15px; background-color: transparent; }
.dialog-list__body::-webkit-scrollbar-track {  background-color: transparent; }
.dialog-list__body::-webkit-scrollbar-track-piece { background: linear-gradient(90deg, transparent 4px, #f0f0f0 4px 5px, transparent 5px); }
.dialog-list__body::-webkit-scrollbar-thumb { background-color: var(--dark-grey5); border-radius: 5px; }
.dialog-list__body::-webkit-scrollbar-corner { background-color: transparent; }
.dialog-list__body::-webkit-resizer { background-color: transparent; } 
.messenger{ width: 100%; }
.dialog__body::-webkit-scrollbar { width: 9px; height: 9px; }
.dialog__body::-webkit-scrollbar-button {  height: 15px; background-color: transparent; }
.dialog__body::-webkit-scrollbar-track {  background-color: transparent; }
.dialog__body::-webkit-scrollbar-track-piece { background: linear-gradient(90deg, transparent 4px, #f0f0f0 4px 5px, transparent 5px); }
.dialog__body::-webkit-scrollbar-thumb { background-color: var(--dark-grey5); border-radius: 5px; }
.dialog__body::-webkit-scrollbar-corner { background-color: transparent; }
.dialog__body::-webkit-resizer { background-color: transparent; } 
.dialog__name a{ color: var(--main-blue); }
.dialog-list-search{ position: relative; }
.dialog-list-search__inp{ margin-right: 0px; }
.dialog-list-search a{ display: block; position: absolute; right: 7px; top: 50%; width: 22px; height: 22px; margin-top: -11px; } 
.dialog-input-chat__input{ overflow: hidden; }
.dialog-input-chat__input textarea{ height: 42px; overflow: hidden; margin: 0; padding: 10px 10px; box-sizing: border-box; line-height: 20px; resize: none; }
.dialog-input-chat__input textarea::-webkit-input-placeholder { line-height: 20px; }
.dialog-input__actions{ flex: none; }
.dialog-input__actions .video-btn, .dialog-input__actions .image-btn { display: block; }
.dialog-input-chat__send{ border: 0; }
.dialog { width: calc(100% - 40px) }
 
@media screen and (max-width: 1000px) {
    .dialog-el__preview{ display: block; }
}
@media screen and (max-width: 700px) {
    .dialog-page #user-sidebar .dialog-list__body{ padding: 0; }
    .dialog-list { margin-top: 0px; }
    .dialog-page #user-sidebar .dialog-list__top { display: none; }
}

.structure-el-wrapper-structure-elements{ display: none; }
.active+.structure-el-wrapper-structure-elements{ display: block; }
.structure-el-wrapper-structure-elements div.structLoader{ height: 40px; background: url('/images/loading_bar.gif') 0 center no-repeat; }
.noStructure{ visibility: hidden; }
.noGroups{ opacity: 0.5; }

div.protoInfo p{ margin: 10px 0; }

.dialog-block-message__check{ flex: none; }
.dialog-block-message__text{ flex: auto; }
.messageVideo{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-bottom: 20px; }
.messenger__body-video{ flex: none; width: 49%; margin: 20px 0 0 0; }
@media screen and (max-width: 1200px){
    .messenger__body-video{ width: 100%; }
}
#editPostForm{ display: none; overflow: hidden; }
#editPostForm .checkboxes{ margin-bottom: 25px; }
#formPopupButton{ display: none; overflow: hidden; }
#formPopupButton>div{ padding-top: 10px; }

.postForm{ max-width: 500px; margin: 30px auto; }
.postForm .wrap-input-el-info{ margin: 30px 0; }
.postForm .input-el_name{ background: var(--main-grey); }

.videoContainer{ position: relative; width: 100%; padding-top: 56.25%; line-height: 1; }
.videoLayer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.videoLayerSound{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.8); cursor: pointer; }
.videoLayerSound div{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 18px; font-weight: bold; color: var(--dark-black2); }
.videoLayerSound div img{ display: block; width: 50%; max-width: 100px; margin: 0 auto 20px auto; }
.messageGallery{ display: flex; align-items: bottom; flex-wrap: wrap; margin: -10px 0 0 -10px; }
.messageGallery a{ margin-top: 10px; margin-left: 10px; }

#message{ width: 100%; letter-spacing: 0.4px; padding: 15px 20px; min-height: 48px; border: none; background: transparent; font: normal 16px/20px monospace; color: var(--dark-black2); flex: auto; overflow: hidden; }

.block-iconLeft-textRight.create-new{ cursor: pointer; }

.content-course_mine .gplIn{ display: none; }
.content-course_mine .gplWaiting{ display: none; }
.content-course_mine .gplEnter{ display: none; }
.content-course_mine .gplExit{ display: none; }
.content-course_mine:not(.groupPublicIn):not(.groupPublicWaiting) .gplEnter{ display: flex; }
.content-course_mine.groupPublicIn .gplIn{ display: inline; }
.content-course_mine.groupPublicWaiting .gplWaiting{ display: inline; }
.content-course_mine.groupPublicIn .gplExit{ display: flex; }
.content-course_mine.groupPublicWaiting .gplExit{ display: flex; } 
.users-list-el__userBlock .account-block__icon{ overflow: hidden;  }

.messageEmoji{ display: none; overflow: hidden; }
.messageEmoji div{ margin: 15px 50px -10px 46px; }
.messageEmoji img{ margin: 0 3px 10px 3px; cursor: pointer; }
@media screen and (max-width: 700px) {
    .messageEmoji div{ margin: 10px 30px -10px 30px; }
}
img.emoji{ margin: 0 1px; }

.work-pages-el__block-content{ align-items: center; }
.work-pages-el__block-content.nocopy{ line-height: 40px; }
@media screen and (max-width: 1000px){ .work-pages-el__block-content.nocopy{ line-height: inherit; } }

.webinarMain{ margin-bottom: 40px; }
.webinarMain .lesson-content__video-main{ width: auto; flex: 1; }
.webinarMain .lesson-content__video-text{ width: 350px; flex: none; }
/*#webinarPresentation img{ display: none; }*/
@media screen and (max-width: 1200px){
    .webinarMain .lesson-content__video-text{ width: 100%; }
    .lesson-content__video-main{ margin-right: 0; }
}
#webinarPresentation{ position: relative; }
.presentationBack{ display: block; position: absolute; left: 0; top: 0; width: 50%; height: 100%; line-height: 1; }
.presentationNext{ display: block; position: absolute; right: 0; top: 0; width: 50%; height: 100%; line-height: 1; }
.videoMode .presentationBack, .videoMode .presentationNext{ display: none; }

form.lessonChat{ display: flex; flex-direction: column; /*height: 100%;*/ }
div.lessonChatCounter{ padding: 15px; background: var(--main-grey); font-size: 12px; color: var(--main-blue); }
div.lessonChatMessages{ flex: auto; min-height: 300px; border: 1px solid var(--main-grey); position: relative; }
div.lessonChatMessages>div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; }
div.lessonChatMessages>div::-webkit-scrollbar { width: 9px; height: 9px; }
div.lessonChatMessages>div::-webkit-scrollbar-button {  height: 15px; background-color: transparent; }
div.lessonChatMessages>div::-webkit-scrollbar-track {  background-color: transparent; }
div.lessonChatMessages>div::-webkit-scrollbar-track-piece { background: linear-gradient(90deg, transparent 4px, #f0f0f0 4px 5px, transparent 5px); }
div.lessonChatMessages>div::-webkit-scrollbar-thumb { background-color: var(--dark-grey5); border-radius: 5px; }
div.lessonChatMessages>div::-webkit-scrollbar-corner { background-color: transparent; }
div.lessonChatMessages>div::-webkit-resizer { background-color: transparent; }  
div.lessonChatMessages>div>div{ margin: 15px; font-size: 14px; line-height: 16px; font-weight: normal; }
div.lessonChatMessages>div>div>strong:first-child{ display: block; margin-bottom: 5px; color: var(--main-blue); }
div.lessonChatMessages>div>div>strong:first-child>img{ height: 32px; margin-right: 10px; border-radius: 50%; overflow: hidden; }
div.lessonChatMessages>div>div>strong:first-child>span:last-child{ float: right; display: inline-block; font-size: 11px; line-height: 20px; color: var(--lite-grey); }
div.lessonChatMessages>div>div>strong:first-child>span:last-child a{ margin-left: 8px; }
div.lessonChatMessages>div>div>strong:first-child>span:last-child a img{ margin-top: -2px; }
div.lessonChatForm{ flex: none; display: flex; align-items: center; padding: 15px; background: var(--main-grey); }
div.lessonChatForm input{ flex: auto; height: 40px; padding: 0px 10px; }
div.lessonChatForm button{ flex: none; }
.messenger__body-video.chat{ width: 100%; margin-top: 0; }

.emotions-el{ cursor: pointer; }
.select__el.noselect:after{ display: none; }

.popupFrame.addTarget{ max-width: 1400px; }
.target-add{ background: transparent; }
@media screen and (max-width: 1700px){
    .popupFrame.addTarget{ max-width: 600px; }
}
.account-block__name{ margin-right: 10px; }

.integration.select__nameTop{ margin-bottom: 23px; }
.integration .input-el_nameTop__topName{ padding-left: 30px; }
.integration .input-el_nameTop__name{ font-family: var(--font-base-black); letter-spacing: 0.4px; font-size: 16px; text-transform: uppercase; }

@media screen and (max-width: 700px){
    .dialog { width: calc(100% - 20px) }
}

.wrap-calendar{ display: flex; }
.wrap-calendar>div{ flex: auto; max-width: 930px; margin-left: auto; }
.block-date-inp{ min-width: 85px; }
select.block-date__inp{ width: auto; }
.webinarButton{ display: none; margin: 20px 0; }


.calendar-miniature__cell{ position: relative; }
.calendar-miniature__cell.hasEvent{ cursor: pointer; }
.calendar-miniature__cell.hasEvent:before{ content: ""; display: block; position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 4px; height: 4px; border-radius: 50%; background: var(--main-orange); }
.calendar-miniature__cell.active.hasEvent:before{ background: var(--main-black); }
.calendarEvents{ display: none; }
#calendarMiniDetails{ display: none; }
.calendarEvent a{ color: var(--main-blue); }
#calendarDetails, #calendarMore{ display: none; }
.calendar__cell div>span.calendar__cell-body__content__el-time{ display: none; }
.calendar__cell span>span.calendar__cell-body__content__el-time{ margin-left: 0; }
#calendarMore span>span.calendar__cell-body__content__el-time{ display: none; }
.calendar-miniature__cell.clickable{ cursor: pointer; }
.calendar-miniature__cell.active{ opacity: 1 !important; background-color: var(--main-orange) !important; }
@media screen and (max-width: 1200px){
    .calendar-window{ margin-top: 0; margin-bottom: 30px; }
    .calendar-window-close { display: block; }
}

.time-window__calend{ overflow: hidden; }

.select__el.checkboxes{ margin-bottom: 20px; }
.select__el.checkboxes:after{ display: none; margin-bottom: 20px; }

.copyButton{ max-width: 300px; }

.isclient{ color: var(--dark-grey4); }

.listMore{ text-align: center; }
.listMore a{ display: inline-block; margin-top: 40px; padding-bottom: 5px; border-bottom: 1px dashed var(--main-blue); text-decoration: none; color: var(--main-blue); }

#noBaseClients{ margin-bottom: 0; }

.structure__body-count{ position: relative; }
.structure__body-count span.numClients{ display: block; position: absolute; left: 50%; top: 5px; margin-left: 11px; font-size: 10px; color: var(--lite-grey2); }
@media screen and (max-width: 1200px){
    .structure__body-count span.numClients{ left: auto; right: 10px; margin-left: 0px; }
}

.base-content_tile .base-content-tile-table{ margin: 0; }
.base-content_tile .base-content-tile-table td:first-child{ padding-left: 20px; }
.base-content_tile .base-content-tile-table td:last-child{ padding-right: 20px; }

.history-table.sendins td:nth-child(2){ text-align: center; } .history-table.sendins tr:not(:first-child) td:nth-child(2){ cursor: pointer; }
.history-table.sendins td:nth-child(3){ text-align: center; } .history-table.sendins tr:not(:first-child) td:nth-child(3){ cursor: pointer; }
.history-table.sendins td:nth-child(4){ text-align: center; } .history-table.sendins tr:not(:first-child) td:nth-child(4){ cursor: pointer; }

.input-el .sendingHours{ height: 30px !important; width: 60px !important; margin: 0 5px 0 15px !important; padding: 0 10px !important; text-align: center; }
.input-el .sendingHoursType{ height: 30px !important; width: 75px !important; margin: 0 15px 0 0 !important; padding: 0 10px !important; text-align: center; }
.input-el .sendingMinHours{ height: 30px !important; width: 70px !important; margin: 0 15px !important; padding: 0 10px !important; text-align: center; }
.input-el .sendingDate{ height: 30px !important; width: 140px !important; margin: 0 15px !important; padding: 0 10px !important; text-align: center; }

.bots{ padding-top: 10px; text-align: center; font-size: 0; }
.bots h3{ margin: 10px 0; font-size: 1rem; line-height: 26px; font-weight: 700; text-align: center; }
.bots button{ background: none; margin: 10px 30px 0px 30px; padding: 0; border: none; border-radius: 0; box-shadow: none; }
.bots.lesson{ margin-left: -30px; text-align: left; }
.bots.lesson h3{ margin-left: 30px; text-align: left; }

#formFrame .checkboxes{ margin-bottom: 25px; }

.addBotButton, .addEmailButton{ color: var(--main-blue); border-bottom: 1px dashed var(--main-blue); }

.wallStories{ list-style: none; margin: 0 0 40px 0; }
.wallStories:empty{ display: none; }
.wallStories li{ display: inline-block; vertical-align: top; text-align: center; }
.wallStories li a{ display: inline-block; width: 70px; height: 70px; overflow: hidden; margin: 0 15px 0 0; border-radius: 50%; border: 3px solid var(--main-blue); text-align: center; line-height: 65px; font-size: 50px; color: var(--main-blue); }
.wallStories li a.active{ border-color: var(--main-orange); }
.wallStories li div{ cursor: pointer; margin-top: 5px; color: var(--main-blue); }

#showroom{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: var(--dark-black2); z-index: 1001; }
#showroom .srProgress{ position: relative; display: flex; width: 300px; height: 6px; margin: 12px auto 0px auto; list-style: none; z-index: 1000; }
#showroom .srProgress div{ flex:1 1 auto; height: 6px; overflow: hidden; margin: 0 3px; border-radius: 5px; background: rgba(200,200,200,0.7); }
#showroom .srProgress div span{ display: block; height: 100%; width: 0; background: var(--main-white); }
#showroom .srAuthor{ position: relative; width: 300px; margin: 8px auto 0px auto; z-index: 1000; color: rgba(200,200,200,0.7); font-weight: normal; text-align: center; }
#showroom .srClose{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: center center no-repeat url(/images/close-white.png); z-index: 1000; }
#showroom .imageContainer{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; }
#showroom .popupButton{ position: absolute; left: 50%; bottom: 15px; width: auto; transform: translate(-50%, 0); padding: 0 60px; z-index: 1000; }

.step__color{ cursor: n-resize; }

#baseImportFrame .block-add-file{ margin-top: 20px; }

.partnerHome{ min-width: 350px; padding: 20px; padding-bottom: 40px; margin: 50px auto 0 auto; text-align: center; }
.color.white { background-color: #ffffff; }
.color.red { background-color: #ff0404; }
.color.red1 { background-color: #ff6370; }
.color.red2 { background-color: #ffb0b7; }
.color.orange2 { background-color: #ffd3bf; }
.color.orange1 { background-color: #ff9b6f; }
.color.orange { background-color: #ff6804; }
.color.yellow { background-color: #ffc704; }
.color.yellow1 { background-color: #ffda79; }
.color.yellow2 { background-color: #fff5da; }
.color.green1 { background-color: #a7da8d; }
.color.salad { background-color: #7bda00; }
.color.green { background-color: #039906; }
.color.blue1 { background-color: #a5dafa; }
.color.blue { background-color: #009cff; color: #ffffff; }
.color.sea { background-color: #006bae; color: #ffffff; }
.color.ocean { background-color: #1411aa; color: #ffffff; }
.color.navy { background-color: #000080; color: #ffffff;}
.color.purple { background-color: #6b11aa; }
.color.pink { background-color: #e60ed9; }
.color.peru { background-color: #CD853F; }
.color.brown { background-color: #8B4513; color: #ffffff; }
.color.black { background-color: #000000; color: #ffffff; }
.partnerHome .user-sidebar__icon{ margin: 0 auto 30px auto; }
.partnerHome .name-user{ font-size: 1.3em; margin: 0 auto 50px auto; }
.homeContent{ margin: 0 0 40px 0; text-align: left; max-width: 360px; }
.homeVideo{ margin: 0 0 40px 0; }
.partnerHome .buttonsC{ margin: 0 -5px; }
.partnerHome .buttons{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
.partnerHome .buttons a{ min-width: 30%; flex-grow: 1; height: 60px; margin: 5px 5px; padding: 0; border-radius: 4px; text-align: center; font-size: 0; line-height: 60px; color: var(--main-white); }
.partnerHome .buttons a.snWhatsapp{ background: #39aa44 url(/images/snwhatsappw.png) center center no-repeat; }
.partnerHome .buttons a.snTelegram{ background: #27aed6 url(/images/sntelegramw.png) center center no-repeat; }
.partnerHome .buttons a.snViber{ background: #7d519e url(/images/snviberw.png) center center no-repeat; }
.partnerHome .buttons a.snInsta{ background: #c8287f url(/images/sninstaw.png) center center no-repeat; }
.partnerHome .buttons a.snFB{ background: #404e90 url(/images/snfbw.png) center center no-repeat; }
.partnerHome .buttons a.snVK{ background: #455c81 url(/images/snvkw.png) center center no-repeat; }
.partnerHome .buttons a.snOK{ background: #ef931c url(/images/snokw.png) center center no-repeat; }
.partnerHome .buttons a.snYoutube{ background: #dd2b22 url(/images/snyoutubew.png) center center no-repeat; }
.homePosts{ margin: 40px 0; }
.homePosts a{ display: block; padding: 20px 0; border-radius: 4px; text-align: center; font-size: 1.1em; color: var(--dark-black2); }
.homeLinks{ margin-top: 10px; }
.homeLinks a{ display: block; padding: 20px 0; border-radius: 4px; text-align: center; font-size: 1.1em; color: var(--dark-black2); }

.addPageLink{ color: var(--main-blue); border-bottom: 1px dashed var(--main-blue); }
.pageVideo{ margin-top: 30px; margin-bottom: 30px; }

@media screen and (max-width: 1000px){
    .partnerHome{ margin-top: -30px; }
}

#addNewTaskP{ display: none; }
.task-window-time-el{ cursor: default; }
.rating-block-horz__el{ cursor: pointer; }

.script-el__body p{ display: none; }

.select.calendar{ align-items: flex-start; }

.block-add-somth__el{ height: auto; }
.previewNote{ position: relative; font-size: 12px; }
.previewNote a{ color: var(--main-blue); }

#top-line .user-sidebar__top{ min-height: 50px; }
@media screen and (max-width: 700px){
    #top-line .user-sidebar__top{ min-height: 40px; }
}

.wrap-btn-user.subscribe .wrap-btn-user__info{ display: none; }
.wrap-btn-user.subscribe .btn-user__icon img:last-child{ display: none; }
.wrap-btn-user.subscribe .btn-user__text span:last-child{ display: none; }
.wrap-btn-user.unsubscribe .btn-user__icon img:first-child{ display: none; }
.wrap-btn-user.unsubscribe .btn-user__text span:first-child{ display: none; }

.groupList>div:first-child{ flex: auto; }
.groupList>div:last-child{ flex: none; }
.groupList>div:first-child>div{ flex: none; }
.groupList>div:first-child>a{ flex: auto; }
.groupList .account-block__name.email{ font-weight: 400; }
@media screen and (max-width: 600px){
    .groupList{ font-size: 11px; }
}

.dateBlock .edit-calendar-content .edit-calendar__block-content{ margin-top: 0; }
.dateBlock .edit-calendar-content .edit-calendar__block-content { padding: 0 30px; }
@media screen and (max-width: 600px){
    .dateBlock .block-date-inp{ min-width: 50px; }
    .dateBlock .edit-calendar-content .edit-calendar__block-content { padding: 0 20px; }
}

.userFormatted{ font-size: 16px; color: var(--dark-black2); font-weight: 400; line-height: 1.5; }
.userFormatted a{ color: var(--main-blue); }
.userFormatted h1, .userFormatted h2, .userFormatted h3, .userFormatted h4, .userFormatted h5, .userFormatted h6{ font-weight: bold; }
.userFormatted h1{ margin: 30px 0; }
.userFormatted h2, .userFormatted h3, .userFormatted h4, .userFormatted h5, .userFormatted h6{ margin: 20px 0; }
.userFormatted h2:first-child, .userFormatted h3:first-child, .userFormatted h4:first-child, .userFormatted h5:first-child, .userFormatted h6:first-child{ margin-top: 0; padding-top: 10px; }
.userFormatted h1{ font-size: 1.5em; }
.userFormatted h2{ font-size: 1.4em; }
.userFormatted h3{ font-size: 1.3em; }
.userFormatted h4{ font-size: 1.2em; }
.userFormatted h5{ font-size: 1.1em; }
.userFormatted h6{ font-weight: bold; }
.userFormatted p{ margin: 20px 0; }
.lesson-content__question-body.userFormatted p{ font-weight: 400; line-height: 1.5; }
.userFormatted ul, .userFormatted ol{ margin: 20px 0 20px 18px; list-style-type: disc; }
.userFormatted ul li, .userFormatted ol li{ padding: 5px 0 5px 5px; list-style-type: inherit; }
.userFormatted ol{ list-style-type: decimal; }
.userFormatted th, .userFormatted td{ border: 1px solid var(--main-blue); padding: 10px 15px }
.userFormatted th > p:first-child, .userFormatted td > p:first-child{ margin-top: 0; }
.userFormatted th > p:last-child, .userFormatted td > p:last-child{ margin-bottom: 0; }
@media screen and (max-width: 1000px) {
    .userFormatted, .lessonNote{ font-size: 14px; line-height: 1.3; }
    .userFormatted h1{ margin: 20px 0; }
    .userFormatted h2, .userFormatted h3, .userFormatted h4, .userFormatted h5, .userFormatted h6{ margin: 15px 0; }
    .userFormatted ul, .userFormatted ol{ margin: 15px 0 15px 18px; }
}

img.emoji{ height: 18px; }
.post__body-text p{ line-height: 1.5; }