@charset 'UTF-8';

.daterangepicker {
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
  position: absolute;
  z-index: 3001;
  top: 100px;
  left: 20px;
  display: none;
  width: 278px;
  max-width: none;
  margin-top: 7px;
  padding: 0;
  color: inherit;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  content: '';
  border-bottom-color: rgba(0, 0, 0, .2);
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  right: 0;
  left: 0;
  width: 0;
  margin-right: auto;
  margin-left: auto;
}

.daterangepicker.openscenter:after {
  right: 0;
  left: 0;
  width: 0;
  margin-right: auto;
  margin-left: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-top: 7px solid #ccc;
  border-bottom: initial;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-top: 6px solid #fff;
  border-bottom: initial;
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  display: inline-block;
  padding: 3px;
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
}

.daterangepicker .calendar-table .next span {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  font-size: 12px;
  line-height: 24px;
  width: 32px;
  min-width: 32px;
  height: 24px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 4px;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  color: inherit;
  border-color: transparent;
  background-color: #eee;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  color: #999;
  border-color: transparent;
  background-color: #fff;
}

.daterangepicker td.in-range {
  color: #000;
  border-color: transparent;
  border-radius: 0;
  background-color: #ebf4f8;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  color: #fff;
  border-color: transparent;
  background-color: #357ebd;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  cursor: not-allowed;
  text-decoration: line-through;
  color: #999;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  height: auto;
  margin: 0;
  padding: 1px;
  cursor: default;
}

.daterangepicker select.monthselect {
  width: 56%;
  margin-right: 2%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  font-size: 12px;
  width: 50px;
  margin: 0 auto;
  padding: 2px;
  border: 1px solid #eee;
  outline: 0;
  background: #eee;
}

.daterangepicker .calendar-time {
  line-height: 30px;
  position: relative;
  margin: 4px auto 0 auto;
  text-align: center;
}

.daterangepicker .calendar-time select.disabled {
  cursor: not-allowed;
  color: #ccc;
}

.daterangepicker .drp-buttons {
  line-height: 12px;
  display: none;
  clear: both;
  padding: 8px;
  text-align: right;
  vertical-align: middle;
  border-top: 1px solid #ddd;
}

.daterangepicker .drp-selected {
  font-size: 12px;
  display: inline-block;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  font-size: 12px;
  font-weight: bold;
  margin-left: 8px;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  margin: 0;
  text-align: left;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  color: #fff;
  background-color: #08c;
}

/*  Larger Screen Styling */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  /* 1 */
  overflow: visible;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
  /* 1 */
  outline-offset: -2px;
  -webkit-appearance: textfield;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

body {
  -webkit-font-smoothing: antialiased;
}

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

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

.select2-container {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  display: block;
  box-sizing: border-box;
  height: 28px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select2-container .select2-selection--single .select2-selection__clear {
  font-size: 1em;
  border: none;
  background-color: transparent;
}

.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  display: block;
  box-sizing: border-box;
  min-height: 32px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  padding: 0;
  list-style: none;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  font-size: 1em;
  border: none;
  background-color: transparent;
}

.select2-container .select2-search--inline .select2-search__field {
  font-family: sans-serif;
  font-size: 100%;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 100%;
  height: 18px;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  resize: none;
  vertical-align: bottom;
  word-break: keep-all;
  border: none;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  position: absolute;
  z-index: 1051;
  left: -100000px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
}

.select2-results {
  display: block;
}

.select2-results__options {
  margin: 0;
  padding: 0;
  list-style: none;
}

.select2-results__option {
  padding: 6px;
  -webkit-user-select: none;
  user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  border: 0;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  white-space: nowrap !important;
  border: 0 !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  color: #444;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  font-weight: bold;
  float: right;
  height: 26px;
  margin-right: 20px;
  padding-right: 0;
  cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  height: 26px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #888 transparent transparent transparent;
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: default;
  background-color: #eee;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

.select2-container--default .select2-selection--multiple {
  position: relative;
  padding-right: 5px;
  padding-bottom: 5px;
  cursor: text;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: white;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  font-weight: bold;
  position: absolute;
  right: 0;
  height: 20px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  position: relative;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  padding-left: 20px;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #e4e4e4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 5px;
  padding-left: 2px;
  cursor: default;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 4px;
  cursor: pointer;
  color: #999;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  color: #333;
  outline: none;
  background-color: #f1f1f1;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 2px;
  padding-left: 5px;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  border-right: none;
  border-left: 1px solid #aaa;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-right: auto;
  margin-left: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  cursor: default;
  background-color: #eee;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  border: none;
  outline: 0;
  background: transparent;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: white;
  background-color: #5897fb;
}

.select2-container--default .select2-results__group {
  display: block;
  padding: 6px;
  cursor: default;
}

.select2-container--classic .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-color: #f7f7f7;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  color: #444;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  font-weight: bold;
  float: right;
  height: 26px;
  margin-right: 20px;
  cursor: pointer;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  height: 26px;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -4px;
  border-width: 5px 4px 0 4px;
  border-style: solid;
  border-color: #888 transparent transparent transparent;
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  right: auto;
  left: 1px;
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  border: none;
  background: transparent;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #888 transparent;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  padding-right: 5px;
  padding-bottom: 5px;
  cursor: text;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-color: white;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  border: 1px solid #aaa;
  border-radius: 4px;
  background-color: #e4e4e4;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 5px;
  padding-left: 2px;
  cursor: default;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  cursor: pointer;
  color: #888;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: transparent;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  margin-right: auto;
  margin-left: 5px;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 2px;
  padding-left: 5px;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  border: 1px solid transparent;
  background-color: #fff;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  color: #fff;
  background-color: #3875d7;
}

.select2-container--classic .select2-results__group {
  display: block;
  padding: 6px;
  cursor: default;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.btn {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  border: none;
  background-color: transparent;
}

.btn.loading {
  position: relative;
  user-select: none;
  pointer-events: none;
  color: #bfbfbf;
  background-color: #d9d9d9;
}

.btn.loading .bar-loader {
  top: 50%;
  left: 50%;
  display: block;
  transform: translate(-50%, -50%);
}

.btn:disabled,
.btn.btn-default:disabled,
.btn.btn-primary:disabled,
.btn.btn-create:disabled,
.btn.btn-circle:disabled,
.btn.btn-secondary.fill:disabled {
  pointer-events: none;
  background: #e5e5e5;
  box-shadow: none;
}

.btn:disabled .icon,
.btn.btn-default:disabled .icon,
.btn.btn-primary:disabled .icon,
.btn.btn-create:disabled .icon,
.btn.btn-circle:disabled .icon,
.btn.btn-secondary.fill:disabled .icon {
  fill: #bfbfbf;
}

.btn:disabled .icon-plus::after,
.btn:disabled .icon-plus::before,
.btn.btn-default:disabled .icon-plus::after,
.btn.btn-default:disabled .icon-plus::before,
.btn.btn-primary:disabled .icon-plus::after,
.btn.btn-primary:disabled .icon-plus::before,
.btn.btn-create:disabled .icon-plus::after,
.btn.btn-create:disabled .icon-plus::before,
.btn.btn-circle:disabled .icon-plus::after,
.btn.btn-circle:disabled .icon-plus::before,
.btn.btn-secondary.fill:disabled .icon-plus::after,
.btn.btn-secondary.fill:disabled .icon-plus::before {
  background-color: #bfbfbf;
}

.btn:disabled,
.btn:disabled span,
.btn.btn-default:disabled,
.btn.btn-default:disabled span,
.btn.btn-primary:disabled,
.btn.btn-primary:disabled span,
.btn.btn-create:disabled,
.btn.btn-create:disabled span,
.btn.btn-circle:disabled,
.btn.btn-circle:disabled span,
.btn.btn-secondary.fill:disabled,
.btn.btn-secondary.fill:disabled span {
  color: #bfbfbf;
}

.btn:disabled::after,
.btn.btn-default:disabled::after,
.btn.btn-primary:disabled::after,
.btn.btn-create:disabled::after,
.btn.btn-circle:disabled::after,
.btn.btn-secondary.fill:disabled::after {
  display: none;
}

.btn-primary {
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  height: 3.6rem;
  padding: 0 2rem;
  transition: .3s;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 6px;
  background: #3e6aff;
  align-items: center;
  justify-content: center;
}

.btn-primary:hover {
  opacity: 1;
  color: #fff;
  background: #88a8f8;
}

.btn-create {
  font-size: 1.8rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 20rem;
  height: 4.4rem;
  padding: 0 2rem;
  transition: opacity .3s, box-shadow .6s;
  color: #fff;
  border: 0;
  border-radius: 10rem;
  outline: none;
  box-shadow: 0 22px 20px -16px rgba(0, 0, 0, .45);
  align-items: center;
  justify-content: center;
}

.btn-create span {
  position: relative;
  z-index: 2;
}

.btn-create::after {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  transition: opacity .3s ease;
  opacity: 1;
  background: linear-gradient(360deg, #1152f2 -534.09%, #1fddcb 100%);
}

.btn-create::before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  transition: opacity .3s ease;
  opacity: 0;
  background: #88a8f8;
}

.btn-create:hover,
.btn-create:focus {
  box-shadow: 0 22px 20px -16px rgba(0, 0, 0, 0);
}

.btn-create:hover::before,
.btn-create:focus::before {
  opacity: 1;
}

.btn-create .icon-plus {
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}

.btn-create .icon-plus::after,
.btn-create .icon-plus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #fff;
}

.btn-create .icon-plus::after {
  width: .2rem;
  height: 100%;
}

.btn-create .icon-plus::before {
  width: 100%;
  height: .2rem;
}

.btn-create.secondary {
  width: 6rem;
  min-width: 1px;
  height: 6rem;
  padding: 0;
  border-radius: 100%;
}

.btn-create.secondary .icon-plus {
  margin-right: 0;
}

.btn-create.fixed {
  position: fixed;
  right: 16rem;
  bottom: 13rem;
}

a.btn-create {
  display: inline-flex;
  text-decoration: none;
}

.btn-publish {
  font-size: 1.8rem;
  font-weight: 600;
  display: inline-block;
  height: 3.6rem;
  padding: 0 2rem;
  transition: background .3s;
  vertical-align: middle;
  color: #fff;
  border: 0;
  border-radius: 4.2rem;
  background: #1152f2;
}

.btn-publish:hover {
  opacity: 1;
  background: #88a8f8;
}

.btn-cancel {
  font-size: 1.8rem;
  font-weight: 600;
  display: inline-block;
  height: 3.6rem;
  padding: 0 1.3rem;
  transition: background, color .3s;
  vertical-align: middle;
  color: #ff6f5c;
  border: 0;
  border-radius: 20px;
  background: rgba(255, 111, 92, .15);
}

.btn-cancel:hover {
  color: #fff;
  background: #88a8f8;
}

.btn-delete {
  font-size: 0;
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  transition: background .3s;
  vertical-align: middle;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 111, 92, .2);
}

.btn-delete::before {
  content: '';
  color: #ff6f5c;
}

.btn-delete:hover {
  background: #88a8f8;
}

.btn-delete:hover::before {
  color: #fff;
}

.btn-inline {
  font: inherit;
  display: inline-block;
  text-align: left;
  color: currentColor;
  border: 0;
  background: none;
}

.btn-close {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 3.2rem;
  transition: color .3s;
  border: 0;
  background: none;
}

.btn-close::before {
  font-size: 1.1rem;
  content: '';
}

.btn-close:hover {
  color: #88a8f8;
}

.btn-settings {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.2rem;
  height: 3.2rem;
  transition: color .3s;
  border: 0;
  background: none;
}

.btn-settings::before {
  font-size: 1.6rem;
  content: '';
}

.btn-settings:hover {
  color: rgba(0, 0, 0, .65);
}

.btn-back {
  font: inherit;
  position: relative;
  padding: 0 2rem;
  transition: all .3s;
  text-decoration: none;
  color: currentColor;
  border: 0;
  background: none;
}

.btn-back::before {
  font-size: .8rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  content: '';
  transform: rotate(90deg);
}

.btn-back:hover {
  opacity: .6;
}

.btn-prev,
.btn-next {
  display: flex;
  width: 3.6rem;
  height: 3.6rem;
  transition: background-color .3s;
  border: none;
  border-radius: 6px;
  background-color: #3e6aff;
  align-items: center;
  justify-content: center;
}

.btn-prev:hover,
.btn-next:hover {
  transition: background-color .3s;
  background-color: #88a8f8;
}

.btn-prev .icon-prev,
.btn-prev .icon-next,
.btn-next .icon-prev,
.btn-next .icon-next {
  width: .9rem;
  height: 1.4rem;
  fill: #fff;
}

.calendar-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  display: flex;
  width: 1rem;
  height: 1rem;
  padding: 0;
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
  align-items: center;
  justify-content: center;
}

.calendar-btn .icon-arrow {
  width: .9rem;
  height: .7rem;
  transition: fill .3s;
  fill: #000;
}

.calendar-btn:hover .icon-arrow {
  transition: fill .3s;
  fill: #88a8f8;
}

.btn-custom {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5rem;
  transition: .3s;
  border: none;
  background-color: transparent;
}

.btn-custom span {
  transition: border-width .2s, color .3s;
  color: #000;
  border-bottom: 1px solid #bec1c5;
}

.btn-custom .icon-unite {
  width: 1.4rem;
  height: 1.3rem;
  margin-right: 6px;
  transition: fill .3s;
  fill: #000;
}

.btn-custom.active span {
  transition: border-width .2s, color .3s;
  color: #f92740;
  border-width: 0;
}

.btn-custom.active .icon-unite {
  transition: fill .3s;
  fill: #f92740;
}

.btn-custom:hover span {
  transition: border-width .2s, color .3s;
  color: #88a8f8;
  border-width: 0;
}

.btn-custom:hover .icon-unite {
  transition: fill .3s;
  fill: #88a8f8;
}

.btn-secondary {
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2rem;
  display: flex;
  height: fit-content;
  padding-top: .7rem;
  padding-bottom: .7rem;
  text-align: right;
  white-space: nowrap;
  color: #fff;
  border: none;
  border-radius: 30px;
  align-items: center;
  justify-content: center;
}

.btn-login {
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2rem;
  position: relative;
  display: flex;
  width: 100%;
  max-width: 24rem;
  height: 4.4rem;
  transition: .3s;
  color: #fff;
  border: none;
  border-radius: 42px;
  background: #1152f2;
  box-shadow: 0 18px 18px -6px rgba(48, 90, 192, .4);
  align-items: center;
  justify-content: center;
}

.btn-login:hover {
  background: #88a8f8;
  box-shadow: none;
}

.btn-eye {
  position: absolute;
  right: 1rem;
  bottom: 50%;
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0;
  transition: .3s;
  transform: translateY(50%);
  border: none;
  outline: none;
  background-color: transparent;
  align-items: center;
  justify-content: center;
}

.btn-eye * {
  pointer-events: none;
}

.btn-eye:hover svg {
  opacity: 1;
  fill: #88a8f8;
}

.btn-eye svg {
  display: none;
}

.btn-eye svg.view-open {
  display: block;
}

.btn-eye .icon-eye-close {
  width: 1.8rem;
  height: 1.5rem;
  opacity: .3;
  fill: #000;
}

.btn-eye .icon-eye-open {
  width: 1.8rem;
  height: 1.5rem;
  margin-top: .4rem;
  fill: #313154;
}

.btn-lang-next.btn-primary {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
}

.btn-filters {
  position: relative;
  display: flex;
  width: 3.6rem;
  height: 3.6rem;
  transition: border-color .3s;
  border: 1px solid rgba(42, 48, 51, .25);
  border-radius: 100%;
  background-color: transparent;
  align-items: center;
  justify-content: center;
}

.btn-filters .icon-filter {
  width: 1.4rem;
  height: 1.9rem;
  transition: fill .3s;
  fill: #000;
}

.btn-filters:hover {
  border-color: #88a8f8;
}

.btn-filters:hover .icon-filter {
  fill: #88a8f8;
}

.btn-filters .counter {
  position: absolute;
  top: -.5rem;
  right: -.5rem;
}

.counter {
  font-family: 'Montserrat';
  font-size: 1rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2rem;
  display: flex;
  padding: .3rem .6rem;
  white-space: nowrap;
  color: #fff;
  border-radius: 2rem;
  background: #313154;
  align-items: center;
  justify-content: center;
}

.counter.secondary {
  line-height: normal;
  min-width: 2.2rem;
  height: 1.8rem;
  margin-left: 1rem;
  background: rgba(255, 111, 92, .4);
}

.counter-table {
  font-size: 1.2rem;
  font-weight: 600;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: -2.5rem;
  min-width: 3.9rem;
  padding: .3rem .6rem;
  transform: translateY(-50%);
  text-align: left;
  color: #fff;
  border-radius: .2rem;
  background-color: rgba(0, 0, 0, .5);
}

.table-counter {
  font-size: 1.6rem;
  font-weight: 600;
  display: inline-flex;
  min-width: 2.6rem;
  min-height: 2.6rem;
  margin-left: 1rem;
  padding: .3rem .8rem;
  vertical-align: middle;
  background-color: #834957;
}

.btn-default {
  font-family: 'Montserrat';
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2rem;
  display: flex;
  padding: .9rem 1.2rem;
  transition: background-color .3s, box-shadow .3s, color .3s;
  color: #fff;
  border-radius: 5rem;
  background-color: #1152f2;
  align-items: center;
  justify-content: center;
}

.btn-default span {
  transition: opacity .3s;
  opacity: 1;
}

.btn-default.lg {
  min-width: 24rem;
  padding: 1.3rem 1.2rem;
  border-radius: 10rem;
  box-shadow: 0 22px 20px -16px rgba(48, 90, 192, .55);
}

.btn-default.light {
  color: #ff6f5c;
  background-color: rgba(255, 111, 92, .15);
}

.btn-default.dark {
  color: #1152f2;
  background-color: rgba(17, 82, 242, .1);
}

.btn-default .icon {
  transition: fill .3s;
}

.btn-default:hover {
  color: #fff;
  background-color: #88a8f8;
  box-shadow: 0 22px 20px -16px rgba(48, 90, 192, 0);
}

.btn-default:hover .icon {
  fill: #fff;
}

.btn-default .icon {
  width: 1.6rem;
  height: 1.7rem;
  margin-right: 1rem;
  fill: #ff6f5c;
}

.btn-default.cancel-xs .icon {
  margin-right: 0;
}

.btn-circle {
  font-size: 0;
  display: flex;
  min-width: 4rem;
  height: 4rem;
  transition: background-color .3s;
  color: transparent;
  border-radius: 5rem;
  background-color: rgba(255, 111, 92, .15);
  align-items: center;
  justify-content: center;
}

.btn-circle .icon-arrow {
  width: 1.6rem;
  height: 1.7rem;
}

.btn-circle .icon-delete {
  width: 1.4rem;
  height: 1.7rem;
}

.btn-circle .icon {
  transition: fill .3s;
  fill: #ff6f5c;
}

.btn-circle:hover {
  background-color: #88a8f8;
}

.btn-circle:hover .icon {
  fill: #fff;
}

.btn-circle-secondary {
  font-size: 0;
  display: flex;
  width: 1.8rem;
  height: 1.8rem;
  transition: border-color .3s;
  color: transparent;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 1.8rem;
  align-items: center;
  justify-content: center;
}

.btn-circle-secondary .icon {
  width: .6rem;
  height: 1rem;
  transition: fill .3s;
  fill: rgba(0, 0, 0, .25);
}

.btn-circle-secondary:hover {
  border-color: #88a8f8;
}

.btn-circle-secondary:hover .icon {
  fill: #88a8f8;
}

.btn-secondary {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  display: flex;
  padding: 1.2rem;
  transition: color .3s, background-color .3s;
  text-align: center;
  color: #1152f2;
  border-radius: .6rem;
  background: rgba(17, 82, 242, .1);
  align-items: center;
}

.btn-secondary.lg {
  font-size: 1.8rem;
  line-height: 2.2rem;
  width: 100%;
  max-width: 82rem;
  padding: .9rem 1.2rem;
}

.btn-secondary.sm {
  width: 4rem;
  height: 4rem;
  padding: 0;
}

.btn-secondary.fill {
  min-width: 20rem;
  background-color: #1152f2;
}

.btn-secondary .icon-arrow {
  width: 1.7rem;
  height: 1.4rem;
}

.btn-secondary .icon {
  transition: fill .3s;
  fill: #1152f2;
}

.btn-secondary .icon-edit {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: .5rem;
}

.btn-secondary .icon-plus {
  position: relative;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.btn-secondary .icon-plus::after,
.btn-secondary .icon-plus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  transform: translate(-50%, -50%);
  border-radius: .5rem;
  background-color: #fff;
}

.btn-secondary .icon-plus::after {
  width: 100%;
  height: .2rem;
}

.btn-secondary .icon-plus::before {
  width: .2rem;
  height: 100%;
}

.btn-secondary.prev .icon-arrow {
  transform: rotate(-180deg);
}

.btn-secondary:hover {
  color: #fff;
  background-color: #88a8f8;
}

.btn-secondary:hover .icon {
  fill: #fff;
}

.btn-filter {
  position: relative;
  display: flex;
  width: 4rem;
  height: 4rem;
  transition: border-color .3s;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 10rem;
  align-items: center;
  justify-content: center;
}

.btn-filter .icon-filter {
  width: 1.4rem;
  height: 1.9rem;
  transition: fill .3s;
  fill: #000;
}

.btn-filter .counter {
  position: absolute;
  top: -.3rem;
  right: -.3rem;
  transition: background-color .3s;
}

.btn-filter.active {
  border-color: #313154;
}

.btn-filter:hover {
  border-color: #88a8f8;
}

.btn-filter:hover .icon-filter {
  fill: #88a8f8;
}

.btn-filter:hover.fill .icon-filter {
  fill: #000;
}

.btn-filter:hover.fill .counter {
  background-color: #88a8f8;
}

.btn-frameless {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  display: flex;
  padding: 0;
  transition: color .3s;
  color: #000;
  align-items: center;
}

.btn-frameless .icon-plus {
  position: relative;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
}

.btn-frameless .icon-plus::after,
.btn-frameless .icon-plus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  transition: background-color .3s;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  background-color: #000;
}

.btn-frameless .icon-plus::before {
  width: 100%;
  height: .2rem;
}

.btn-frameless .icon-plus::after {
  width: .2rem;
  height: 100%;
}

.btn-frameless .icon-select {
  visibility: visible;
  width: 1.4rem;
  height: 1.5rem;
  margin-right: .4rem;
  transition: fill .3s, opacity .3s, margin-right .3s;
  opacity: 1;
  fill: #000;
}

.btn-frameless.error {
  color: #ff6f5c;
}

.btn-frameless.error .icon-plus {
  transform: rotate(45deg);
}

.btn-frameless.error .icon-plus::after,
.btn-frameless.error .icon-plus::before {
  background-color: #ff6f5c;
}

.btn-frameless:hover {
  color: #88a8f8;
}

.btn-frameless:hover .icon-plus::after,
.btn-frameless:hover .icon-plus::before {
  background-color: #88a8f8;
}

.btn-frameless:hover .icon-select {
  fill: #88a8f8;
}

.btn-frameless.active-select .icon-select {
  position: absolute;
  visibility: hidden;
  margin-right: 0;
  opacity: 0;
}

.btn-sort {
  padding: 0;
}

.btn-sort span {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  transition: color .1s linear;
  color: rgba(0, 0, 0, .5);
}

.btn-sort .icon {
  width: .6rem;
  height: .6rem;
  transition: fill .3s;
  fill: rgba(0, 0, 0, .25);
}

.btn-sort .icon + .icon {
  margin-top: .2rem;
}

.btn-sort:hover .icon {
  fill: #88a8f8;
}

.btn-sort:hover span {
  color: #88a8f8;
}

.btn-sort.btn-sort-asc .icon.inc {
  fill: #313154;
}

.btn-sort.btn-sort-desc .icon.dec {
  fill: #313154;
}

.navigation-button {
  position: relative;
  z-index: 2;
  width: 4rem;
  min-width: 4rem;
  max-width: 4rem;
  height: 4rem;
  margin-left: 2rem;
  border-radius: 6px;
  background: rgba(17, 82, 242, .1);
  align-items: center;
  justify-content: center;
}

.navigation-button .icon-arrow {
  width: 1.7rem;
  height: 1.4rem;
  fill: #1152f2;
}

.navigation-button.previous {
  margin-right: 2rem;
  margin-left: 0;
}

.navigation-button.previous .icon-arrow {
  transform: rotate(-180deg);
}

.navigation-button.disable {
  display: none;
}

.btn-aside-nav {
  display: none;
}

.btn-mobile-aside {
  display: none;
}

.btn-options-wrapper {
  position: relative;
  display: contents;
}

.btn-options-wrapper:last-child .btn-options::after {
  margin-right: 0;
}

.btn-options-wrapper .info-block__inner-wrapper {
  padding: 2rem;
}

.btn-options {
  display: contents;
  width: 1.8rem;
  height: 1.8rem;
}

.btn-options .icon-dots {
  width: 1.8rem;
  height: 1.8rem;
  opacity: .25;
}

.btn-options .icon-dots:hover {
  opacity: 1;
  filter: invert(75%) sepia(81%) saturate(3611%) hue-rotate(196deg) brightness(107%) contrast(94%);
}

.btn-options::after {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 1.2rem;
  content: '';
  pointer-events: none;
  background-color: #e0e0e5;
}

.btn-option {
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  width: 100%;
  transition: color .3s;
  text-align: left;
}

.btn-option--delete {
  color: #ff6f5c;
}

.btn-option--copy {
  color: #1152f2;
}

.btn-option:hover {
  color: #88a8f8;
}

.btn-option:not(:last-child) {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.with-dpd {
  position: relative;
}

.dpd-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  display: none;
  margin-top: 1.7rem;
}

.dpd-body {
  position: absolute;
  z-index: 100;
  left: 50%;
  max-width: 46rem;
  padding: 2rem;
  transform: translateX(-50%);
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
}

.dpd-list {
  white-space: nowrap;
}

.dpd-list li {
  margin: 1rem 0;
  list-style: none;
}

.dpd-list li button {
  font-size: 1.8rem;
  font-weight: 600;
  display: block;
  width: 100%;
  transition: opacity .3s;
  text-align: left;
  border: 0;
  background: none;
}

.dpd-list li button:hover {
  opacity: .65;
}

.dpd-search__field {
  display: flex;
  transition: border-color .2s;
  border: 1px solid #b8c0c7;
  border-radius: 6px;
}

.dpd-search__field:hover {
  border-color: #b4b6b7;
}

.dpd-search__field input {
  box-sizing: border-box;
  width: 100%;
  min-width: 38.5rem;
  margin-right: -4rem;
  border: 0;
  border-radius: 5px;
  outline: none;
  background: none;
}

.dpd-search__field input:focus {
  box-shadow: 0 0 0 1px #88a8f8;
}

.dpd-search__field button {
  position: relative;
  overflow: hidden;
  width: 4rem;
  text-align: left;
  text-indent: -200%;
  border: 0;
  background: none;
}

.dpd-search__field button * {
  pointer-events: none;
}

.dpd-search__field button::before {
  position: absolute;
  top: .8rem;
  left: 1.1rem;
  content: '';
  text-indent: 0;
}

.dpd-search__results {
  margin: 1.9rem 0 -2rem;
  color: #000;
}

.dpd-search__results .e-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.6rem 0;
  text-align: left;
  border: 0;
  border-top: 1px solid #eaebeb;
  background: none;
}

.dpd-search__results .e-item:hover .e-title,
.dpd-search__results .e-item:hover .e-meta {
  color: #88a8f8;
}

.dpd-search__results .e-title {
  font-size: 1.6rem;
  margin: 0 0 .6rem;
  transition: .3s;
  word-break: break-word;
}

.dpd-search__results .e-meta {
  font-size: 1.2rem;
  transition: .3s;
  color: #959899;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.page-splitted {
  position: relative;
  margin: 0;
}

.page-splitted > h1 {
  margin-bottom: 3rem;
}

.page-splitted > h2 {
  margin-bottom: 3rem;
}

.page-splitted hr {
  height: 1px;
  margin: 1.5rem 0;
  color: #dddfe3;
  border: none;
  background-color: #dddfe3;
}

.page-splitted__head {
  width: 100%;
}

.page-splitted__head .btn-default.save {
  background: #dde5f9;
}

.page-splitted__head .btn-default.save .icon {
  fill: #1152f2;
}

.page-splitted__head .btn-default.save:hover {
  background: #88a8f8;
}

.page-splitted__head .btn-default.save:hover .icon {
  fill: #fff;
}

.page-splitted__head .btn-default.publish {
  width: max-content;
}

.page-splitted__head .btn-default.cancel,
.page-splitted__head .btn-default.save {
  display: flex;
  min-width: 4rem;
  min-height: 4rem;
  padding: 0;
  align-items: center;
  justify-content: center;
}

.page-splitted__head .btn-default.cancel span,
.page-splitted__head .btn-default.save span {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.page-splitted__head .btn-default.cancel .icon,
.page-splitted__head .btn-default.save .icon {
  width: 18px;
  height: 18px;
  margin-right: 0;
}

.page-splitted__head.is-affixed .inner-wrapper-sticky {
  z-index: 25;
  width: calc(100% - 35rem) !important;
  padding: 1.5rem 0;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  background-color: #f0f1f5;
  will-change: position, transform;
}

.page-splitted__head.is-affixed .inner-wrapper-sticky::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 100%;
  width: 100vw;
  height: 100%;
  content: '';
  background: #f0f1f5;
}

.page-splitted__head.is-affixed .page-splitted-head__wrapper {
  margin-bottom: 0;
}

.page-splitted__head.is-affixed .section-title {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.page-splitted__head.is-affixed .page-splitted__head-head {
  width: 20%;
  margin-bottom: 0;
}

.page-splitted__head.is-affixed .page-splitted__head-head + .page-splitted-head__wrapper {
  margin-right: 6.5rem;
}

.page-splitted__head.is-affixed .page-splitted-head__wrapper {
  width: calc(80% - 6.5rem);
}

.page-splitted__head.is-affixed .page-splitted-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}

.page-splitted__head.is-affixed .page-splitted-wrapper.lg .page-splitted__head-head {
  display: none;
}

.page-splitted__head.is-affixed .page-splitted-wrapper.lg .page-splitted-head__wrapper {
  width: 100%;
  margin-right: 0;
}

.page-splitted__head.is-affixed .grid-buttons {
  display: flex;
}

.page-splitted__head.is-affixed .btn-cancel {
  display: flex;
  width: 4rem;
  height: 4rem;
  padding: 0;
  align-items: center;
  justify-content: center;
}

.page-splitted__head.is-affixed .btn-cancel span {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.page-splitted__head.is-affixed .btn-cancel .icon {
  position: relative;
  visibility: visible;
  opacity: 1;
}

.page-splitted__head-head {
  display: flex;
  margin-bottom: 6rem;
  align-items: flex-start;
  justify-content: space-between;
}

.section-title {
  font-family: 'Montserrat';
  font-size: 2.4rem;
  font-weight: 700;
  font-style: normal;
  line-height: 2.9rem;
  max-width: 89rem;
  color: #000;
}

.section-title__subtitle {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 1rem;
}

.grid-buttons {
  display: flex;
  margin: 0 -1rem;
  align-items: center;
}

.grid-buttons .btn {
  margin: 0 1rem;
}

.grid-buttons.right {
  justify-content: right;
}

.page-splitted-head__wrapper {
  position: relative;
  z-index: 2;
  display: flex;
  margin-bottom: 4.5rem;
  align-items: flex-end;
}

.page-splitted-head__wrapper.decor::before {
  left: 5.5rem;
  transform: rotate(-180deg);
}

.page-splitted-head__wrapper.decor::after {
  right: 5.5rem;
}

.page-splitted-head__wrapper.decor::before,
.page-splitted-head__wrapper.decor::after {
  position: absolute;
  z-index: 1;
  top: -.8rem;
  bottom: .6rem;
  width: 5rem;
  height: 100%;
  content: '';
  background: linear-gradient(90deg, rgba(243, 245, 249, 0) 0%, #f0f1f5 100%);
}

.page-splitted-head__wrapper.decor--right-hide::after {
  display: none;
}

.page-splitted-head__wrapper.decor--left-hide::before {
  display: none;
}

.page-splitted-head__wrapper > .btns {
  display: flex;
  width: 30%;
  margin-left: auto;
}

.page-splitted-head__wrapper > .btns button {
  margin-left: 3.5rem;
}

.page-splitted-head__wrapper > .btns button + button {
  margin-left: 1.8rem;
}

.page-splitted-head__wrapper .page-tabs {
  margin-bottom: 0;
}

.page-grid {
  display: flex;
}

.page-sidebar {
  width: 30%;
  min-height: 100vh;
  padding: 0 0 0 3rem;
}

.page-sidebar__sticky.is-affixed .inner-wrapper-sticky {
  top: 10rem !important;
}

.page-panel {
  width: 70%;
  padding: 0 3rem 0 0;
}

.page-panel.lg {
  width: 100%;
  padding: 0;
}

.page-panel.lg .page-splitted__main {
  padding: 0;
}

.page-tabs {
  position: relative;
  width: 100%;
  max-width: 1260px;
  margin-bottom: 4.5rem;
  scrollbar-width: none;
}

.page-tabs li.active .btn {
  color: #000;
}

.page-tabs li.active .btn .icon {
  fill: #000;
}

.page-tabs .btn {
  display: flex;
  color: rgba(0, 0, 0, .5);
  align-items: center;
}

.page-tabs .btn .icon {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  transition: fill .3s;
  fill: rgba(0, 0, 0, .5);
}

.page-tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.page-tabs hr {
  position: relative;
  z-index: 3;
  width: 12rem;
  height: .3rem;
  margin-top: -.2rem;
  margin-bottom: 0;
  margin-left: 0;
  transition: width .3s, margin-left .3s;
  border: none;
  border-radius: .2rem;
  background-color: #313154;
}

.page-tabs.no-btn ul {
  width: calc(100% + 9rem);
}

.page-tabs.scrolling {
  overflow-x: auto;
  overflow-y: hidden;
}

.page-tabs ul {
  font-family: 'Montserrat';
  font-size: 1.4rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.7rem;
  z-index: 1;
  display: flex;
  width: max-content;
  min-width: 100%;
  margin-right: 4rem;
  margin-left: 0;
  letter-spacing: .01em;
  color: #000;
  border-bottom: 1px solid #dddfe3;
}

.page-tabs ul li {
  display: block;
  min-width: fit-content;
  padding-bottom: 1.1rem;
  list-style: none;
  cursor: pointer;
  transition: color .3s;
}

.page-tabs ul li:not(:last-child) {
  margin: 0 5rem 0 0;
}

.page-tabs ul li:hover {
  transition: color .3s;
  color: #88a8f8;
}

.page-tabs ul li.ng-hide {
  display: none !important;
}

.page-tabs ul a,
.page-tabs ul button {
  text-decoration: none;
  text-transform: uppercase;
}

.page-tabs ul button {
  font: inherit;
  position: relative;
  transition: .3s;
  color: inherit;
  border: 0;
  background: none;
}

.page-tabs ul button:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% + 1.1rem);
  content: '';
}

.page-tabs ul button:hover {
  color: #88a8f8;
}

.page-tabs ul button:hover .icon {
  fill: #88a8f8;
}

.page-tabs ul button.active {
  position: relative;
  border-bottom-color: #f92740;
}

@keyframes after-width {
  from {
    transform: translateX(-100%);
  }

  50% {
    transform: translateX(50%);
  }

  to {
    transform: translateX(0);
  }
}

.page-splitted__head + .page-splitted__body {
  position: relative;
}

.page-splitted-body__wrapper {
  display: flex;
  padding: 0;
}

.page-splitted-body__wrapper.m-full {
  display: block;
  width: 100%;
  padding: 4rem 2.4rem;
}

.page-splitted__main {
  margin-top: -4rem;
  padding: 0 2rem 2rem 0;
  flex-grow: 1;
}

.page-splitted__main.grid-default {
  margin: 0 -1.5rem;
  padding: 4.7rem 0 0;
  justify-content: space-between;
}

.page-splitted__main h2 {
  margin: 1rem 0 3rem;
}

.page-splitted__main.small-wrapper {
  max-width: 85rem;
}

.u-sticky-top {
  max-width: 42rem;
  padding: 0 .8rem 2rem;
}

.u-sticky-top h2 {
  margin-bottom: 3rem;
}

.page-splitted__aside {
  box-sizing: border-box;
  width: 100%;
  max-width: 46rem;
  height: fit-content;
  background: transparent;
}

.page-splitted__aside.is-affixed .inner-wrapper-sticky {
  z-index: 11;
  background-color: #f0f1f5;
}

.page-sidebar__sticky.is-affixed .page-splitted__inner {
  max-height: 86vh;
}

.page-splitted__inner {
  overflow-y: auto;
  height: 100%;
  max-height: 60vh;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .25) transparent;
}

.page-splitted__inner::-webkit-scrollbar {
  width: .4rem;
  background-color: transparent;
}

.page-splitted__inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, .25);
}

.page-splitted__aside-holder {
  box-sizing: border-box;
  width: 32.5rem;
  margin-right: -2.4rem;
  padding: 3.8rem 2.4rem 2rem;
  flex-shrink: 0;
}

.nav-iconed ul:not(:last-child) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.nav-iconed li {
  margin: 0 0 1rem;
  list-style: none;
}

.nav-iconed li.sep {
  height: .1rem;
  background: #eaebeb;
}

.nav-iconed button {
  font: inherit;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.2rem;
  position: relative;
  display: block;
  width: 100%;
  min-height: 3.6rem;
  padding-left: 1rem;
  transition: background-color .3s, color .3s;
  text-align: left;
  word-break: break-word;
  color: inherit;
  border: 0;
  border-radius: 6px;
  background: none;
}

.nav-iconed button:hover,
.nav-iconed button:focus {
  color: #1152f2;
  background-color: rgba(17, 82, 242, .1);
}

.nav-iconed button:hover svg.icon,
.nav-iconed button:focus svg.icon {
  transform: scale(.8);
  opacity: 0;
}

.nav-iconed button:hover .icon-plus,
.nav-iconed button:focus .icon-plus {
  opacity: 1;
  stroke: #88a8f8;
}

.nav-iconed button:disabled {
  pointer-events: none;
  color: #808080;
}

.nav-iconed button:disabled .icon {
  fill: #808080;
  filter: brightness(0) saturate(100%) invert(50%) sepia(4%) saturate(0%) hue-rotate(181deg) brightness(99%) contrast(100%);
}

.nav-iconed button .icon-plus {
  position: absolute;
  position: absolute;
  top: .8rem;
  left: 1rem;
  width: 2.4rem;
  height: 2rem;
  transition: opacity .3s;
  opacity: 0;
  fill: #000;
}

.nav-iconed .icon {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 1.3rem -.5rem 0;
  transition: opacity .3s, transform .3s;
  color: #1152f2;
  fill: #1152f2;
}

.content-view__inner {
  display: inline-block;
  padding: 1rem;
  vertical-align: top;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .12);
  align-self: stretch;
}

.content-view {
  position: relative;
  padding: 0 1.5rem;
}

.content-view.m-medium {
  width: 70%;
}

.content-view.m-small {
  width: 30%;
}

.content-view.m-big {
  width: 100%;
}

.content-view.grid-default__col:first-child {
  margin-bottom: 4.5rem;
}

.content-view .label {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 1.8rem;
  color: #000;
}

.content-view img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.mock-placeholder {
  position: relative;
  display: flex;
  min-height: 18rem;
  padding: 1rem;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  border: 1px dashed rgba(42, 48, 51, .25);
  border-radius: 4px;
}

.mock-placeholder:hover,
.mock-placeholder:focus {
  border-color: rgba(17, 82, 242, .5);
}

.mock-placeholder:hover .mock-placeholder__message,
.mock-placeholder:focus .mock-placeholder__message {
  color: rgba(17, 82, 242, .5);
}

.mock-placeholder.error {
  border-color: #ff6f5c;
}

.mock-placeholder__message {
  font-size: 1.3rem;
  line-height: 1.23;
  max-width: 24rem;
  margin: auto;
  transition: .2s;
  color: #aeaeae;
}

.mock-placeholder__message::before {
  font-size: 2.4rem;
  display: block;
  margin: 0 auto 2.4rem;
  content: '';
  transition: .2s;
}

.text-editor-row hr {
  margin: 2rem -1rem;
}

.text-editor-row.drag {
  box-shadow: 0 2px 16px rgba(17, 82, 242, .35);
}

.text-editor-row__cell {
  display: flex;
  align-items: center;
}

.form-combo__title-icon {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  filter: grayscale(1);
}

.mock-wrapper {
  position: relative;
  margin-bottom: 4.5rem;
  padding: 1rem;
  transition: box-shadow .3s;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .12);
}

.mock-wrapper hr {
  margin: 2rem -1rem;
}

.mock-wrapper.m-movable:hover {
  box-shadow: 0 2px 15px rgba(62, 106, 255, .45);
}

.mock-wrapper.m-movable:hover .e-handle {
  display: block;
}

.mock-wrapper.m-movable.m-moving {
  box-shadow: 0 2px 15px rgba(62, 106, 255, .45);
}

.mock-wrapper.m-movable .e-handle {
  position: absolute;
  z-index: 10;
  top: 1rem;
  left: 50%;
  display: none;
  width: 1.2rem;
  height: 1.8rem;
  margin-left: -.6rem;
  cursor: grab;
}

.mock-wrapper.m-movable .e-handle::before {
  content: '';
  color: #cacbcc;
}

.mock-wrapper h2 {
  margin: 0 0 1.5rem;
}

.mock-wrapper > .btn-settings {
  top: .9rem;
  right: .3rem;
}

.mock-wrapper .mock-placeholder {
  margin-bottom: 1rem;
  transition: .2s;
  border-color: #aeaeae;
}

.mock-wrapper .mock-placeholder__message {
  color: #aeaeae;
}

.mock-wrapper .form-field:last-child,
.mock-wrapper .form-field:only-child {
  margin-bottom: 0;
}

.mock-wrapper .form-btn-add {
  margin-bottom: 0;
}

.mock-combo {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  column-gap: 1rem;
}

.mock-combo .w-50 {
  width: calc(50% - .5rem);
}

.mock-combo .w-100 {
  width: 100%;
}

.mock-combo-3 {
  display: flex;
  margin: 0 -.5rem;
}

.mock-combo-3 > div {
  margin-right: .5rem;
  margin-left: .5rem;
  flex: 1 0 0;
}

.mock-item {
  position: relative;
  overflow: hidden;
  margin-bottom: 1rem;
  padding: .8rem 1rem;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .12);
}

.mock-item.m-picture .mock-item__body {
  margin: -.8rem -1rem;
}

.mock-item.m-center {
  display: flex;
  flex-direction: column;
}

.mock-item.m-center .mock-item__body {
  display: flex;
  flex-direction: column;
  min-height: 15rem;
  flex-grow: 1;
  align-items: stretch;
  justify-content: center;
}

.mock-item .label {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: .9rem;
  color: #000;
}

.mock-item .form-field {
  margin-bottom: 1rem;
}

.mock-item__body img {
  display: block;
  width: 100%;
  margin-bottom: 1.1rem;
}

.mock-item__body img:last-child {
  margin-bottom: 0;
}

.mock-item__select {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mock-item__select .form-select {
  width: 100%;
  max-width: 35rem;
}

.mock-item__select.m-large-border {
  height: 20rem;
  border: 1px dashed rgba(42, 48, 51, .25);
  border-radius: 4px;
}

.mock-item__select.m-large-border .mock-item__label {
  margin-top: 0;
}

.mock-item__label {
  font-family: 'Montserrat';
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6rem;
  margin-top: 2.4rem;
  margin-bottom: 1.8rem;
  color: #aeaeae;
}

.mock-placeholder__wrapper {
  display: flex;
  height: 22rem;
  cursor: pointer;
  text-align: center;
  border: 1px dashed rgba(42, 48, 51, .25);
  border-radius: 4px;
  align-items: center;
}

.text-editor-block {
  position: relative;
  min-height: 3.2rem;
  padding-bottom: 1.1rem;
  align-items: center;
  justify-content: space-between;
}

/* https://google-webfonts-helper.herokuapp.com/fonts/montserrat?subsets=cyrillic,latin */

/* montserrat-regular - latin_cyrillic */

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/montserrat-v14-latin_cyrillic-regular.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-v14-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-v14-latin_cyrillic-regular.woff2') format('woff2'), url('../fonts/montserrat-v14-latin_cyrillic-regular.woff') format('woff'), url('../fonts/montserrat-v14-latin_cyrillic-regular.ttf') format('truetype'), url('../fonts/montserrat-v14-latin_cyrillic-regular.svg#Montserrat') format('svg');
  /* Legacy iOS */
}

/* montserrat-500 - latin_cyrillic */

@font-face {
  font-family: 'Montserrat';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/montserrat-v14-latin_cyrillic-500.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/montserrat-v14-latin_cyrillic-500.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-v14-latin_cyrillic-500.woff2') format('woff2'), url('../fonts/montserrat-v14-latin_cyrillic-500.woff') format('woff'), url('../fonts/montserrat-v14-latin_cyrillic-500.ttf') format('truetype'), url('../fonts/montserrat-v14-latin_cyrillic-500.svg#Montserrat') format('svg');
  /* Legacy iOS */
}

/* montserrat-600 - latin_cyrillic */

@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/montserrat-v14-latin_cyrillic-600.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/montserrat-v14-latin_cyrillic-600.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-v14-latin_cyrillic-600.woff2') format('woff2'), url('../fonts/montserrat-v14-latin_cyrillic-600.woff') format('woff'), url('../fonts/montserrat-v14-latin_cyrillic-600.ttf') format('truetype'), url('../fonts/montserrat-v14-latin_cyrillic-600.svg#Montserrat') format('svg');
  /* Legacy iOS */
}

/* montserrat-700 - latin_cyrillic */

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/montserrat-v14-latin_cyrillic-700.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/montserrat-v14-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-v14-latin_cyrillic-700.woff2') format('woff2'), url('../fonts/montserrat-v14-latin_cyrillic-700.woff') format('woff'), url('../fonts/montserrat-v14-latin_cyrillic-700.ttf') format('truetype'), url('../fonts/montserrat-v14-latin_cyrillic-700.svg#Montserrat') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family: 'PF Regal Text Pro';
  font-weight: 400;
  font-style: normal;
  src: local('PF Regal Text Pro RegularA'), local('PF-Regal-Text-Pro-RegularA'), url('../fonts/PFRegalTextPro-RegularA.woff2') format('woff2'), url('../fonts/PFRegalTextPro-RegularA.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Mono';
  font-weight: 400;
  font-style: normal;
  src: local('Roboto Mono'), local('Roboto Mono'), url('../fonts/RobotoMono-Regular.woff2') format('woff2'), url('../fonts/RobotoMono-Regular.woff') format('woff');
  font-display: swap;
}

.alert {
  position: fixed;
  z-index: 30;
  top: 5rem;
  left: 50%;
  max-width: fit-content;
  transition: opacity .2s ease;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  border-radius: 1.2rem;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .16);
}

.alert.hide {
  animation: slide-out 1s ease forwards;
}

.alert.active {
  animation: slide-in 1s ease forwards;
  pointer-events: all;
  opacity: 1;
}

.alert.success {
  background: linear-gradient(0deg, rgba(0, 223, 165, .25), rgba(0, 223, 165, .25)), #fff;
}

.alert.success .alert__icon {
  background: url('../images/ok.png');
  background-position: center;
  background-size: 2.8rem;
}

.alert.warning {
  background: linear-gradient(0deg, rgba(250, 187, 46, .25), rgba(250, 187, 46, .25)), #fff;
}

.alert.warning .alert__icon {
  background: url('../images/warning.png');
  background-position: center;
  background-size: 2.8rem;
}

.alert.error {
  background: linear-gradient(0deg, rgba(255, 111, 92, .25), rgba(255, 111, 92, .25)), #fff;
}

.alert.error .alert__icon {
  background: url('../images/sad.png');
  background-position: center;
  background-size: 2.8rem;
}

.alert__inner {
  display: flex;
  padding: 2rem;
  justify-content: center;
  gap: 3rem;
}

.alert__group {
  display: flex;
  max-width: 18rem;
  height: fit-content;
  align-items: center;
  gap: 3rem;
}

.alert__icon {
  min-width: 2.8rem;
  min-height: 2.8rem;
}

.alert__text {
  line-height: 2rem;
  max-width: 23rem;
  color: rgba(0, 0, 0, .5);
}

.alert__text a {
  transition: border-color .1s linear;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.alert__text a:hover {
  border-color: #000;
}

@keyframes slide-in {
  0% {
    transform: translateY(-100%) scale(.5);
    opacity: 0;
  }

  100% {
    transform: translateY(0px) scale(1);
    opacity: 1;
  }
}

@keyframes slide-out {
  0% {
    transform: translateY(0px) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateY(-200%) scale(.5);
    opacity: 0;
  }
}

.layout-footer {
  position: relative;
  z-index: 26;
  display: flex;
  min-height: 6rem;
  padding: 1.9rem 0;
  background: #161616;
  align-items: center;
}

.layout-footer .container {
  width: 100%;
}

.layout-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layout-footer__item {
  display: flex;
  align-items: center;
}

.logo-admin {
  display: flex;
  margin-right: 100px;
  align-items: center;
}

.logo-admin__img svg {
  width: 14.8rem;
  height: 6rem;
  opacity: .6;
}

.logo-admin__text {
  font-size: 1.3rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.8rem;
  margin-right: 2.4rem;
  color: rgba(255, 255, 255, .6);
}

.admin {
  display: flex;
  align-items: center;
}

.admin .icon-iron {
  width: 15rem;
  height: 6rem;
  margin-right: 5rem;
}

.admin .admin-text {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 17px;
  color: rgba(255, 255, 255, .5);
}

.admin .admin-text a {
  margin-left: .5rem;
  transition: color .3s;
  color: #fff;
  text-decoration-line: underline;
}

.admin .admin-text a:hover {
  transition: color .3s;
  color: #88a8f8;
  text-decoration-line: none;
}

.developer-info .developer-text {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 17px;
  color: rgba(255, 255, 255, .5);
}

.developer {
  display: flex;
  margin-left: 4rem;
  align-items: center;
}

.developer .logo-dot-net {
  width: 4rem;
  height: 4rem;
}

.developer svg {
  transition: fill .3s;
  fill: rgba(255, 255, 255, .5);
}

.developer svg:hover {
  transition: fill .3s;
  fill: #88a8f8;
}

.developer .icon-pras {
  width: 9rem;
  height: 2.6rem;
  margin-left: 2.4rem;
}

.developer a {
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  line-height: 106.4%;
  text-decoration: none;
  color: #fff;
}

.developer a:last-child {
  margin-left: .4rem;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.text-editor-row,
.form-wrapper {
  position: relative;
  transition: border-color .3s, box-shadow .3s;
  border: 1px solid transparent;
  border-radius: .6rem;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.text-editor-row .form-combo,
.form-wrapper .form-combo {
  width: calc(100% + 2rem);
  margin: 0 -1rem;
}

.text-editor-row .form-field,
.form-wrapper .form-field {
  padding-right: 1rem;
  padding-left: 1rem;
}

.text-editor-row .text-editor-row,
.form-wrapper .text-editor-row {
  margin: 0;
}

.text-editor-row .text-editor-row + .text-editor-row,
.form-wrapper .text-editor-row + .text-editor-row {
  margin-top: 2rem;
}

.text-editor-row .btn-secondary,
.form-wrapper .btn-secondary {
  margin-top: 2rem;
}

.text-editor-row.error,
.form-wrapper.error {
  border-color: #ff6f5c;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
}

.text-editor-row hr,
.form-wrapper hr {
  margin: 0 0 2rem;
}

.form-wrapper__head {
  display: flex;
  padding: 1.2rem;
  align-items: flex-start;
  justify-content: space-between;
}

.form-wrapper__head + .form-wrapper__body {
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.text-editor-row__head {
  display: flex;
  padding: 1.2rem;
  align-items: flex-start;
  justify-content: space-between;
}

.text-editor-row__head + .text-editor-row__body {
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.text-editor-row__head:hover .e-handle {
  visibility: visible;
  opacity: 1;
}

.text-editor-row__head:hover .text-editor-title {
  opacity: 0;
}

.text-editor-row__head .e-handle {
  position: absolute;
  z-index: 10;
  top: 1.1rem;
  left: 50%;
  visibility: hidden;
  width: 12px;
  height: 18px;
  margin-left: -6px;
  cursor: grab;
  transform: translateX(-50%);
  opacity: 0;
}

.text-editor-row__head .e-handle:hover::after {
  color: #88a8f8;
}

.text-editor-row__head .e-handle:active::after {
  color: #313154;
}

.text-editor-row__head .e-handle::after {
  font-family: 'icomoon' !important;
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  content: '\e90d';
  transition: color .3s;
  text-transform: none;
  color: rgba(0, 0, 0, .25);
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.text-editor-row__body {
  padding: 1.2rem;
}

.form-wrapper__body {
  padding: 1.2rem;
}

.text-editor-buttons {
  display: flex;
  margin: -1.5rem;
  padding: 1.5rem;
  align-items: center;
}

.text-editor-buttons .info-block + .btn {
  margin-left: 1.2rem;
}

.text-editor-title {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5rem;
  position: relative;
  transition: opacity .3s;
  opacity: 1;
  color: #000;
}

.text-editor-title span {
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  position: relative;
  padding-left: 1.2rem;
}

.text-editor-title span::before {
  position: absolute;
  top: .2rem;
  left: .5rem;
  content: '/';
}

.form-field.m-inline {
  display: inline-block;
}

.form-field textarea {
  min-height: 75px;
}

.form-field textarea[readonly] {
  resize: none;
  border-color: rgba(0, 0, 0, .2);
  background-color: transparent;
}

.form-field .select-default {
  overflow: hidden;
  width: 100%;
}

.form-control-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}

.hidden-input {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4rem;
  opacity: 0;
}

.hidden-input:hover ~ .control-date.start {
  border-color: #88a8f8;
}

.hidden-input:hover ~ .control-date.end {
  border-color: #88a8f8;
}

.control-date.start {
  border-radius: .4rem 0 0 .4rem;
}

.control-date.end {
  border-left: none;
  border-radius: 0 .4rem .4rem 0;
}

.form-description p {
  font-family: 'Montserrat';
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  line-height: 2rem;
  color: #000;
}

.form-combo {
  display: flex;
  width: calc(100% + 4rem);
  margin: 4rem -2rem 2rem;
  align-items: stretch;
}

.form-combo.top {
  align-items: flex-start;
}

.form-combo.secondary {
  width: calc(100% + 2rem);
  margin: 0 -1rem;
}

+ .form-combo.secondary.form-combo {
  margin-top: 2rem;
}

.form-combo.secondary .form-field {
  padding-right: 1rem;
  padding-left: 1rem;
}

.form-field {
  width: 100%;
  margin-right: 0;
  margin-bottom: 2rem;
  margin-left: 0;
  padding-right: 2rem;
  padding-left: 2rem;
}

.form-field.col-6 .text-editor-row {
  height: 100%;
}

.form-combine {
  display: flex;
}

.form-combine > div {
  flex: 1 0 0;
}

.form-combine > div:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-combine > div + div {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-combine .form-text.m-numeric:first-child input {
  border-radius: 3px 0 0 3px;
}

.form-combine .form-text.m-numeric:last-child input {
  border-radius: 0 3px 0 3px;
}

.form-combine .form-select .select2-selection__arrow {
  display: none;
}

.form-combine .form-select:first-child .select2-container--default .select2-selection--single {
  border-radius: .4rem 0 0 .4rem;
}

.form-combine .form-select:last-child .select2-container--default .select2-selection--single {
  border-left: none;
  border-radius: 0 .4rem .4rem 0;
}

.form-input-button {
  display: flex;
  align-items: center;
}

.form-input-button .form-text,
.form-input-button .form-select,
.form-input-button .form-textarea {
  flex-grow: 1;
}

.form-input-button .btn {
  margin-left: 10px;
  flex-shrink: 0;
}

.form-input-error {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: .2rem 0 0;
  color: #ff6f5c;
}

.form-text {
  transition: border-color .2s;
  border-radius: 4px;
  background: #fff;
}

.form-text:hover input {
  border-color: #88a8f8;
}

.form-text.m-error input {
  border-color: #f00;
}

.form-text.m-w50 {
  width: calc(50% - 25px);
}

.form-text input {
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 38px;
  padding: 8px 40px 6px 10px;
  text-overflow: ellipsis;
  border: 1px solid rgba(42, 48, 51, .25);
  border-radius: 4px;
  outline: none;
  background: none;
}

.form-text input:focus {
  border-color: #88a8f8;
}

.form-text.m-numeric {
  position: relative;
}

.form-text.m-numeric .btn-up {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 50%;
  border: 0;
  background: none;
}

.form-text.m-numeric .btn-up:active {
  color: #88a8f8;
}

.form-text.m-numeric .btn-up::before {
  font-size: 7px;
  display: inline-block;
  content: '';
  transform: rotate(180deg) translate(-1px, -2px);
}

.form-text.m-numeric .btn-down {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 50%;
  border: 0;
  background: none;
}

.form-text.m-numeric .btn-down:active {
  color: #88a8f8;
}

.form-text.m-numeric .btn-down::before {
  font-size: 7px;
  display: inline-block;
  content: '';
  transform: translate(1px, -5px);
}

.form-text-pseudo .btn {
  font-size: 16px;
  font-weight: 500;
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 38px;
  padding: 8px 40px 6px 10px;
  transition: border-color .3s;
  text-align: left;
  border: 1px solid #c9cbcc;
  border-radius: 4px;
  outline: none;
  background: #fff;
}

.form-text-pseudo .btn * {
  pointer-events: none;
}

.form-text-pseudo .btn:hover {
  border-color: #88a8f8;
}

.form-text-pseudo .btn:focus {
  border-color: #88a8f8;
}

.form-text-pseudo .btn .sub {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin: -4px 0 0 10px;
  color: #959899;
}

.form-textarea {
  margin-bottom: 10px;
  transition: border-color .3s;
  border-radius: 4px;
  background: #fff;
}

.form-textarea:hover {
  border-color: #b4b6b7;
}

.form-textarea.m-error {
  border-color: #f00;
}

.form-textarea.m-w50 {
  width: 50%;
}

.form-textarea textarea {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  box-sizing: border-box;
  width: 100%;
  height: 130px;
  padding: 8px 20px 6px 11px;
  resize: none;
  border: 1px solid rgba(42, 48, 51, .25);
  border-radius: 4px;
  outline: none;
  background: none;
}

.form-textarea textarea:focus {
  border-color: #88a8f8;
}

.form-textarea textarea::-webkit-scrollbar {
  width: .4rem;
  height: 100%;
  border-radius: 3px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .25);
}

.form-textarea textarea::-webkit-scrollbar-thumb {
  width: 4px;
  height: 20%;
  border-radius: 30px;
  background: #000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
}

.form-textarea textarea::-webkit-scrollbar-track-piece {
  height: 100%;
  border-radius: 3px;
  background: rgba(0, 0, 0, .05);
}

.form-select {
  position: relative;
}

.form-select.m-dbl::after {
  margin-top: -7px;
  content: '';
}

.form-select.m-error {
  border-color: #f00;
}

.form-select.m-w50 {
  width: 50%;
}

.form-select.m-style-tiny select {
  font-size: 12px;
  font-weight: normal;
  height: 34px;
  padding-top: 4px;
}

.form-select.m-style-simple {
  border-radius: 6px;
  background: none;
}

.form-select.m-style-simple.m-custom .btn-trigger {
  font-size: 12px;
  font-weight: normal;
  padding: 6px 33px 6px 12px;
}

.form-select.m-style-simple.m-custom .placeholder {
  font-size: 12px;
  font-weight: normal;
  padding: 0 33px 0 12px;
}

.form-select.m-style-simple.m-custom.m-open {
  border-color: #88a8f8;
  border-radius: 6px 6px 0 0;
}

.form-select.m-custom .btn-trigger {
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px 33px 6px 10px;
  text-align: left;
  white-space: nowrap;
  color: #aeaeae;
  border: 0;
  border-radius: 4px;
  background: none;
}

.form-select.m-custom .placeholder {
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0 33px 0 10px;
  white-space: nowrap;
  opacity: 0;
}

.form-select.m-custom:hover {
  transition: .3s;
  border-color: #88a8f8;
}

.form-select.m-custom.m-open {
  border-color: #88a8f8;
  border-radius: 4px 4px 0 0;
}

.form-select.m-custom.m-open .btn-trigger {
  color: #f92740;
  outline: none;
}

.form-select.m-custom.m-open::after {
  transform: rotate(180deg);
}

.form-select.m-custom.m-open select {
  color: #f92740;
}

.form-select.small-select {
  width: 100%;
  max-width: 235px;
  margin-bottom: 30px;
}

.form-select.xs {
  max-width: 12.4rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  overflow: hidden;
  height: 4rem;
  padding: 1rem 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: .4rem;
  outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field:hover {
  border-color: #88a8f8;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #313154;
}

.select2-container--default .select2-selection--single {
  display: flex;
  max-width: 100%;
  height: 4rem;
  transition: border-color .3s;
  border: 1px solid rgba(42, 48, 51, .25);
  border-radius: .4rem;
  background-color: transparent;
  align-items: center;
  justify-content: flex-start;
}

.select2-container--default .select2-selection--single:hover {
  border-color: #88a8f8;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 12px;
  width: 11px;
  transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: 0;
  width: 11px;
  height: 7px;
  margin-left: 0;
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZD0iTTUuMjg2MzIgNS45OTkyM0M0Ljg4NTk0IDYuNTA4OCA0LjExNDA2IDYuNTA4OCAzLjcxMzY4IDUuOTk5MjNMMC45MDY3MTggMi40MjY3M0MwLjEzMzQyMiAxLjQ0MjU0IDAuODM0NTQ5IDcuOTU2MjJlLTA4IDIuMDg2MiAxLjk4OTMyZS0wN0w2LjkxMzggNi41OTM0M2UtMDdDOC4xNjU0NSA3Ljc4NzEzZS0wNyA4Ljg2NjU4IDEuNDQyNTQgOC4wOTMyOCAyLjQyNjczTDUuMjg2MzIgNS45OTkyM1oiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOSIvPg0KPC9zdmc+DQo=');
  transition: content .3s, transform .3s;
  transform: rotate(0deg) translateY(0);
  border: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:hover b {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS4yODYzMiA1Ljk5OTIzQzQuODg1OTQgNi41MDg4IDQuMTE0MDYgNi41MDg4IDMuNzEzNjggNS45OTkyM0wwLjkwNjcxOCAyLjQyNjczQzAuMTMzNDIyIDEuNDQyNTQgMC44MzQ1NDkgNy45NTYyMmUtMDggMi4wODYyIDEuOTg5MzJlLTA3TDYuOTEzOCA2LjU5MzQzZS0wN0M4LjE2NTQ1IDcuNzg3MTNlLTA3IDguODY2NTggMS40NDI1NCA4LjA5MzI4IDIuNDI2NzNMNS4yODYzMiA1Ljk5OTIzWiIgZmlsbD0iIzg4QTlGOSIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9zdmc+Cg==');
  transition: content .3s;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 15px;
  overflow-x: hidden;
  max-width: 97%;
  padding-left: 12px;
  text-overflow: ellipsis;
  color: #000;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-right-radius: .4rem;
  border-bottom-left-radius: .4rem;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transition: transform .3s;
  transform: rotate(180deg) translateY(1px);
}

select.double + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 11px;
  height: 18px;
  margin-top: -6px;
  margin-left: 0;
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik01LjcxMzY4IDEuMDAwNzdDNi4xMTQwNiAwLjQ5MTE5NyA2Ljg4NTk0IDAuNDkxMTk3IDcuMjg2MzIgMS4wMDA3N0wxMC4wOTMzIDQuNTczMjdDMTAuODY2NiA1LjU1NzQ2IDEwLjE2NTUgNyA4LjkxMzggN0g0LjA4NjJDMi44MzQ1NSA3IDIuMTMzNDIgNS41NTc0NiAyLjkwNjcyIDQuNTczMjdMNS43MTM2OCAxLjAwMDc3WiIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC45Ii8+DQo8cGF0aCBkPSJNNy4yODYzMiAxNi45OTkyQzYuODg1OTQgMTcuNTA4OCA2LjExNDA2IDE3LjUwODggNS43MTM2OCAxNi45OTkyTDIuOTA2NzIgMTMuNDI2N0MyLjEzMzQyIDEyLjQ0MjUgMi44MzQ1NSAxMSA0LjA4NjIgMTFMOC45MTM4IDExQzEwLjE2NTUgMTEgMTAuODY2NiAxMi40NDI1IDEwLjA5MzMgMTMuNDI2N0w3LjI4NjMyIDE2Ljk5OTJaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4NCjwvc3ZnPg0K');
  transition: content .3s;
  border: none;
}

select.double + .select2-container--default .select2-selection--single .select2-selection__arrow:hover b {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzEzNjggMS4wMDA3N0M2LjExNDA2IDAuNDkxMTk3IDYuODg1OTQgMC40OTExOTcgNy4yODYzMiAxLjAwMDc3TDEwLjA5MzMgNC41NzMyN0MxMC44NjY2IDUuNTU3NDYgMTAuMTY1NSA3IDguOTEzOCA3SDQuMDg2MkMyLjgzNDU1IDcgMi4xMzM0MiA1LjU1NzQ2IDIuOTA2NzIgNC41NzMyN0w1LjcxMzY4IDEuMDAwNzdaIiBmaWxsPSIjODhBOUY5IiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBkPSJNNy4yODYzMiAxNi45OTkyQzYuODg1OTQgMTcuNTA4OCA2LjExNDA2IDE3LjUwODggNS43MTM2OCAxNi45OTkyTDIuOTA2NzIgMTMuNDI2N0MyLjEzMzQyIDEyLjQ0MjUgMi44MzQ1NSAxMSA0LjA4NjIgMTFMOC45MTM4IDExQzEwLjE2NTUgMTEgMTAuODY2NiAxMi40NDI1IDEwLjA5MzMgMTMuNDI2N0w3LjI4NjMyIDE2Ljk5OTJaIiBmaWxsPSIjODhBOUY5IiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8L3N2Zz4K');
  transition: content .3s;
}

select.double + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzEzNjggMS4wMDA3N0M2LjExNDA2IDAuNDkxMTk3IDYuODg1OTQgMC40OTExOTcgNy4yODYzMiAxLjAwMDc3TDEwLjA5MzMgNC41NzMyN0MxMC44NjY2IDUuNTU3NDYgMTAuMTY1NSA3IDguOTEzOCA3SDQuMDg2MkMyLjgzNDU1IDcgMi4xMzM0MiA1LjU1NzQ2IDIuOTA2NzIgNC41NzMyN0w1LjcxMzY4IDEuMDAwNzdaIiBmaWxsPSIjRjkyNzQwIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBkPSJNNy4yODYzMiAxNi45OTkyQzYuODg1OTQgMTcuNTA4OCA2LjExNDA2IDE3LjUwODggNS43MTM2OCAxNi45OTkyTDIuOTA2NzIgMTMuNDI2N0MyLjEzMzQyIDEyLjQ0MjUgMi44MzQ1NSAxMSA0LjA4NjIgMTFMOC45MTM4IDExQzEwLjE2NTUgMTEgMTAuODY2NiAxMi40NDI1IDEwLjA5MzMgMTMuNDI2N0w3LjI4NjMyIDE2Ljk5OTJaIiBmaWxsPSIjRjkyNzQwIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8L3N2Zz4K');
  transform: rotate(0) translateY(0);
}

select.lg + .select2-container--default .select2-selection--single {
  width: 100%;
  max-width: 140px;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 200px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: .4rem;
  height: 100%;
  border-radius: 3px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .25);
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  width: .4rem;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track-piece {
  height: 100%;
  border-radius: 3px;
  background: transparent;
}

.select2-results__options {
  padding-left: 0;
}

.select2-results__options li {
  margin-left: 0;
}

.select-primary + .select2-container--default .select2-selection--single {
  width: 140px;
}

.select-default + .select2-container--default .select2-selection--single {
  width: 100%;
  background-color: #fff;
}

.select-default + .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: 'Montserrat';
  font-size: 1.6rem;
  font-weight: 500;
  font-style: normal;
  line-height: 2rem;
  color: #000;
}

.select-default.light .select2-container--default .select2-selection--single {
  background-color: #fff;
}

.select-secondary + .select2-container--default .select2-selection--single {
  border: none;
}

.select-secondary + .select2-container--default .select2-selection--single:hover .select2-selection__rendered {
  color: #88a8f8;
}

.select-secondary + .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 17px;
  max-width: none;
  transition: color .3s;
  color: #000;
}

.select-secondary + .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 6px;
}

.select2-dropdown {
  width: 100%;
  min-width: 100%;
}

.select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  color: #f92740;
  background-color: transparent;
}

.select2-dropdown .select2-results__option--selected {
  color: rgba(0, 0, 0, .7);
  background-color: transparent;
}

.select2-dropdown.select_dropdown__min {
  border: none;
  background-color: transparent;
}

.select2-dropdown.select_dropdown__min .select2-results__option--highlighted.select2-results__option--selectable {
  color: #f92740;
  background-color: transparent;
}

.select2-dropdown.select_dropdown__min .select2-results__option--selected {
  background-color: transparent;
}

.select2-dropdown.select_dropdown__min .select2-results__option {
  padding-left: 12px;
}

.select2-dropdown.select-dropdown__default {
  margin-top: .8rem;
  padding: .8rem 0 1.1rem;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .16);
}

.select2-dropdown.select-dropdown__default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #000;
}

.select2-dropdown.select-dropdown__default .select2-results__option {
  padding: .9rem 1.2rem;
  transition: background-color .3s;
  background-color: transparent;
}

.select2-dropdown.select-dropdown__default .select2-results__option--selectable:hover {
  position: relative;
}

.select2-dropdown.select-dropdown__default .select2-results__option--selectable:hover::before {
  position: absolute;
  top: 0;
  right: -1.2rem;
  bottom: 0;
  left: 0;
  left: -1.2rem;
  content: '';
  background-color: rgba(136, 168, 248, .1);
}

.select2-dropdown.select-dropdown__default .select2-results__option--selected {
  color: rgba(0, 0, 0, .7);
  background-color: transparent;
}

.select2-dropdown.select_dropdown__light {
  border: 1px solid #b9c0c7;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
}

.select2-dropdown.select_dropdown__light .select2-results__options {
  padding-top: 10px;
}

.select2-dropdown.select_dropdown__light .select2-results__options li {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  padding: 8px 12px;
  color: #000;
}

.select2-dropdown.select_dropdown__light .select2-results__option--highlighted.select2-results__option--selectable {
  color: #f92740;
  background-color: transparent;
}

.select2-dropdown.select_dropdown__light .select2-results__option--selected {
  color: rgba(0, 0, 0, .7);
  background-color: transparent;
}

.portal-select {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  position: absolute;
  z-index: 100;
  box-sizing: content-box;
  margin: 0 0 0 -1px;
  border: 1px solid #b9c0c7;
  border-top-color: #d0d0d0;
  border-radius: 0 0 4px 4px;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.portal-select ul {
  overflow: auto;
  max-height: 300px;
  padding: 14px 0;
}

.portal-select ul::-webkit-scrollbar {
  width: .4rem;
  height: 90%;
  border-radius: 3px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .25);
}

.portal-select ul::-webkit-scrollbar-thumb {
  width: 4px;
  height: 20%;
  border-radius: 30px;
  background: #000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
}

.portal-select ul::-webkit-scrollbar-track-piece {
  height: 90%;
  border-radius: 3px;
  background: rgba(0, 0, 0, .05);
}

.portal-select ul li {
  margin: 0;
  padding: 9px 11px;
  list-style: none;
  cursor: pointer;
  transition: opacity .2s;
}

.portal-select ul li:hover {
  opacity: .7;
}

.portal-select.m-style-tiny {
  font-size: 12px;
  font-weight: normal;
}

.portal-select.m-style-tiny ul {
  padding: 10px 0;
}

.portal-select.m-style-tiny ul li {
  padding: 7px 11px;
}

.portal-select.m-style-simple {
  font-size: 12px;
  font-weight: normal;
  background: #f0f1f5;
}

.portal-select.m-style-simple ul {
  padding: 10px 0;
}

.portal-select.m-style-simple ul li {
  padding: 7px 11px;
}

.form-checkbox {
  position: relative;
  margin-bottom: 18px;
}

.form-checkbox label {
  font-weight: normal;
}

.form-checkbox label:hover .label::before {
  border-color: #88a8f8;
  background: #88a8f8;
}

.form-checkbox label:hover input:checked + .label::before {
  border-color: #88a8f8;
  background: #88a8f8;
}

.form-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: .01;
}

.form-checkbox .label {
  font-size: 16px;
  display: block;
  min-height: 20px;
  padding: 3px 0 3px 59px;
  cursor: pointer;
  transition: .3s;
  color: rgba(0, 0, 0, .5);
}

.form-checkbox .label:hover {
  color: #000;
}

.form-checkbox .label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 37px;
  height: 22px;
  content: '';
  transition: all .3s;
  border: 1px solid #bec1c5;
  border-radius: 12px;
}

.form-checkbox .label::after {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  content: '';
  transition: all .3s;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}

.form-checkbox input:checked + .label {
  color: #000;
}

.form-checkbox input:checked + .label::before {
  border-color: #f92740;
  background: #f92740;
}

.form-checkbox input:checked + .label::after {
  transform: translateX(15px);
}

.form-checkmark {
  position: relative;
  margin-bottom: 18px;
}

.form-checkmark.disabled {
  pointer-events: none;
}

.form-checkmark.disabled .label {
  position: relative;
  border-color: #808080;
}

.form-checkmark.disabled .label::after {
  position: absolute;
  top: -.5rem;
  left: .8rem;
  content: url('../images/icon-lock.svg');
  opacity: 1;
}

.form-checkmark.locked {
  pointer-events: none;
}

.form-checkmark.locked .label {
  position: relative;
}

.form-checkmark.locked .label::before {
  border-color: #838398;
  background-color: #838398;
}

.form-checkmark.locked .label::after {
  position: absolute;
  top: -.5rem;
  left: .8rem;
  content: url('../images/icon-lock.svg');
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(115deg) brightness(106%) contrast(106%);
}

.form-checkmark label {
  font-weight: normal;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.form-checkmark label:hover .label::before {
  border-color: #88a8f8;
}

.form-checkmark label:hover input:checked + .label::after {
  color: #88a8f8;
}

.form-checkmark input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.form-checkmark .label {
  font-size: 16px;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  min-height: 20px;
  padding: 3px 0 3px 30px;
  color: rgba(0, 0, 0, .5);
}

.form-checkmark .label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  content: '';
  transition: border-color .3s;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 12px;
}

.form-checkmark .label::after {
  font-size: 2.4rem;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  transition: opacity .3s, color .3s;
  opacity: 0;
  color: #313154;
}

.form-checkmark .label + .checkbox-text {
  padding-left: 1.2rem;
}

.form-checkmark input:checked + .label {
  color: #000;
}

.form-checkmark input:checked + .label::before {
  opacity: 0;
}

.form-checkmark input:checked + .label::after {
  opacity: 1;
}

.form-picture {
  position: relative;
  margin: 10px 0;
  padding: 10px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .12);
}

.form-picture hr {
  height: 1px;
  margin: 10px -10px;
  border: 0;
  background: #eaebeb;
}

.form-picture .label {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 18px;
  color: #000;
}

.form-picture .picture img {
  display: block;
  margin: auto;
}

.form-picture .form-text,
.form-picture .form-select {
  margin: 10px 0;
}

.form-panel {
  position: relative;
  margin: 10px 0 30px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .12);
}

.form-panel + .form-panel {
  margin-top: -20px;
}

.form-panel.m-expanded + .form-panel {
  margin-top: 10px;
}

.form-panel.m-expanded .form-panel__head h3 {
  color: #f92740;
}

.form-panel.m-expanded .form-panel__body {
  display: block;
  border-top: 1px solid #eaebeb;
}

.form-panel__head {
  min-height: 21px;
  padding: 16px 10px;
}

.form-panel__head .btn-close {
  top: 12px;
}

.form-panel__head .btn-close::before {
  font-size: 13px;
}

.form-panel__body {
  display: none;
  padding: 2px 10px;
}

.form-panel__body .form-field {
  margin: 10px 0;
}

.form-tags__wrapper {
  display: flex;
  min-height: 40px;
  margin: 0 0 20px;
  padding: 0 7px 0;
  cursor: pointer;
  border: 1px solid #cacbcc;
  border-radius: 4px;
  background: #fff;
  flex-wrap: wrap;
  align-items: center;
}

.form-tags__wrapper input.form-tags__input {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
}

.form-tags {
  display: flex;
  float: left;
  margin: 0;
  flex-wrap: wrap;
}

.form-tag {
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  display: flex;
  min-height: 24px;
  margin-top: 7px;
  margin-right: 10px;
  margin-bottom: 7px;
  padding: 3px 13px 5px;
  cursor: default;
  transition: .2s;
  border-radius: 6px;
  background: rgba(0, 0, 0, .1);
  align-items: center;
}

.form-tag span {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  overflow: hidden;
  max-width: 23.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}

.form-tag .btn-del {
  width: 20px;
  height: 20px;
  margin: -2px -5px -3px 4px;
  vertical-align: middle;
  color: #ff6f5c;
  border: 0;
  background: none;
}

.form-tag .btn-del::before {
  content: '';
}

.form-tag .btn-del:hover {
  color: #88a8f8;
}

.form-info {
  width: 100%;
  max-width: 52rem;
  margin: 0 0 2rem;
  padding: 1.2rem;
  border-radius: .6rem .6rem .6rem 0;
  background-color: #e7eaf2;
}

.form-info p {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 142%;
  display: inline-block;
  color: rgba(49, 49, 84, .8);
}

.form-info + .form-combo {
  margin-top: 0;
}

.form-map {
  margin-bottom: 30px;
}

.form-map img {
  display: block;
}

.form-btn-add {
  margin: 10px 0;
}

.form-btn-add button {
  display: block;
  width: 100%;
  max-width: 200px;
  height: 36px;
  transition: background .3s;
  color: #fff;
  border: 0;
  border-radius: 6px;
  background: #3e6aff;
}

.form-btn-add button:hover {
  transition: background .3s;
  background: #88a8f8;
}

.form-input.input-calendar {
  position: relative;
  width: 100%;
}

.form-input.input-calendar input {
  font-family: 'Montserrat';
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 16px;
  width: 100%;
  height: 38px;
  padding: 10px;
  transition: border-color .3s;
  color: #000;
  border: 1px solid #b9c0c7;
  border-radius: 4px;
  outline: none;
  background: #fff;
}

.form-input.input-calendar input:focus,
.form-input.input-calendar input:active {
  transition: border-color .3s;
  border-color: #88a8f8;
}

.form-input.input-calendar input:hover {
  transition: border-color .3s;
  border-color: #88a8f8;
}

.actions-form {
  width: 100%;
}

.actions-form__wrapper {
  display: flex;
  margin-bottom: 8px;
  align-items: center;
  justify-content: space-between;
}

.actions-form__wrapper.active {
  width: 100%;
}

.actions-form__group {
  display: flex;
  visibility: hidden;
  transition: opacity .2s;
  opacity: 0;
  align-items: center;
}

.actions-form__group.m-open {
  visibility: visible;
  transition: opacity .3s;
  opacity: 1;
}

.actions-form__group button {
  margin-right: 12px;
}

.form-control-load__wrapper {
  position: absolute;
  z-index: 6;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.form-control-load {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.optgroup {
  font-weight: bold;
}

.optgroup ul {
  font-weight: 500;
  max-height: none;
  padding: 0;
}

.optgroup li:last-child {
  padding-bottom: 0;
}

.text-editor-row {
  position: relative;
}

.text-editor-row.readonly {
  background-color: transparent;
}

.text-editor-row.readonly .text-editor-row__head:hover .text-editor-title {
  opacity: 1;
}

.ck.ck-editor__editable_inline {
  transition: border-color .3s;
  border: 1px solid rgba(42, 48, 51, .25) !important;
  border-radius: 4px;
}

.ck.ck-editor__editable_inline:hover {
  border-color: #88a8f8 !important;
}

.ck .ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  box-shadow: none;
}

.validation-block {
  position: fixed;
  z-index: 32;
  top: 7rem;
  left: 50%;
  transition: transform .3s;
  transform: translate(-50%, -100vh);
}

.validation-block.show {
  transform: translate(-50%, 0);
}

.validation-summary-errors {
  display: flex;
  min-width: 24rem;
  max-width: 48rem;
  min-height: 8rem;
  padding: 1.3rem 3rem;
  border-radius: 12px;
  background: linear-gradient(0deg, rgba(250, 187, 46, .3), rgba(250, 187, 46, .3)), #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .12);
  align-items: center;
}

.validation-summary-errors ul {
  position: relative;
  padding-left: 5rem;
}

.validation-summary-errors ul::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 2.5rem;
  content: '⚠️';
}

.validation-summary-errors li {
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 18px;
  color: #000;
}

.select-custom {
  position: relative;
  z-index: 7;
  width: 100%;
  max-width: 20rem;
}

.select-custom.active {
  z-index: 20;
}

.select-custom.active .select-custom__body {
  visibility: visible;
  transition: opacity .3s, transform .3s;
  opacity: 1;
}

.select-custom.active .select-custom__head {
  border-color: #313154;
}

.select-custom.active .select-custom__head .icon {
  transform: translate(0, -50%) rotate(-180deg);
}

.select-custom.secondary .select-custom__body {
  overflow: visible;
  height: auto;
}

.select-custom.secondary .select-custom__body::after {
  position: absolute;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  content: '';
  background-color: #fff;
}

.select-custom.secondary .select-custom__body.bottom::after {
  top: 0;
  transform: translateY(-50%) rotate(45deg);
}

.select-custom.secondary .select-custom__body.top::after {
  bottom: 0;
  transform: translateY(50%) rotate(45deg);
}

.select-custom.secondary.active {
  z-index: 20;
}

.select-custom.secondary.active .select-custom__body {
  visibility: visible;
  transition: opacity .3s, transform .3s;
  opacity: 1;
}

.select-custom__head {
  display: flex;
  overflow: hidden;
  height: 4rem;
  padding: 1.2rem 3rem 1.2rem 1.2rem;
  cursor: pointer;
  transition: border-color .3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: .4rem;
  align-items: center;
}

.select-custom__head:hover {
  border-color: #88a8f8;
}

.select-custom__head .icon {
  position: absolute;
  top: 50%;
  right: 1.7rem;
  width: .9rem;
  height: .7rem;
  transition: transform .3s;
  transform: translate(0, -50%) rotate(0);
}

.select-custom__head .icon-double {
  width: .6rem;
  height: 1.4rem;
}

.select-custom__head span {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}

.placeholder {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, .5);
}

.select-custom__body {
  position: absolute;
  z-index: 2;
  visibility: hidden;
  overflow: hidden;
  min-width: 200px;
  padding: .8rem 0;
  transform: translateY(95%);
  opacity: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .16);
}

.select-custom__body.top {
  top: -.6rem;
  transform: translateY(-100%);
}

.select-custom__body.bottom {
  bottom: -.6rem;
  transform: translateY(100%);
}

.select-list {
  overflow-y: auto;
  max-height: 38.4rem;
  padding-left: 0;
  list-style-type: none;
}

.select-list::-webkit-scrollbar {
  width: .4rem;
  background-color: transparent;
}

.select-list::-webkit-scrollbar-thumb {
  width: 100%;
  border-radius: .4rem;
  background-color: rgba(0, 0, 0, .45);
}

.select-list__item {
  margin-left: 0;
  transition: background-color .3s;
  background-color: transparent;
}

.select-list__item:hover {
  background-color: rgba(17, 82, 242, .1);
}

.select-list__item button {
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  background-color: transparent;
}

.select-radio {
  position: relative;
  display: flex;
  padding: 1.2rem;
  cursor: pointer;
  align-items: center;
}

.select-control {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.select-text {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  color: #000;
}

.select-color {
  display: block;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 1.6rem;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-right: 1rem;
  margin-left: 1rem;
}

.form-images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(194px, 1fr));
  grid-gap: 1rem;
}

.form-images__item {
  margin: 0;
}

.grid-default {
  display: flex;
  margin: 0 -1rem -2rem;
  flex-wrap: wrap;
  flex: 1;
}

.grid-default + .grid-default {
  margin-top: 2rem;
}

.grid-row {
  display: flex;
  margin: 0 -1rem;
  flex-wrap: wrap;
}

.grid-row.end {
  justify-content: right;
}

.grid-row__cell {
  padding-right: 1rem;
  padding-left: 1rem;
}

.grid-primary {
  display: flex;
  margin-right: -2rem;
  margin-left: -2rem;
  justify-content: space-between;
  align-items: center;
}

.grid-primary__cell {
  padding-right: 2rem;
  padding-left: 2rem;
}

.grid-default__col {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 4rem;
  padding-right: 2rem;
  padding-left: 2rem;
}

.col-1 {
  width: 8.333333%;
}

.col-2 {
  width: 16.666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333333%;
}

.col-5 {
  width: 41.666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333333%;
}

.col-8 {
  width: 66.666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333333%;
}

.col-11 {
  width: 91.666667%;
}

.col-12 {
  width: 100%;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.burger-wrapper {
  display: flex;
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 2rem;
  margin-left: 1.8rem;
  cursor: pointer;
  border-radius: 100%;
  background-color: #305ac0;
  align-items: center;
  justify-content: center;
}

.burger {
  position: relative;
  display: block;
  width: 1.4rem;
  height: .2rem;
  cursor: pointer;
  transition: opacity .3s;
  background-color: #fff;
}

.burger:before,
.burger:after {
  position: absolute;
  right: 0;
  display: block;
  width: 1.4rem;
  height: .2rem;
  content: '';
  transition: background-color .3s, width .3s;
  background-color: #fff;
}

.burger:before {
  top: -.6rem;
}

.burger:after {
  top: .6rem;
}

.user-wrapper {
  display: flex;
  cursor: pointer;
  align-items: center;
}

.user-wrapper .upic,
.user-wrapper .uname {
  pointer-events: none;
}

.user-wrapper .upic {
  padding: .2rem;
  transition: border-color .3s, transform .3s;
}

.user-wrapper .uname {
  transition: color .3s;
}

.user-wrapper:hover .upic {
  transform: scale(.9);
  border-color: #88a8f8;
}

.user-wrapper:hover .uname {
  color: #88a8f8;
}

.setting-block {
  display: none;
}

.uname {
  font-size: 1.2rem;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5rem;
  max-width: 21rem;
  margin-right: .8rem;
  transition: color .3s;
  text-align: right;
  word-break: break-word;
  color: rgba(0, 0, 0, .5);
}

.btn-create-wrapper .dpd-wrapper {
  top: 50%;
  right: -2rem;
  left: auto;
  margin-top: 0;
  transform: rotate(-90deg) translateY(-50%);
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.main-head {
  position: relative;
  z-index: 11;
}

.main-head__wrapper {
  display: flex;
  padding-top: 22px;
  align-items: center;
}

.main-head__controls {
  display: flex;
  margin-right: auto;
}

.main-head__controls .search-field {
  position: relative;
  display: flex;
  width: 32rem;
  margin-right: 20px;
  flex-shrink: 0;
}

.main-head__controls .search-field button {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 40px;
  height: 100%;
  text-align: left;
  text-indent: -200%;
  border: 0;
  background: none;
}

.main-head__controls .search-field button::before {
  position: absolute;
  top: 8px;
  left: 11px;
  content: '';
  transition: color .3s;
  text-indent: 0;
}

.main-head__controls .search-field button:hover {
  transition: color .3s;
  color: #88a8f8;
}

.main-head__controls .form-select {
  flex-shrink: 0;
}

.main-head__controls .btn-circle {
  margin-right: 20px;
  flex-shrink: 0;
}

.main-head__cell + .main-head__cell {
  margin-left: 2rem;
}

.main-head__lang {
  margin: 0 10px;
  white-space: nowrap;
}

.main-head__lang button {
  font-size: 14px;
  font-weight: 600;
  margin: 0 2px;
  padding: 3px;
  transition: .3s;
  text-transform: uppercase;
  color: rgba(42, 48, 51, .25);
  border: 0;
  background: none;
}

.main-head__lang button[disabled] {
  color: #000;
}

.main-head__lang button:hover {
  opacity: .65;
}

.main-head__lang select {
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.main-head__lang select:hover {
  color: #88a8f8;
}

.main-head__user {
  margin-left: 15px;
}

.upic {
  position: relative;
  display: block;
  overflow: hidden;
  width: 52px;
  min-width: 52px;
  max-width: 52px;
  height: 52px;
  padding: 0;
  transition: border-color .3s, padding .3s;
  border: 1px solid transparent;
  border-radius: 100%;
}

.upic .login-photo {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-image: url('../images/login-photo.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.upic .dpd-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  background: none;
}

.upic .dpd-body {
  right: 0;
  left: auto;
  transform: none;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.page-aside {
  position: sticky;
  z-index: 31;
  top: 0;
  width: 38rem;
  max-height: 100vh;
}

.page-aside.minimized,
.page-aside.minimized .aside-panel,
.page-aside.minimized .page-aside__block {
  width: 8rem;
  min-width: 8rem;
}

.page-aside.minimized .logo-block,
.page-aside.minimized .page-aside__nav-wrapper {
  display: none;
}

.page-aside.minimized .btn-create {
  display: flex;
  width: 4.8rem;
  min-width: unset;
  height: 4.8rem;
  padding: 0;
  align-items: center;
  justify-content: center;
}

.page-aside.minimized .btn-create .icon-plus {
  margin: 0;
}

.page-aside.minimized .btn-create span:not(.icon-plus) {
  display: none;
}

.page-aside.minimized .page-aside__inner {
  padding: 0;
}

.page-aside.minimized .page-aside__block {
  padding: 1.6rem;
}

.page-aside.minimized .logo {
  justify-content: center;
}

.page-aside__minimize {
  position: absolute;
  top: 2.5rem;
  right: -4rem;
  width: 4rem;
  height: 4rem;
  padding: 0;
  transition: background-color .3s;
  border: 0;
  border-radius: 0 4px 4px 0;
  background: none;
}

.page-aside__minimize.active {
  background-color: rgba(17, 82, 242, .1);
}

.page-aside__minimize.active .page-aside__minimize-icon {
  opacity: 0;
}

.page-aside__minimize.active .page-aside__minimize-icon.maximize {
  opacity: 1;
}

.page-aside__minimize.active .page-aside__minimize-icon.maximize.hover {
  opacity: 0;
}

.page-aside__minimize.active:hover .page-aside__minimize-icon.maximize,
.page-aside__minimize.active:hover .page-aside__minimize-icon.hover {
  opacity: 0;
}

.page-aside__minimize.active:hover .page-aside__minimize-icon.maximize.hover {
  opacity: 1;
}

.page-aside__minimize:hover {
  background-color: rgba(17, 82, 242, .1);
}

.page-aside__minimize:hover .page-aside__minimize-icon,
.page-aside__minimize:hover .page-aside__minimize-icon.maximize.hover {
  opacity: 0;
}

.page-aside__minimize:hover .page-aside__minimize-icon.hover {
  opacity: 1;
}

.page-aside__minimize-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transition: fill .3s, opacity .3s;
  transform: translate(-50%, -50%);
}

.page-aside__minimize-icon.hover,
.page-aside__minimize-icon.maximize {
  opacity: 0;
}

.page-aside__minimize-icon.maximize:not(.hover) {
  left: calc(50% - 2px);
}

.page-aside__inner {
  box-sizing: border-box;
  height: 100%;
  max-height: 100%;
  padding: 1.8rem 4rem 4rem 14rem;
  color: #fff;
  background: #342f52 url('../images/backgrounds/bg-aside.png') 0 0;
}

.page-aside__block {
  width: 100%;
  min-width: 12rem;
}

.logo {
  display: flex;
}

.logo:hover .logo-block__link {
  transition: color .3s;
  color: #88a8f8;
}

.logo-img__link {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.logo-block {
  display: flex;
  flex-direction: column;
  padding-left: 18px;
  align-items: flex-start;
  justify-content: center;
}

.logo-block__label {
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5rem;
  color: rgba(255, 255, 255, .25);
}

.logo-block__link {
  font-size: 1.2rem;
  font-weight: 900;
  font-style: normal;
  line-height: 1.5rem;
  transition: color .3s;
  text-align: center;
  text-decoration: none;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .25);
}

.btn-create-wrapper {
  margin: 6rem 0 2rem;
}

.page-aside .btn-create {
  width: 100%;
}

.page-aside__nav-wrapper {
  position: relative;
}

.page-aside__nav-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  content: '';
  background: linear-gradient(180deg, #313154 0%, rgba(49, 49, 84, 0) 100%);
}

.page-aside__nav-wrapper::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4rem;
  content: '';
  background: linear-gradient(180deg, rgba(49, 49, 84, 0) 0%, #313154 100%);
}

.page-aside__nav-active {
  position: absolute;
  z-index: 1;
  right: -4.6rem;
  width: 1.4rem;
  height: 3.4rem;
}

.aside-nav {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 24rem;
  max-height: calc(100vh - 21rem);
  margin: .7rem -3.5rem .7rem 0;
  padding: 4rem 1.5rem;
  padding-left: 2.5rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .25) transparent;
}

.aside-nav::-webkit-scrollbar {
  width: .4rem;
  background-color: transparent;
}

.aside-nav::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(255, 255, 255, .25);
}

.aside-nav .m-regular {
  font-weight: normal;
}

.aside-nav .active {
  color: rgba(255, 255, 255, .5);
}

.aside-nav li {
  margin: 0;
  padding: 10px 0;
  list-style: none;
}

.aside-nav a {
  transition: color .3s;
  text-decoration: none;
  word-break: break-word;
  color: #fff;
}

.aside-nav a:hover {
  transition: color .3s;
  color: #88a8f8;
  outline: none;
}

.aside-nav__item {
  font-size: 1.6rem;
}

.aside-nav__item a {
  position: relative;
  display: flex;
  align-items: center;
}

.aside-nav__icon {
  position: absolute;
  left: -20px;
  width: 14px;
  height: 14px;
}

.aside-nav__list {
  margin-left: -.5rem;
}

.aside-nav__label {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.4rem;
  margin-left: -2.5rem;
  text-transform: lowercase;
  color: rgba(255, 255, 255, .5);
}

.aside-line {
  overflow: hidden;
  height: 1px;
  margin: 8px 20px 8px -27px;
  opacity: .1;
  background: #d6d6d6;
}

.aside-line + .aside-nav__label {
  margin-top: 18px;
}

.aside-line--dark {
  margin: 3rem 0;
  background: #000;
}

.aside-panel {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  min-width: 38rem;
  height: 100%;
  transition: transform .5s;
  transform: translateX(0);
  color: #000;
  background-color: #fff;
}

.aside-panel.active {
  transition: transform .4s;
  transform: translateX(100%);
}

.aside-panel__close {
  display: none;
  width: 3.6rem;
  height: 3.6rem;
  margin: 4rem 4rem 2rem;
  border: none;
  border-radius: 50%;
  background-color: #305ac0;
  align-items: center;
  justify-content: center;
}

.aside-panel__close-icon {
  width: 8px;
  height: 14px;
  fill: #fff;
}

.aside-panel__inner {
  position: sticky;
  top: 0;
  overflow-y: auto;
  max-height: 100vh;
  padding: 13rem 4rem 6rem;
}

.aside-panel__inner::-webkit-scrollbar {
  width: .4rem;
}

.aside-panel__inner::-webkit-scrollbar-track {
  background-color: transparent;
}

.aside-panel__inner::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background: rgba(0, 0, 0, .1);
}

.aside-panel__list {
  list-style-type: none;
}

.aside-panel__item {
  margin-left: 0;
}

.aside-panel__item a {
  display: flex;
  align-items: center;
}

.aside-panel__item + .aside-panel__item {
  margin-top: 30px;
}

.aside-panel__item a {
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 22px;
  transition: color .3s;
  text-decoration: none;
}

.aside-panel__item a:hover {
  transition: color .3s;
  color: #88a8f8;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.pagination {
  display: flex;
  justify-content: space-between;
}

.table + .pagination {
  margin-top: 70px;
}

.pagination__input {
  font-size: 12px;
  margin-left: 6rem;
  white-space: nowrap;
  color: #8d9194;
}

.pagination__field {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.pagination__field.m-ready input {
  font-family: 'Montserrat';
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  line-height: 2rem;
  max-width: 5.6rem;
  height: 4rem;
  transition: .3s;
  text-align: center;
  color: #000;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: .4rem;
  outline: none;
  background-color: #fff;
}

.pagination__field.m-ready input:hover {
  border-color: rgba(42, 48, 51, .4);
}

.pagination__field.m-ready input:focus {
  border-color: #88a8f8;
}

.pagination-wrapper {
  width: 100%;
  justify-content: space-between;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/icomoon.ttf?gc6j') format('truetype'), url('../fonts/icomoon.woff?gc6j') format('woff'), url('../fonts/icomoon.svg?gc6j#icomoon') format('svg');
  font-display: block;
}

.icon-ad::before {
  content: '\e900';
}

.icon-arrow-double::before,
.form-select.m-dbl::after {
  font-size: 17px;
  content: '\e901';
}

.icon-arrow-select::before {
  font-size: 7px;
  content: '\e902';
}

.icon-close::before,
.form-tag .btn-del::before {
  font-size: 11px;
  content: '\e903';
}

.icon-delete::before,
.btn-delete::before {
  font-size: 17px;
  content: '\e904';
}

.icon-photo::before {
  content: '\e905';
}

.icon-news::before {
  content: '\e906';
}

.icon-plus::before {
  font-size: 15px;
  content: '\e907';
}

.icon-read-more::before {
  content: '\e908';
}

.icon-search::before,
.dpd-search__field button::before,
.main-head__controls .search-field button::before {
  font-size: 18px;
  content: '\e909';
}

.icon-setting::before {
  font-size: 19px;
  content: '\e90a';
}

.icon-sort-asc::before {
  font-size: 11px;
  content: '\e90b';
}

.icon-sort-desc::before {
  font-size: 11px;
  content: '\e90c';
}

.icon-move-handle::before,
.mock-wrapper.m-movable .e-handle::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-size: 18px;
  content: '\e90d';
}

.icon-put::before {
  content: '\e90e';
}

.icon-gear::before {
  content: '\e90f';
}

.icon-slider::before {
  content: '\e910';
}

.icon-map::before {
  content: '\e911';
}

.icon-video::before {
  content: '\e912';
}

.icon-check::before {
  content: '\e913';
}

.search-result-title {
  margin-bottom: 30px;
}

.search-result-title .number {
  padding-left: 9px;
}

.table {
  box-sizing: border-box;
  margin: 35px 0 40px;
}

.table--first-col-narrow .table-row__item:not(.table-hide):first-child {
  width: 4%;
  min-width: 5rem;
}

.table .table-title {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  line-height: 24px;
  margin: 0 11px 15px;
  color: #000;
}

.table .table-head {
  display: flex;
  align-items: center;
}

.table .table-head.secondary .table-title {
  margin: 0 0 0 .8rem;
}

.table img {
  width: unset;
  margin: 0 auto;
  border-radius: 6px;
}

.table .btn {
  width: 100%;
}

.table table {
  font-family: 'Montserrat';
  width: 100%;
  border-spacing: 0 .2rem;
  border-collapse: separate;
  color: rgba(0, 0, 0, .6);
}

.table table a {
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 17px;
  transition: color .3s;
  text-decoration: none;
  color: #000;
}

.table table a:hover {
  transition: color .3s;
  color: #88a8f8;
}

.table table img {
  max-height: 60px;
}

.table table.move-rows tr {
  position: relative;
  width: 100%;
}

.table table.move-rows .u-tc {
  position: relative;
}

.table table.move-rows .u-tc svg {
  position: absolute;
  top: 50%;
  left: 11px;
  visibility: hidden;
  width: 12px;
  height: 18px;
  cursor: grab;
  transform: translateY(-50%);
  opacity: 0;
  fill: rgba(42, 48, 51, .25);
}

.table table.added-table {
  position: relative;
  width: calc(100% + 53px);
  margin-left: -53px;
  transition: width .3s, margin-left .3s;
}

.table table.added-table.active {
  width: 100%;
  margin-left: 0;
  transition: width .3s, margin-left .3s;
}

.table table.added-table.active thead th {
  transition: width .3s;
}

.table table.added-table.active thead th:nth-child(2) {
  width: 10% !important;
  transition: width .3s;
}

.table table.added-table.active tbody td {
  transition: width .3s;
}

.table table.added-table.active tbody td.u-tc {
  width: 10% !important;
  transition: width .3s;
}

.table table.added-table thead th:nth-child(2) {
  width: 15.2% !important;
  margin-right: -53px;
  transition: width .3s;
}

.table table.added-table tbody td.u-tc {
  width: 15.2% !important;
  margin-right: -53px;
  transition: width .3s;
}

.table thead th {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: 15px;
  padding: 4px 11px;
  transition: width .3s;
  text-align: left;
  color: rgba(42, 48, 51, .5);
}

.table tbody td {
  padding: 21px 11px;
  transition: width .3s;
  border-top: 1px solid #f0f1f5;
  border-right: 1px solid #f0f1f5;
  border-bottom: 1px solid #dcdee2;
  background: #fff;
}

.table tbody td:first-child {
  border-left: 1px solid #f0f1f5;
}

.table.m-rows-move .row-move-overlay {
  position: absolute;
  visibility: hidden;
  transition: opacity .3s, box-shadow .3s;
  opacity: 0;
  box-shadow: 0 2px 15px rgba(62, 106, 255, .45);
}

.table.m-rows-move .row-move-overlay.m-visible {
  visibility: visible;
  opacity: 1;
}

.table.m-rows-move .row-move-overlay.m-moving {
  box-shadow: 0 2px 15px rgba(62, 106, 255, .45);
}

.table.m-rows-move .row-move-overlay__handle {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 10px;
  width: 12px;
  height: 18px;
  margin-top: -9px;
  cursor: grab;
}

.table.m-rows-move .row-move-overlay__handle::before {
  content: '';
  color: #cacbcc;
}

.table.m-rows-move .row-move-overlay__handle:active {
  cursor: grabbing;
}

.table.m-rows-move tr.over > td {
  position: relative;
  z-index: 1;
}

.table td.m-control {
  border: 0;
  background: none;
}

.table .form-checkmark {
  display: inline-block;
  margin: 0;
}

.table .form-select {
  display: none;
}

td.added-control {
  background: #fff;
}

.added-control.active .form-checkmark {
  visibility: visible;
  transition: opacity .5s;
  opacity: 1;
}

.added-control .form-checkmark {
  visibility: hidden;
  transition: opacity .3s;
  opacity: 0;
}

.added-control .form-checkmark .label::before {
  transition: all .2s;
}

th.added-control.active,
td.m-control.added-control.active {
  display: table-cell;
}

.table-head + .table-body {
  margin-top: 2rem;
}

.img-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 80px;
  max-width: 80px;
  height: 100%;
  min-height: 80px;
  max-height: 80px;
  margin: 0 auto;
  border-radius: 6px;
}

.img-wrapper__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.table-select-controls {
  position: relative;
  visibility: visible;
  transition: opacity .3s;
  opacity: 1;
}

.table-select-controls.hide {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.table-row__item {
  font-family: 'Montserrat';
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.7rem;
  word-break: break-word;
  color: #000;
}

.table-row__item a {
  text-decoration: none;
}

.table-row__item a:not(.btn):hover {
  color: #88a8f8;
}

a.table-row {
  transition: background-color .2s ease;
  text-decoration: none;
}

a.table-row:hover {
  text-decoration: none;
  background-color: #e7eefe;
}

.table-row {
  position: relative;
  display: flex;
  width: 100%;
  background-color: #fff;
  justify-content: space-between;
}

.table-row + .table-row {
  margin-top: .2rem;
}

.table-row.selected {
  background-color: #ede4e6;
}

.table-row.secondary {
  border-bottom: none;
  background-color: transparent;
}

.table-row.secondary .table-row__item {
  padding: 1.1rem 1.2rem;
  transition: width .3s linear, opacity .4s linear, padding .3s linear;
  border: none;
}

.table-row.secondary .table-row__item + .table-row__item {
  border-left: none;
}

.table-row.secondary .table-row__item.active-select-hide {
  visibility: hidden;
  opacity: 0;
}

.table-row.secondary .table-row__item.table-hide {
  width: 0;
  padding: 0;
}

.table-row__item {
  position: relative;
  display: flex;
  width: 100%;
  padding: 1.8rem 1.2rem;
  border-right: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  align-items: center;
}

.table-row__item:last-child {
  border-right: none;
}

.table-row__item.table-select {
  display: flex;
  transition: width .3s linear, opacity .4s linear, padding .3s linear;
  border: none;
  background-color: #f0f1f5;
  align-items: center;
}

.table-row__item.table-select.table-hide {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  padding: 0;
  opacity: 0;
}

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

.table-row__item.col-1 {
  width: 12%;
}

.table-row__item.col-2 {
  width: 16.666667%;
}

.table-row__item.col-3 {
  width: 25%;
}

.table-row__item.col-4 {
  width: 33.333333%;
}

.table-row__item.col-5 {
  width: 41.666667%;
}

.table-row__item.col-6 {
  width: 50%;
}

.table-row__item.col-7 {
  width: 58.333333%;
}

.table-row__item.col-8 {
  width: 66.666667%;
}

.table-row__item.col-9 {
  width: 75%;
}

.table-row__item.col-10 {
  width: 83.333333%;
}

.table-row__item.col-11 {
  width: 91.666667%;
}

.table-row__item.col-12 {
  width: 100%;
}

.table-label .icon-sort {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  flex-direction: column;
  transform: translateY(-50%);
}

.table-label span {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, .5);
}

.modal-dialog-wrap {
  position: fixed;
  z-index: 27;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  height: fit-content;
  background: rgba(49, 49, 84, .6);
}

.modal-dialog-wrap.modal-dialog-delete {
  height: 100%;
}

.modal-dialog-wrap.open {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-dialog {
  font-size: 16px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  width: 267px;
  max-height: 90vh;
  padding: 42px 24px 30px;
  text-align: center;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
}

.modal-dialog h2 {
  margin-bottom: 15px;
}

.modal-dialog__body {
  min-height: 160px;
}

.modal-dialog__buttons {
  margin-top: 30px;
}

.modal-dialog__buttons button,
.modal-dialog__buttons a {
  display: flex;
  width: 100%;
  margin-top: 12px;
  text-decoration: none;
  align-items: center;
  justify-content: center;
}

.modal {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  visibility: hidden;
  transition: opacity .3s;
  opacity: 0;
  background-color: rgba(0, 0, 0, .5);
  align-items: center;
  justify-content: center;
}

.modal.active {
  visibility: visible;
  opacity: 1;
}

.modal.loaded .block-image {
  display: none;
}

.modal-round .cropper-move {
  border-radius: 100%;
}

.modal-round .cropper-view-box {
  outline: 1px solid #fff;
  outline-color: rgba(255, 255, 255, .75);
}

.modal-round .cropper-point {
  width: 1rem;
  height: 1rem;
  border: 1px solid #fff;
  border-radius: 15px;
  background: #313154;
}

.modal-round .cropper-point.point-n {
  margin-top: -.3rem;
}

.modal-round .cropper-point.point-e {
  margin-right: -.3rem;
}

.modal-round .cropper-point.point-w {
  margin-left: -.3rem;
}

.modal-round .cropper-point.point-s {
  margin-bottom: -.3rem;
}

.modal-round .cropper-modal {
  opacity: .5;
  background-color: #000;
}

.modal-cropper input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.modal-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  max-width: 54.4rem;
  max-height: calc(100% - 10rem);
  padding: 1.6rem;
  border-radius: 1.2rem;
  background-color: #fff;
}

.modal-wrapper__head {
  display: flex;
  margin-bottom: 2rem;
  justify-content: space-between;
}

.modal-wrapper__head.center {
  flex-direction: column;
  align-items: center;
}

.modal-image {
  display: block;
  width: auto;
  max-height: 46rem;
  margin: 0 auto;
  border-radius: 6px;
}

.modal-wrapper__body + .modal-wrapper__footer {
  margin-top: 2rem;
}

.cropper-container {
  overflow: hidden;
  border-radius: 6px;
}

.result img {
  display: block;
  width: fit-content;
  margin: 0 auto;
}

.modal-default .modal-wrapper {
  width: 100%;
  max-width: 50rem;
  max-height: 90vh;
  padding: 3rem;
}

.modal-default .modal-wrapper__head {
  margin-bottom: 4rem;
}

.modal-default .modal-wrapper__body + .modal-wrapper__footer {
  margin-top: 4rem;
}

.modal-default .grid-buttons .btn {
  display: block;
  width: 100%;
}

.modal-title {
  font-size: 1.9rem;
  margin-bottom: 1.5rem;
}

.modal-title,
.modal-subtitle {
  display: block;
}

.modal-subtitle {
  font-weight: 300;
}

.daterangepicker {
  padding: 1.2rem;
  border: none;
  border-radius: 1.2rem;
  background-color: #fff;
  filter: drop-shadow(0 2px 16px rgba(0, 0, 0, .16));
}

.daterangepicker::before {
  top: -1.6rem;
  border-right: 14px solid transparent;
  border-bottom: 15px solid #ccc;
  border-left: 14px solid transparent;
  filter: blur(1px);
}

.daterangepicker::after {
  top: -1.5rem;
  border-right: 14px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 14px solid transparent;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  width: fit-content;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.daterangepicker select.monthselect:hover,
.daterangepicker select.yearselect:hover {
  color: #88a8f8;
}

.daterangepicker .start-date + .in-range.available {
  position: relative;
}

.daterangepicker .start-date + .in-range.available::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  content: '';
  background-color: rgba(49, 49, 84, .15);
}

.daterangepicker .end-date:not(.start-date) + .available {
  position: relative;
}

.daterangepicker .drp-calendar.left {
  padding: 0 1rem 0 0;
}

.daterangepicker .drp-calendar.left .calendar-table {
  padding-right: 0;
}

.daterangepicker .drp-calendar.right {
  position: relative;
  padding: 0 0 0 1rem;
}

.daterangepicker td {
  transition: .2s;
  color: #000;
  border-radius: 100%;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  width: 2.6rem;
  height: 2.6rem;
  color: #fff;
  border-color: transparent;
  border-radius: 100%;
  background-color: #313154;
}

.daterangepicker td.start-date,
.daterangepicker td.end-date {
  position: relative;
  z-index: 1;
  border-radius: 100%;
}

.daterangepicker td.start-date.end-date {
  border-radius: 100%;
}

.daterangepicker td.disabled {
  text-decoration: none;
  color: rgba(0, 0, 0, .5);
}

.daterangepicker td.available.in-range {
  position: relative;
}

.daterangepicker td.today:not(.active) {
  color: #313154;
  border: 1px solid #313154;
  border-radius: 100%;
  background-color: #fff;
}

.daterangepicker td.in-range,
.daterangepicker td.off.ends.in-range {
  background-color: rgba(49, 49, 84, .15);
}

.daterangepicker td.end-date {
  position: relative;
  z-index: 1;
  border-radius: 100%;
  background-color: #313154;
}

.daterangepicker td.end-date::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  border-radius: 0 50% 50% 0;
  background-color: rgba(49, 49, 84, .15);
}

.daterangepicker td.end-date.start-date::before {
  opacity: 0;
}

.daterangepicker td.end-date:hover:not(.start-date) {
  opacity: 1;
}

.daterangepicker td.end-date.in-range:not(.start-date):hover::before {
  opacity: 1;
}

.daterangepicker td.end-date.in-range.weekend:hover::before {
  opacity: 0;
}

.daterangepicker td.active.start-date.in-range,
.daterangepicker td.active.start-date.off.ends,
.daterangepicker td.active.end-date.off.ends.in-range {
  color: #fff;
  background-color: #313154;
}

.daterangepicker td.off.ends {
  opacity: 0;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  color: #fff;
  border-color: transparent;
  border-radius: 100%;
  background-color: #88a8f8;
}

.daterangepicker td.available.in-range:not(.start-date):hover {
  color: #fff;
  border-color: transparent;
  background-color: #88a8f8;
}

.daterangepicker .calendar-table table {
  border-spacing: 0;
  border-collapse: separate;
}

.daterangepicker .calendar-table th.available:hover {
  opacity: .65;
  background-color: transparent;
}

.daterangepicker .calendar-table th.available:active {
  opacity: 1;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  width: 2.6rem;
  min-width: 2.6rem;
  height: 2.6rem;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
}

.daterangepicker .calendar-table thead tr:first-child {
  height: 4rem;
}

.daterangepicker .calendar-table thead tr:first-child th {
  font-family: 'Montserrat';
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1.7rem;
  text-align: center;
  color: #000;
}

.daterangepicker .calendar-table thead tr:last-child th {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5rem;
  color: rgba(42, 48, 51, .5);
}

.daterangepicker option.disabled {
  text-decoration: none;
}

.calendar-parent .daterangepicker {
  position: relative;
  top: 0 !important;
  right: 0 !important;
  display: flex !important;
  margin-left: -1.6rem;
  border: none;
  box-shadow: none;
  filter: none;
}

.calendar-parent .daterangepicker::after,
.calendar-parent .daterangepicker::before {
  display: none;
}

.calendar-parent .daterangepicker.opensleft::before,
.calendar-parent .daterangepicker.opensleft::after {
  display: none;
}

.calendar-parent .daterangepicker .calendar-table th,
.calendar-parent .daterangepicker .calendar-table td {
  font-size: 1.2rem;
}

.calendar-parent .daterangepicker .drp-calendar.left {
  padding: 0;
}

.calendar-parent .daterangepicker .drp-calendar.right {
  padding: 0;
}

.calendar-parent .daterangepicker th.available:hover {
  opacity: .65;
  background-color: transparent;
}

.calendar-parent .daterangepicker th.available {
  transition: .3s;
}

.calendar-parent .daterangepicker th.available span {
  transition: .3s;
}

.calendar-parent .daterangepicker th.available:active {
  opacity: 1;
}

.popup-setting .daterangepicker {
  position: relative;
  z-index: 10 !important;
  top: 0 !important;
  left: 0 !important;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  border: none;
  box-shadow: none;
  align-items: center;
}

.popup-setting .daterangepicker + .daterangepicker {
  display: none !important;
}

.popup-setting .daterangepicker .drp-calendar {
  width: 30rem;
  max-width: 30rem;
}

.popup-setting .daterangepicker .drp-calendar.left {
  padding: 0 0 2.4rem;
}

.popup-setting .daterangepicker .drp-calendar.left .calendar-table {
  padding-right: 0;
}

.popup-setting .daterangepicker .drp-calendar.right {
  position: relative;
  padding: 0;
}

.popup-setting .daterangepicker .drp-calendar.right::before {
  display: none;
}

.popup-setting .daterangepicker .calendar-table th,
.popup-setting .daterangepicker .calendar-table td {
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  border-radius: 100%;
}

.popup-setting .daterangepicker td.active,
.popup-setting .daterangepicker td.active:hover {
  width: 4rem;
  height: 4rem;
  color: #fff;
  border-color: transparent;
  background-color: #f92740;
}

.popup-setting .daterangepicker td.in-range {
  border-radius: 0;
}

.mobile-menu {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  transition: opacity .5s, visibility .5s;
  opacity: 0;
  background-color: #313154;
}

.open-panel .mobile-menu {
  visibility: visible;
  opacity: 1;
}

.mobile-menu-autoscroll {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(var(--vh, 1vh) * 100);
  height: 100svh;
  padding-bottom: 1rem;
}

.mobile-menu__inner {
  padding-right: 20px;
  padding-left: 20px;
}

.mobile-menu__inner a {
  color: #fff;
}

.mobile-menu__inner .btn-create {
  width: 100%;
}

.mobile-menu__inner .main-head__user {
  display: block;
  max-width: fit-content;
}

.mobile-menu__header {
  display: flex;
  padding-top: 20px;
  justify-content: space-between;
  align-items: center;
}

.mobile-menu__header .logo {
  margin: 0;
}

.mobile-menu__header .btn-close {
  position: relative;
  display: flex;
  padding: 14px;
  border-radius: 100%;
  background-color: rgba(185, 192, 199, .2);
  align-items: flex-start;
}

.mobile-menu__header .btn-close::before,
.mobile-menu__header .btn-close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 16px;
  content: '';
  transition: background-color .3s, transform .3s, -webkit-transform .3s;
  border-radius: 6px;
  background-color: #fff;
}

.mobile-menu__header .btn-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu__header .btn-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile-menu__header select {
  color: #fff;
}

.nav-mobile {
  position: fixed;
  z-index: 30;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  max-width: unset;
  height: 100%;
  max-height: 80vh;
  padding: 14px 5px 14px 14px;
  transition: transform .3s ease-in, max-height .3s linear;
  transform: translateY(100%);
  text-align: center;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .16);
}

.nav-mobile.full-height {
  max-height: 100vh;
  border-radius: 0;
}

.nav-mobile.full-height .nav-iconed {
  max-height: 100vh;
}

.nav-mobile .nav-iconed {
  overflow-y: auto;
  max-height: 70vh;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .25) transparent;
}

.nav-mobile .nav-iconed::-webkit-scrollbar {
  width: .4rem;
  background-color: transparent;
}

.nav-mobile .nav-iconed::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, .25);
}

.nav-mobile__head {
  position: relative;
  margin-bottom: 2.4rem;
}

.nav-mobile__close {
  position: absolute;
  top: 50%;
  right: 30px;
  display: flex;
  width: 1.1rem;
  height: 1.1rem;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
}

.nav-mobile__title {
  font-size: 14px;
}

.popup-setting {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  transition: opacity .5s, visibility .5s;
  opacity: 0;
  background-color: #fff;
}

.popup-setting.open-panel {
  visibility: visible;
  opacity: 1;
}

.popup-setting__wrapper {
  overflow-y: auto;
  max-height: 100%;
  padding: 10px 10px 85px;
}

.popup-setting__header button {
  display: flex;
  width: 36px;
  height: 36px;
  transition: background-color .3s;
  border: none;
  border-radius: 100%;
  background-color: rgba(17, 82, 242, .1);
  align-items: center;
  justify-content: center;
}

.popup-setting__header button * {
  pointer-events: none;
}

.popup-setting__header button:hover {
  transition: background-color .3s;
  background-color: #88a8f8;
}

.popup-setting__header button:hover .icon-prev {
  transition: fill .3s;
  fill: #fff;
}

.popup-setting__header .icon-prev {
  width: 9px;
  height: 13px;
  transition: fill .3s;
  fill: #1152f2;
}

.popup-setting__body {
  overflow-y: auto;
}

.popup-setting__body .search-field {
  position: relative;
  margin-top: 45px;
}

.popup-setting__body .search-field input {
  display: flex;
  width: 100%;
  height: 36px;
  padding: 11px;
  border: 1px solid #b9c0c7;
  border-radius: 6px;
  align-items: center;
}

.popup-setting__body .search-field button {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
}

.popup-setting__body .search-field button .icon-search {
  width: 18px;
  height: 18px;
}

.popup-setting__body .filter-list {
  max-width: 95%;
}

.popup-setting__footer {
  position: absolute;
  z-index: 20;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.popup-button {
  width: 100%;
  padding: 24px 10px;
  background-color: #fff;
}

@keyframes slide-top {
  0% {
    transform: translateY(-15%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-right {
  0% {
    transform: translateX(15%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-bottom {
  0% {
    transform: translateY(15%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-left {
  0% {
    transform: translateX(-15%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.popover {
  z-index: 225;
  width: fit-content;
  height: fit-content;
  color: #000;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
}

.popover .popover-block {
  display: block;
}

.popover--top {
  margin-top: -20px;
  animation: .4s slide-top;
}

.popover--top::before,
.popover--top::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  content: '';
  border: 12px solid transparent;
  border-top-color: #fff;
  filter: drop-shadow(0px -12px 12px rgba(0, 0, 0, .15));
}

.popover--top::before {
  margin-top: 1px;
}

.popover--right {
  margin-left: 20px;
  animation: .4s slide-right;
}

.popover--right::before,
.popover--right::after {
  position: absolute;
  z-index: 250;
  top: 10%;
  right: 100%;
  margin-top: -12px;
  content: '';
  border: 12px solid transparent;
  border-right-color: #fff;
}

.popover--right::before {
  margin-right: 1px;
}

.popover--bottom {
  margin-top: 20px;
  animation: .4s slide-bottom;
}

.popover--bottom::before,
.popover--bottom::after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  content: '';
  border: 12px solid transparent;
  border-bottom-color: #fff;
}

.popover--bottom::before {
  margin-bottom: 1px;
}

.popover--left {
  margin-left: -20px;
  animation: .4s slide-left;
}

.popover--left::before,
.popover--left::after {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  content: '';
  border: 12px solid transparent;
  border-left-color: #fff;
}

.popover--left::before {
  margin-left: 1px;
}

.page-aside .popover-wrapper::after {
  z-index: -1;
}

.popover-wrapper {
  position: relative;
}

.popover-wrapper::after {
  position: fixed;
  z-index: 26;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  content: '';
  transition: opacity .3s;
  opacity: 0;
  background-color: rgba(49, 49, 84, .4);
}

.popover-wrapper.active::after {
  visibility: visible;
  transition: opacity .3s;
  opacity: 1;
}

.popover-block {
  display: none;
  height: 100%;
  padding: 30px 5px 30px 25px;
}

.popover-block .popover-block-body {
  height: 100%;
  padding-right: 20px;
}

.popover-block > * {
  overflow-y: auto;
  max-height: 200px;
}

.popover-block > *::-webkit-scrollbar {
  width: .4rem;
  background-color: transparent;
}

.popover-block > *::-webkit-scrollbar-thumb {
  width: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
}

.popover-block.large-popover-search {
  overflow-y: auto;
  width: 100%;
  max-width: 460px;
  height: 267px;
  max-height: 267px;
}

.popover-block.large-popover-search::-webkit-scrollbar {
  width: .4rem;
  height: 100%;
  border-radius: 3px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .25);
}

.popover-block.large-popover-search::-webkit-scrollbar-thumb {
  width: .4rem;
  height: 20%;
  border-radius: 30px;
  background: #000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
}

.popover-block.large-popover-search::-webkit-scrollbar-track-piece {
  height: 100%;
  border-radius: 3px;
  background: rgba(0, 0, 0, .05);
}

.popover-block.aside-popover {
  overflow-y: auto;
  width: 100%;
  max-width: 267px;
  height: 100%;
  max-height: 348px;
}

.popover-block.aside-popover::-webkit-scrollbar {
  width: .4rem;
  height: 100%;
  border-radius: 3px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .25);
}

.popover-block.aside-popover::-webkit-scrollbar-thumb {
  width: .4rem;
  height: 20%;
  border-radius: 30px;
  background: #000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
}

.popover-block.aside-popover::-webkit-scrollbar-track-piece {
  height: 100%;
  border-radius: 3px;
  background: rgba(0, 0, 0, .05);
}

.popover-block.menu-popover {
  width: 100%;
  max-width: 267px;
  height: 100%;
  max-height: 267px;
}

.popover-block-list {
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 22px;
  height: 100%;
}

.popover-block-list ul {
  overflow-y: hidden;
  max-height: 100%;
  list-style-type: none;
}

.popover-block-list li {
  margin-bottom: 28px;
  margin-left: 0;
}

.popover-block-list li a,
.popover-block-list li button {
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 22px;
  transition: color .3s;
  text-align: left;
  text-decoration: none;
  color: #000;
}

.popover-block-list li:hover a,
.popover-block-list li:hover button {
  transition: color .3s;
  color: #88a8f8;
}

.popover-block-list li:last-child {
  margin-bottom: 0;
}

.popover-block-list button {
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 22px;
  color: #000;
  border: none;
  background-color: transparent;
}

.preloader-page {
  position: fixed;
  z-index: 26;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding-top: 350px;
  opacity: 0;
  background: rgba(243, 245, 249, .9);
}

.preloader-page.active {
  visibility: visible;
  opacity: 1;
}

.preloader-block {
  overflow: hidden;
  width: 400px;
  max-width: 400px;
  height: 4px;
  margin: 0 auto 400px;
  border-radius: 6px;
  background: #b4b6b7;
}

.preloader-line__load {
  width: 50%;
  height: 100%;
  animation: lineLoad 3s linear infinite;
  background: linear-gradient(270deg, #1152f2 0%, #1fddcb 100%);
}

@keyframes lineLoad {
  0% {
    transform: translateX(-100%);
  }

  50% {
    transform: translateX(50%);
  }

  100% {
    transform: translateX(200%);
  }
}

.preloader-line {
  position: fixed;
  z-index: 15;
  top: 0;
  right: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 4px;
  opacity: 0;
}

.preloader-line.active {
  visibility: visible;
  opacity: 1;
}

.preloader-line.percentage {
  height: 15px;
}

.preloader-line.percentage,
.preloader-line.percentage .preloader-line__item {
  height: 20px;
}

.preloader-line.percentage .preloader-line__item {
  position: relative;
}

.preloader-line.percentage .preloader-line__load {
  width: 0;
  transition: .3s ease;
  animation: none;
  background: linear-gradient(270deg, #1152f2 0%, #1fddcb 100%);
}

.preloader-line__info {
  font-size: 1.4rem;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  width: 100%;
  transform: translate(-50%, -50%);
  color: #fff;
  align-items: center;
  justify-content: center;
}

.preloader-line__file {
  display: inline-block;
  overflow: hidden;
  max-width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.preloader-line__percent {
  display: inline-block;
}

.ui-kit__item .preloader-line {
  position: static;
}

.ui-kit__item .preloader-block {
  margin: 0;
}

.preloader-line__item {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 4px;
  background: #b4b6b7;
}

.bar-loader {
  position: absolute;
  display: none;
  overflow: hidden;
  width: 20px;
  height: 20px;
  animation: db7-0 2s infinite;
  background: var(--c) 0 0, var(--c) 0 100%, var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 0, var(--c) 100% 100%;
  background-repeat: no-repeat;
  background-size: 4px 50%;
  --c: linear-gradient(#1152f2 0 0);
}

.bar-loader:before {
  position: absolute;
  top: calc(50% - 2px);
  left: -4px;
  width: 4px;
  height: 4px;
  content: '';
  animation: inherit;
  animation-name: db7-1;
  border-radius: 50%;
  background: #1152f2;
}

@keyframes db7-0 {
  16.67% {
    background-size: 4px 30%, 4px 30%, 4px 50%, 4px 50%, 4px 50%, 4px 50%;
  }

  33.33% {
    background-size: 4px 30%, 4px 30%, 4px 30%, 4px 30%, 4px 50%, 4px 50%;
  }

  50% {
    background-size: 4px 30%, 4px 30%, 4px 30%, 4px 30%, 4px 30%, 4px 30%;
  }

  66.67% {
    background-size: 4px 50%, 4px 50%, 4px 30%, 4px 30%, 4px 30%, 4px 30%;
  }

  83.33% {
    background-size: 4px 50%, 4px 50%, 4px 50%, 4px 50%, 4px 30%, 4px 30%;
  }
}

@keyframes db7-1 {
  20% {
    left: 0;
  }

  40% {
    left: calc(50% - 2px);
  }

  60% {
    left: calc(100% - 4px);
  }

  80%, 100% {
    left: 100%;
  }
}

.language-block {
  position: relative;
  margin-top: 8rem;
  padding-top: 6rem;
}

.language-block::before {
  position: absolute;
  top: 0;
  left: -9rem;
  width: calc(100% + 14rem);
  height: .1rem;
  content: '';
  background-color: #dddfe3;
}

.language-block .form-field {
  padding-left: 0;
}

.language-block .switch-block__item {
  margin-right: 1.2rem;
}

.language-block__disabled-langs {
  margin-bottom: 4rem;
}

.language-block__inner {
  display: flex;
  padding-top: 2.2rem;
  align-items: flex-start;
  justify-content: space-between;
}

.language-list {
  display: flex;
  max-width: 58rem;
  margin-right: -.6rem;
  margin-left: -.6rem;
  padding-left: 0;
  list-style-type: none;
  flex-wrap: wrap;
}

.language-list__item {
  height: auto;
  margin-bottom: 1.2rem;
  margin-left: 0;
  padding-right: .6rem;
  padding-left: .6rem;
}

.language-list__link {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  display: flex;
  width: 100%;
  min-width: 12rem;
  padding: 1rem 1rem 1.1rem;
  transition: color .3s, background .3s;
  text-decoration: none;
  color: #1152f2;
  border: 1px solid transparent;
  border-radius: 6px;
  background: rgba(17, 82, 242, .1);
  align-items: center;
  justify-content: center;
}

.language-list__link.disabled {
  position: relative;
  color: #8dadf9;
}

.language-list__link.disabled span {
  position: relative;
}

.language-list__link.disabled span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6rem;
  height: 1.2rem;
  content: url('../images/icon-eye-close.svg');
  transform: translate(-50%, -50%);
}

.language-list__link.disabled span::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.2rem;
  height: 2rem;
  content: '';
  transition: background-color .3s;
  transform: translate(-50%, -50%);
  border-radius: 1.2rem;
  background-color: #dae0f5;
}

.language-list__link.disabled:hover span::before {
  background-color: #88a8f8;
}

.language-list__link.active {
  transition: color .3s, background .3s, border-color .3s;
  color: #313154;
  border-color: rgba(49, 49, 84, .2);
  border-radius: 6px;
  background: transparent;
}

.language-list__link.active::after {
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 4px;
  content: '';
  transform: scale(0);
  border-radius: 2px 2px 0 0;
  background: #313154;
}

.language-list__link.active span::before {
  background-color: #f0f1f5;
}

.language-list__link:hover {
  transition: color .3s, background .3s, border-color .3s;
  color: #fff;
  border-color: #88a8f8;
  background: #88a8f8;
}

.language-block-fixed {
  position: fixed;
  z-index: 20;
  right: 0;
  bottom: 0;
  visibility: visible;
  padding: 0;
  transition: background .3s;
  opacity: 1;
  background: rgba(211, 223, 253, .98);
}

.language-block-fixed::before {
  position: absolute;
  left: -20px;
  width: 20px;
  height: 100%;
  content: '';
  background: rgba(211, 223, 253, .98);
}

.language-block-fixed.hide {
  visibility: hidden;
  transition: opacity .3s;
  opacity: 0;
}

.language-block-fixed.close-panel {
  pointer-events: none;
  background: transparent;
}

.language-block-fixed.close-panel .grid-primary {
  visibility: hidden;
  transition: opacity .3s;
  opacity: 0;
}

.language-block-fixed.close-panel .language-block__button {
  visibility: visible;
  transition: opacity .3s;
  opacity: 1;
}

.language-block-fixed .grid-primary {
  width: auto;
  margin-right: -2rem;
  margin-left: -2rem;
  padding: 0;
  transition: padding .3s;
}

.language-block-fixed .grid-primary__inner {
  display: flex;
  align-items: center;
}

.language-block-fixed .language-list {
  max-width: none;
}

.language-block-fixed .language-block__inner {
  padding-top: 0;
}

.language-block-fixed .language-list__item {
  width: fit-content;
  max-width: 100%;
  margin-top: 1.2rem;
  margin-bottom: 0;
}

.language-block-fixed .language-list__link {
  position: relative;
  padding: 1rem 2.5rem 1.1rem;
  transition: background .3s, color .3s;
  border: none;
  background: transparent;
}

.language-block-fixed .language-list__link.disabled::before {
  background-color: #d4e0fd;
}

.language-block-fixed .language-list__link.active {
  transition: border-color .3s;
  border: 1px solid transparent;
}

.language-block-fixed .language-list__link.active::after {
  transition: transform .3s;
  transform: scale(1);
}

.language-block-fixed .language-list__link.active span::before {
  background-color: #d4e0fd;
}

.language-block-fixed .btn-close {
  position: relative;
  display: flex;
  width: 1.1rem;
  height: 1.1rem;
  align-items: center;
  justify-content: center;
}

.language-block-fixed:hover .grid-primary {
  padding: 0 0 1.2rem;
  transition: padding .3s;
}

.language-block-fixed:hover .language-list__link {
  transition: background .3s;
  border: 1px solid transparent;
  border-radius: 6px;
  background: rgba(17, 82, 242, .1);
}

.language-block-fixed:hover .language-list__link.disabled span::before {
  background-color: #c0d1fc;
}

.language-block-fixed:hover .language-list__link.active {
  transition: border-color .3s;
  color: #313154;
  border-color: rgba(49, 49, 84, .2);
  border-radius: 6px;
  background-color: transparent;
}

.language-block-fixed:hover .language-list__link.active::after {
  transform: scale(0);
}

.language-block-fixed:hover .language-list__link.active span::before {
  background-color: #d4e0fd;
}

.language-block-fixed:hover .language-list__link.active:hover span::before {
  background-color: #d4e0fd;
}

.line-title {
  font-family: 'Montserrat';
  font-size: 1.3rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4rem;
  max-width: 112px;
  color: rgba(0, 0, 0, .5);
}

.language-block__button {
  position: fixed;
  z-index: 1;
  bottom: 0;
  visibility: hidden;
  transform: translateY(-50%);
  pointer-events: all;
  opacity: 0;
}

.language-block__button button {
  display: flex;
  width: 6rem;
  height: 6rem;
  margin-right: 0;
  margin-left: 40px;
  transition: background .3s;
  border: none;
  border-radius: 100%;
  background: rgba(211, 223, 253, .98);
  align-items: center;
  justify-content: center;
}

.language-block__button button:hover {
  transition: background .3s;
  background: #88a8f8;
}

.language-block__button button:hover::after {
  transition: opacity .3s;
  opacity: 0;
}

.language-block__button button:hover svg {
  transition: fill .3s;
  fill: #fff;
}

.language-block__button button::after {
  position: absolute;
  z-index: -1;
  top: 1.5rem;
  width: 5rem;
  height: 5rem;
  content: '';
  transition: opacity .3s;
  opacity: .5;
  border-radius: 30px;
  background: #68689a;
  filter: blur(15px);
}

.language-block__button button svg {
  max-width: 3.2rem;
  max-height: 3.2rem;
  transition: fill .3s;
  fill: #1152f2;
}

.switch-block__input:checked + input[type='hidden'] + .switch-block__item {
  transition: .5s;
  border-color: #313154;
  background-color: #313154;
}

.switch-block__input:checked + input[type='hidden'] + .switch-block__item::after {
  left: .2rem;
  transition: .5s;
  transform: translate(calc(100% - .6rem), -50%);
}

.loading-block {
  position: relative;
  z-index: 1;
}

.loading-block .info-block {
  position: absolute;
  z-index: 11;
  top: 1rem;
  right: 1.2rem;
}

.loading-block__loader {
  position: absolute;
  z-index: 12;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background: #fff;
  align-items: center;
  justify-content: center;
}

.loading-block__loader .preloader-block {
  margin: 0;
}

.loading-block__inner {
  position: absolute;
  z-index: 5;
  top: 10px;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  opacity: 0;
}

.loading-block__inner img {
  display: block;
  width: 100%;
  max-width: 38rem;
  height: 100%;
  max-height: 20rem;
  margin: 0 auto;
  border-radius: .6rem;
  object-fit: contain;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));
}

.loading-block__inner video {
  display: block;
  width: 100%;
  max-width: 38rem;
  height: 100%;
  max-height: 20rem;
  margin: 0 auto;
  border-radius: .6rem;
  object-fit: cover;
}

.loading-block__inner iframe {
  display: block;
  width: 100%;
  max-width: 38rem;
  height: 20rem;
  margin: 0 auto;
  border-radius: .6rem;
}

.loading-block__inner .loaded-file {
  margin: 0 auto;
}

.loading-block__inner::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1rem;
  height: 1rem;
  content: '';
  transform: translate(100%, -50%) rotate(45deg);
  background-color: #fff;
}

.mock-placeholder {
  position: relative;
  z-index: 6;
}

.mock-placeholder.loaded {
  position: absolute;
  width: 100%;
  height: 60%;
  min-height: 1px;
  opacity: 0;
}

.mock-placeholder.loaded + .loading-block__inner {
  position: relative;
  top: 0;
  visibility: visible;
  opacity: 1;
}

.mock-placeholder.loaded ~ .btn {
  visibility: hidden;
  opacity: 0;
}

.avatar {
  overflow: hidden;
  width: 6rem;
  height: 6rem;
  margin: 0 auto;
  border-radius: 100%;
}

.avatar-image {
  width: auto;
  height: 100%;
  object-fit: cover;
}

.loaded-file {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 38rem;
  height: 20rem;
  padding: 3rem 4rem 3rem 9.8rem;
  border-radius: .4rem;
  background: linear-gradient(164.67deg, rgba(128, 157, 255, .1) -5.8%, rgba(10, 60, 227, .1) 110.39%);
  align-items: center;
  justify-content: center;
}

.loaded-file::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.6rem;
  height: 100%;
  content: '';
  background-image: url('../images/file.png');
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: contain;
}

.loaded-file__text {
  font-family: 'Montserrat';
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  line-height: 2rem;
  display: -webkit-box !important;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  color: #000;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.tags-block {
  min-height: 38px;
  padding: .8rem 2.8rem .8rem 1.2rem;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: .4rem;
  background: #fff;
}

.tags-block .select2-container--default {
  min-width: 100%;
}

.tags-block .select2-container--default .select2-selection--multiple .select2-selection__choice {
  overflow: unset;
  margin-top: 1rem;
  margin-left: 1rem;
  padding: .45rem 2.4rem .45rem 1.2rem;
  border: none;
  border-radius: .6rem;
  background-color: rgba(0, 0, 0, .1);
}

.tags-block .select2-container--default .select2-selection__choice__remove {
  top: 50%;
  right: 1.2rem;
  left: unset;
  margin-right: 1rem;
  padding: 0;
  transform: translateY(-50%);
  border: none;
  background: none;
}

.tags-block .select2-container--default .select2-selection__choice__remove::after {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5rem;
  position: absolute;
  bottom: 123%;
  left: 100%;
  visibility: hidden;
  margin-left: 0;
  padding: 4px 13px 5px;
  content: attr(aria-label);
  transition: opacity .3s;
  white-space: nowrap;
  opacity: 0;
  color: #fff;
  border-radius: 6px 6px 6px 0;
  background: linear-gradient(0deg, rgba(49, 49, 84, .8), rgba(49, 49, 84, .8)), #fff;
}

.tags-block .select2-container--default .select2-selection__choice__remove:hover::after {
  visibility: visible;
  opacity: 1;
}

.tags-block .select2-container--default .select2-selection__choice__remove:hover span {
  background-color: none;
}

.tags-block .select2-container--default .select2-selection__choice__remove:hover span::after {
  opacity: .7;
  filter: invert(43%) sepia(58%) saturate(820%) hue-rotate(191deg) brightness(95%) contrast(97%);
}

.tags-block .select2-container--default .select2-selection__choice__remove span {
  font-size: 0;
}

.tags-block .select2-container--default .select2-selection__choice__remove span::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  content: '';
  transform: translateY(-50%);
  background-image: url('../images/svg/close.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.2rem;
}

.tags-block .select2-container--default .select2-results__option {
  transition: color .1s;
}

.tags-block .select2-container--default .select2-results__option:hover {
  color: #88a8f8;
}

.tags-block .select2-container--default .select2-results__option--highlighted {
  color: #88a8f8;
}

.tags-block .select2-container--default .select2-results__option--selected {
  color: rgba(0, 0, 0, .5);
}

.tags-block .select2-container--default .select2-selection__choice__display {
  display: block;
  overflow: hidden;
  max-width: 23.5rem;
  padding-right: 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tags-block .select2-container--focus .select2-selection {
  border: none;
}

.tags-block .select2-selection {
  padding: .3rem 2.8rem 1.2rem 0;
  border: none;
}

.tags-block .select2-search__field {
  min-height: unset;
}

.tags-block .select2-dropdown {
  min-width: unset;
  border: 1px solid rgba(0, 0, 0, .25);
}

.tags-block .select2-selection__choice__display {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  color: #000;
}

.tags-list {
  display: flex;
  margin: 0 -.5rem -1rem;
  padding-left: 0;
  list-style-type: none;
  flex-wrap: wrap;
}

.tag {
  display: flex;
  margin-right: .5rem;
  margin-bottom: 1rem;
  margin-left: .5rem;
  padding: .4rem 1.2rem;
  border-radius: .6rem;
  background: rgba(0, 0, 0, .1);
  align-items: center;
  justify-content: center;
}

.tag span {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  overflow: hidden;
  max-width: 23.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}

.tag .btn {
  margin-left: 1rem;
}

[data-tip] {
  position: relative;
}

[data-tip]::after {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5rem;
  position: absolute;
  bottom: 123%;
  left: 100%;
  visibility: hidden;
  margin-left: -10px;
  padding: 4px 13px 5px;
  content: attr(data-tip);
  transition: opacity .3s;
  white-space: nowrap;
  opacity: 0;
  color: #fff;
  border-radius: 6px 6px 6px 0;
  background: linear-gradient(0deg, rgba(49, 49, 84, .8), rgba(49, 49, 84, .8)), #fff;
}

[data-tip]:hover::after {
  visibility: visible;
  opacity: 1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}

.h2 {
  font-family: 'Montserrat';
  font-size: 2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 2.4rem;
  margin: 8rem 0 4rem;
  color: #000;
}

.h3 {
  font-family: 'Montserrat';
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2rem;
  margin: 4rem 0;
  color: #000;
}

h4,
.h4 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2.4rem;
  color: #000;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

blockquote {
  margin: 0 0 1rem;
}

p {
  margin: 1.5rem 0;
}

p:empty {
  display: none;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

.info-block {
  position: relative;
  display: flex;
  width: fit-content;
  align-items: center;
}

.info-block.active .info-block__inner-wrapper {
  max-height: 56rem;
  opacity: 1;
}

.info-block.active .info-block__inner {
  visibility: visible;
}

.info-block--left .info-block__inner {
  right: -1.8rem;
  left: unset;
  transform: translate(100%, -50%);
}

.info-block--left .info-block__inner::after {
  right: unset;
  left: -1.2rem;
  border-width: 1.2rem 1.2rem 1.2rem 0;
  border-color: transparent #fff transparent transparent;
}

.info-block__icon {
  display: flex;
  width: 1.8rem;
  height: 1.8rem;
  cursor: pointer;
  transition: border-color .3s;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 1.8rem;
  align-items: center;
  justify-content: center;
}

.info-block__icon .icon {
  width: .6rem;
  height: 1rem;
  transition: fill .3s;
  fill: rgba(0, 0, 0, .25);
}

.info-block__icon:hover {
  border-color: #88a8f8;
}

.info-block__icon:hover .icon {
  fill: #88a8f8;
}

.info-block__inner {
  position: absolute;
  z-index: 45;
  top: 50%;
  left: -1.8rem;
  visibility: hidden;
  min-width: 46rem;
  transform: translate(-100%, -50%);
  border-radius: 1.2rem;
  background-color: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .16);
}

.info-block__inner::after {
  position: absolute;
  top: 50%;
  right: -1.2rem;
  width: 0;
  height: 0;
  content: '';
  transform: translateY(-50%);
  border-width: 1.2rem 0 1.2rem 1.2rem;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  filter: drop-shadow(0px 2px 16px rgba(0, 0, 0, .16));
}

.info-block__inner-wrapper {
  overflow-y: auto;
  max-width: 46rem;
  max-height: 0;
  padding: 1.6rem;
  opacity: 0;
}

.info-block__inner-wrapper::before {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 1.6rem);
  height: 2rem;
  content: '';
  transform: rotate(180deg);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.info-block__inner-wrapper::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 1.6rem);
  height: 2rem;
  content: '';
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

.info-block__inner-wrapper::after,
.info-block__inner-wrapper::before {
  border-radius: 1.2rem;
}

.info-block__inner-wrapper::-webkit-scrollbar {
  width: 1.2rem;
}

.info-block__inner-wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}

.info-block__inner-wrapper::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  border-radius: 1rem;
  background: rgba(0, 0, 0, .1);
  background: rgba(0, 0, 0, .1);
  background-clip: padding-box;
}

.info-text {
  font-family: 'PF Regal Text Pro';
}

.info-text p:not(:last-child) {
  margin-bottom: 2.5rem;
}

.info-text ol li:not(:last-child) {
  margin-bottom: 2.5rem;
}

.info-title {
  font-family: 'Montserrat';
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2rem;
  display: block;
  margin-bottom: 2.8rem;
  color: #000;
}

.interactive-media-block {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: url('../images/icon-marker.png') 2 2, pointer;
  border-radius: .4rem;
}

.interactive-media-block .icon-marker {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 2.4rem;
  height: 3.2rem;
  transition: opacity .3s;
  opacity: 0;
  fill: #313154;
  stroke: #fff;
}

.interactive-media-block .icon-marker.active {
  visibility: visible;
  opacity: 1;
}

.interactive-media-block__image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  border-radius: .4rem;
}

.interactive-data {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.breadcrumb {
  display: flex;
  margin: 0 0 1.1rem;
  padding-left: 0;
  list-style-type: none;
}

.breadcrumb-link {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  line-height: 1.5rem;
  display: block;
  overflow: hidden;
  max-width: 25rem;
  transition: opacity .3s;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  opacity: 1;
  color: rgba(0, 0, 0, .5);
}

a.breadcrumb-link:hover {
  opacity: .6;
}

.breadcrumb-item {
  margin-left: 0;
}

.breadcrumb-item + .breadcrumb-item {
  position: relative;
  margin-left: 2.4rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  position: absolute;
  top: 50%;
  left: -1.4rem;
  width: .6rem;
  height: .5rem;
  content: '';
  transform: translateY(-50%);
  background-image: url('../images/arrow.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.dropdown-block {
  position: relative;
}

.dropdown-block .form-control {
  cursor: pointer;
}

.dropdown {
  position: absolute;
  z-index: 11;
  left: 50%;
  visibility: hidden;
  min-width: 10rem;
  height: 0;
  padding: 1.6rem;
  transition: opacity .3s, height .3s;
  transform: translateZ(0);
  opacity: 0;
  border-radius: 1.2rem;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .16);
}

.dropdown.active {
  visibility: visible;
  opacity: 1;
}

.dropdown.top {
  top: -2rem;
  transform: translate(-50%, -100%);
}

.dropdown.top::before {
  top: auto;
  bottom: -1.8rem;
  transform: rotate(180deg) translate(0, 50%);
}

.dropdown.bottom {
  bottom: -2rem;
  transform: translate(-50%, 100%);
}

.dropdown.bottom::before {
  top: -1.2rem;
}

.dropdown::before {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 0;
  height: 0;
  content: '';
  transform: translateX(-50%);
  border-width: 0 12px 12px 12px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  filter: drop-shadow(0px -9px 5px rgba(0, 0, 0, .16));
}

.dropdown.active-filter .filter-wrapper {
  z-index: 2;
  opacity: 1;
}

.dropdown.active-filter-item .filters {
  position: relative;
  z-index: 2;
  opacity: 0;
}

.dropdown.active-filter-item .filter-wrapper {
  overflow: hidden;
}

.dropdown.active-filter-item .filters__inner.active {
  z-index: 3;
  opacity: 1;
}

.dropdown .nav-iconed button {
  transition: color .3s;
}

.dropdown .nav-iconed button:hover {
  color: #fff;
}

.dropdown-head {
  display: flex;
  align-items: center;
}

.dropdown-head .search-block {
  width: 100%;
}

.dropdown-head .search-block + .filter-block {
  margin-left: 2rem;
}

.dropdown-head + .dropdown-body {
  margin: 2rem 0;
  padding: 2rem 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.dropdown-body {
  position: relative;
}

.filter-wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  padding: 2rem 1.6rem;
  opacity: 0;
  background-color: #fff;
}

.dropdown-wrapper {
  max-height: 100%;
}

.dropdown-list {
  overflow-y: auto;
  max-height: 50rem;
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .25) transparent;
}

.dropdown-list::-webkit-scrollbar {
  width: .4rem;
  background-color: transparent;
}

.dropdown-list::-webkit-scrollbar-thumb {
  width: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, .1);
}

.dropdown-list__item {
  margin-left: 0;
}

.dropdown-list__item:not(:last-child) {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.dropdown-list__item.align-center .radio-text {
  align-items: center;
}

.dropdown-list__item.align-center .radio-text::after {
  top: 50%;
  transform: translateY(-50%);
}

.dropdown-list__item button {
  transition: color .1s linear;
  text-align: left;
  border: none;
  background: none;
}

.dropdown-list__item button:hover {
  color: #88a8f8;
}

.radio {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.radio:hover .radio-text::before {
  border-color: #88a8f8;
}

.radio-control {
  position: absolute;
  width: 100%;
  opacity: 0;
}

.radio-control:checked ~ .radio-text::before {
  border-color: #313154;
  background-color: #313154;
}

.radio-control:checked:hover ~ .radio-text::before {
  border-color: #88a8f8;
  background-color: #88a8f8;
}

.radio-text {
  font-family: 'Montserrat';
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  line-height: 2rem;
  position: relative;
  display: flex;
  color: #000;
}

.radio-text::before {
  position: relative;
  min-width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
  content: '';
  transition: background-color .3s, border-color .3s;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 100%;
  background-color: transparent;
}

.radio-text::after {
  position: absolute;
  z-index: 1;
  top: .9rem;
  left: .7rem;
  width: 1.2rem;
  height: 1rem;
  content: '';
  background: url('../images/svg/icon-done.svg') 50% 50% no-repeat;
  background-size: 12px;
}

.radio-text + .dropdown-time {
  margin-left: 3.7rem;
}

.dropdown-time {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5rem;
  margin-top: 1rem;
  color: rgba(0, 0, 0, .5);
}

.dropdown-time span + span {
  position: relative;
  padding-left: 1rem;
}

.dropdown-time span + span::before {
  position: absolute;
  top: .1rem;
  left: .3rem;
  content: '/';
  color: rgba(0, 0, 0, .5);
}

.search-block {
  position: relative;
}

.search-btn {
  font-size: 0;
  position: absolute;
  top: 50%;
  right: .5rem;
  display: flex;
  width: 3.2rem;
  height: 3.2rem;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
}

.search-btn .icon-search {
  width: 1.8rem;
  height: 1.8rem;
  transition: fill .3s;
  fill: #000;
}

.search-btn:hover .icon-search {
  fill: #88a8f8;
}

.filter-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
}

.filter-wrapper__head {
  display: flex;
}

.filter-wrapper__head + .filter-wrapper__body {
  margin-top: 4rem;
}

.filter-wrapper__head.center {
  justify-content: center;
}

.filter-item {
  display: flex;
  padding-bottom: 2rem;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  align-items: center;
  justify-content: space-between;
}

.filter-item:hover .filter-title {
  color: #88a8f8;
}

.filter-item:hover .filter-icon .icon-arrow {
  fill: #88a8f8;
}

.filter-item + .filter-item {
  margin-top: 2rem;
}

.filter-icon .icon-arrow {
  width: .6rem;
  height: .5rem;
  transition: fill .3s;
  transform: rotate(-90deg);
}

.filter-text {
  position: relative;
}

.filter-text .counter {
  font-family: 'Montserrat';
  font-size: 1rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2rem;
  position: absolute;
  top: -.5rem;
  right: 0;
  padding: .3rem .6rem;
  transform: translateX(100%);
  text-align: center;
  color: #fff;
  border-radius: 2rem;
  background: #313154;
}

.filter-title {
  font-family: 'Montserrat';
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2rem;
  transition: color .3s;
  color: #000;
}

.filters__inner {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  padding: 2rem 1.6rem;
  opacity: 0;
  background-color: #fff;
}

.filters__nav {
  display: flex;
  margin: 0 -.6rem;
  align-items: center;
}

.filters__cell {
  padding: 0 .6rem;
}

.filters__cell .breadcrumb {
  margin-bottom: 0;
}

.filters__cell .btn-secondary {
  margin-top: 0;
}

.filters__title {
  font-family: 'Montserrat';
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.2rem;
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
  color: #000;
}

.filters__title .counter {
  position: absolute;
  top: -.5rem;
  right: 0;
  transform: translateX(100%);
}

.filters__head {
  margin-bottom: 4rem;
}

.latest-item {
  display: flex;
  padding: 3.2rem 1.3rem;
  text-decoration: none;
  border-radius: .6rem;
  background-color: #e7eaf2;
  align-items: center;
  justify-content: center;
}

.latest-item.white {
  background-color: #fff;
}

.latest-item__icon {
  font-size: 3.4rem;
  position: relative;
  max-width: 4.4rem;
  max-height: 4.4rem;
  margin-right: 2rem;
}

.latest-item__icon::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.latest-item__title {
  font-size: 1.4rem;
  font-weight: 400;
  display: block;
  margin-bottom: .4rem;
}

.latest-item__count {
  font-size: 2.8rem;
  font-weight: 700;
  display: block;
}

.card-link {
  position: relative;
  display: flex;
  overflow: hidden;
  padding: 3rem 3.6rem;
  text-decoration: none;
  border-radius: .6rem;
  align-items: center;
  justify-content: space-between;
}

.card-link:hover .card-link__desc-icon {
  transform: translateX(.5rem);
}

.card-link.col {
  flex-direction: column-reverse;
  padding-top: 26.2rem;
  align-items: flex-start;
  justify-content: flex-end;
}

.card-link.col .card-link__img {
  position: absolute;
  width: 100%;
}

.card-link.col .card-link__img img {
  object-fit: contain;
}

.card-link.col:nth-child(7n + 4),
.card-link.col:nth-child(7n + 5),
.card-link.col:nth-child(7n + 6),
.card-link.col:nth-child(7n + 7) {
  padding-top: 22.6rem;
  padding-right: 2.4rem;
  padding-left: 2.4rem;
}

.card-link.col:not(.gradient) .card-link__img {
  top: 3.6rem;
  left: 50%;
  height: 100%;
  max-height: 19rem;
  transform: translateX(-50%);
}

.card-link.col:not(.gradient):nth-child(7n + 4) .card-link__img,
.card-link.col:not(.gradient):nth-child(7n + 5) .card-link__img,
.card-link.col:not(.gradient):nth-child(7n + 6) .card-link__img,
.card-link.col:not(.gradient):nth-child(7n + 7) .card-link__img {
  top: 2.4rem;
}

.card-link.col.gradient .card-link__img {
  left: 0;
  max-height: 33.2rem;
}

.card-link.col.gradient .card-link__img img {
  object-fit: cover;
}

.card-link.col.gradient.blue .card-link__img::after {
  background: linear-gradient(360deg, #77aee5 30%, rgba(119, 174, 229, 0) 100%);
}

.card-link.col.gradient.orange .card-link__img::after {
  background: linear-gradient(360deg, #eab667 30%, rgba(234, 182, 103, 0) 100%);
}

.card-link.col.gradient.brown .card-link__img::after {
  background: linear-gradient(360deg, #cab7ba 30%, rgba(202, 183, 186, 0) 100%);
}

.card-link.col.gradient.green .card-link__img::after {
  background: linear-gradient(360deg, #acc4b7 30%, rgba(172, 196, 183, 0) 100%);
}

.card-link.col.gradient.purple .card-link__img::after {
  background: linear-gradient(360deg, #a6a1c9 30%, rgba(166, 161, 201, 0) 100%);
}

.card-link.blue {
  background-color: #77aee5;
}

.card-link.orange {
  background-color: #eab667;
}

.card-link.brown {
  background-color: #cab7ba;
}

.card-link.green {
  background-color: #acc4b7;
}

.card-link.purple {
  background-color: #a6a1c9;
}

.card-link.gradient .card-link__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.card-link.gradient .card-link__img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.card-link.gradient.blue .card-link__img::after {
  background: linear-gradient(90deg, #77aee5 0%, rgba(119, 174, 229, 0) 100%);
}

.card-link.gradient.orange .card-link__img::after {
  background: linear-gradient(90deg, #eab667 0%, rgba(234, 182, 103, 0) 100%);
}

.card-link.gradient.brown .card-link__img::after {
  background: linear-gradient(90deg, #cab7ba 0%, rgba(202, 183, 186, 0) 100%);
}

.card-link.gradient.green .card-link__img::after {
  background: linear-gradient(90deg, #acc4b7 0%, rgba(172, 196, 183, 0) 100%);
}

.card-link.gradient.purple .card-link__img::after {
  background: linear-gradient(90deg, #a6a1c9 0%, rgba(166, 161, 201, 0) 100%);
}

.card-link__label {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: rgba(0, 0, 0, .5);
}

.card-link__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
  color: #fff;
}

.card-link__desc {
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  padding: 1.3rem 0;
  color: #fff;
  align-items: center;
}

.card-link__content {
  position: relative;
  z-index: 1;
  max-width: 32rem;
  margin-right: 2rem;
}

.card-link__desc-icon {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: .9rem;
  transition: transform .3s;
}

.card-link__img img {
  display: block;
  max-width: 100%;
  height: 100%;
}

.delete-timeout {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  border-radius: .6rem;
  background-color: rgba(243, 245, 249, .85);
}

.delete-timeout.active {
  display: block;
}

.delete-timeout__content {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  align-items: center;
}

.delete-timeout__delete {
  display: flex;
  margin-bottom: 2.4rem;
  align-items: center;
}

.delete-timeout__label {
  margin-right: 1rem;
}

.countdown {
  position: relative;
  display: flex;
  width: 4rem;
  height: 4rem;
  align-items: center;
  justify-content: center;
}

.countdown__number {
  font-size: 1.8rem;
  font-weight: 600;
}

.countdown__progress {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

.countdown__progress circle {
  animation: countdown linear forwards;
  stroke-dasharray: 113px;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 3px;
  stroke: #ff6f5c;
  fill: none;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: 113px;
  }
}

.figure-image {
  display: block;
  opacity: .5;
}

.figure-image__img {
  display: block;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, .02);
  border-radius: .6rem;
  object-fit: cover;
}

.figure-image__caption {
  font-size: 1.2rem;
  padding-left: .6rem;
}

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

article,
section,
aside,
footer,
header,
hgroup,
main,
nav,
menu,
details,
summary,
figure,
figcaption {
  display: block;
}

html {
  font-size: 10px;
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  height: 100%;
}

body {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  color: #000;
  background: #f0f1f5;
}

* {
  box-sizing: border-box;
}

a {
  cursor: pointer;
  text-decoration: underline;
  color: currentColor;
}

a:hover {
  text-decoration: none;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
}

li {
  margin-left: 25px;
}

b,
strong {
  font-weight: bold;
}

img {
  width: 100%;
  max-width: 100%;
  border: 0;
}

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

table {
  border-spacing: 0;
}

th,
td {
  padding: 0;
  text-align: left;
}

sub,
sup {
  font-size: .75em;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
  background: #eee;
}

fieldset {
  border: 0;
}

input {
  vertical-align: middle;
}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea {
  -webkit-appearance: none;
}

input[type='button'],
input[type='submit'],
input[type='reset'],
button {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  overflow: visible;
  cursor: pointer;
  outline: none;
  -webkit-appearance: button;
}

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

input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='search'] {
  color: #000;
  background: #fff;
}

textarea {
  overflow: auto;
  padding: 3px 6px;
  vertical-align: top;
  color: #000;
  border: 1px solid #787878;
  background: #fff;
}

input[type='checkbox'],
input[type='radio'] {
  display: inline-block;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding: 0;
  vertical-align: bottom;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

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

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

input::-webkit-input-placeholder {
  color: #ccc !important;
}

input::-moz-placeholder {
  color: #ccc !important;
}

input:-ms-input-placeholder {
  color: #ccc !important;
}

.clear {
  clear: both;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}

.ov-h {
  overflow: hidden;
}

.hidden {
  display: none;
}

.login-wrappper {
  background-color: #f3f5f9;
}

.ui-kit__item + .ui-kit__item {
  margin-top: 2rem;
}

.pre-line p {
  white-space: pre-line;
}

.list-reset {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.u-underline {
  text-decoration: underline;
}

.u-nobr {
  white-space: nowrap;
}

.u-hidden {
  display: none !important;
}

.u-hidden-h {
  overflow: hidden;
  height: 1px;
  opacity: 0;
}

.u-vhidden {
  visibility: hidden;
}

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

.u-radius {
  overflow: hidden;
  border-radius: 6px;
}

.page-layout {
  display: flex;
  box-sizing: border-box;
  min-height: calc(100vh - 60px);
}

.page-main {
  position: relative;
  overflow: hidden;
  width: calc(100% - 38rem);
}

.page-main--ui-kit {
  margin: 0 -1rem;
  padding: 10rem 1rem;
}

.page-main.active-popover::before {
  z-index: 10;
  visibility: visible;
  transition: opacity .3s;
  opacity: 1;
}

.main {
  padding: 50px 0 125px;
}

.main .heading-title {
  font-family: 'Montserrat';
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  line-height: 29px;
  margin-top: 60px;
  margin-bottom: 35px;
  color: #000;
}

.main .heading-title:first-child {
  margin-top: 0;
}

.main.main-secondary {
  padding: 10px 0 124px;
}

.layout {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  justify-content: space-between;
}

.layout.collapsed .page-splitted__head {
  pointer-events: none;
}

.layout.aside-minimized .container {
  max-width: 1823px;
}

.layout.aside-minimized .latest .page-panel {
  max-width: 104.2rem;
}

.layout.aside-minimized .page-main {
  width: 100%;
}

.layout.aside-minimized .aside-panel.active {
  min-width: 38rem;
}

.layout.aside-minimized .page-tabs {
  max-width: unset;
}

.layout.aside-minimized .page-splitted__head.is-affixed .inner-wrapper-sticky {
  width: calc(100% - 16rem) !important;
}

.container {
  width: 100%;
  max-width: 1540px;
  padding-right: 14rem;
  padding-left: 14rem;
}

.container.md {
  max-width: 1720px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.container.xs {
  max-width: 600px;
  margin: 0 auto;
  padding-right: 14rem;
  padding-left: 14rem;
}

.main .container > .table {
  margin: 0 0 4rem;
}

.svg-store {
  display: none;
  overflow: hidden;
  height: 0;
}

.about__group {
  margin-bottom: 6rem;
}

.about__group .form-combo {
  margin-bottom: 0rem;
}

[class^='icon-'],
[class*=' icon-'],
.btn-delete::before,
.btn-close::before,
.btn-settings::before,
.btn-back::before,
.dpd-search__field button::before,
.mock-placeholder__message::before,
.mock-wrapper.m-movable .e-handle::before,
.form-text.m-numeric .btn-up::before,
.form-text.m-numeric .btn-down::before,
.form-select.m-dbl::after,
.form-checkmark .label::after,
.form-tag .btn-del::before,
.main-head__controls .search-field button::before,
.table.m-rows-move .row-move-overlay__handle::before {
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.login-page {
  font-family: 'Montserrat';
  position: relative;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  transition: opacity .9s cubic-bezier(.17, .04, .03, .94);
  transform: translate3d(0, -100%, 0);
  opacity: 0;
  background-size: 100%;
}

.login-page.loaded {
  transform: translateX(0);
  opacity: 1;
}

.login-page.client .login-page__img {
  background-position: center center;
}

.login-page.client .login-form {
  margin-top: 6rem;
}

.login-page.client .switch-block {
  margin-top: .8rem;
}

.login-page.client .intro {
  position: relative;
  display: none;
  padding: 18.7rem 0 7.2rem;
  background-color: #313154;
}

.login-page.client .intro .intro__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.login-page.client .intro .login-page__header {
  max-width: 44rem;
  margin: 0 auto;
  justify-content: center;
}

.login-page.client .intro .login-page__header h2 {
  font-size: 1.8rem;
  line-height: normal;
  min-width: unset;
  max-width: 44rem;
  padding-left: 7rem;
  color: #fff;
}

.login-page.client .intro .login-page__logo-icon {
  left: 1rem;
}

.login-page.client .login-form__btn {
  margin-top: 6rem;
}

.login-page.client .login-page__header {
  position: relative;
  display: flex;
  text-align: center;
}

.login-page.client .admin {
  margin-top: 6rem;
}

.login-page.client .login-page__logo-icon {
  position: absolute;
  top: -5px;
  left: -5rem;
  width: 4rem;
  height: 4rem;
}

.login-page.client .login-page__right {
  width: 56%;
  background-color: #313154;
}

.login-page.client .login-page__left {
  width: 44%;
}

.login-page.client .login-page__logo {
  max-width: unset;
  padding-left: 0;
}

.login-page.client .login-page__inner {
  padding-top: 11.2rem;
  padding-bottom: 5.5rem;
}

.login-page.client .login-page__body {
  max-width: 32rem;
}

.login-page.client .login-page__title h2 {
  min-width: 41rem;
}

.login-page.client .info-developer__item {
  display: flex;
  align-items: center;
}

.login-page.client .info-developer__item:not(:last-child) {
  margin-bottom: 2.8rem;
}

.login-page.client .info-developer__item .logo-dot-net,
.login-page.client .info-developer__item .system-link {
  width: 4rem;
  height: 4rem;
}

.login-page.client .info-developer__item .system-text {
  max-width: 22.1rem;
  margin-left: 2rem;
  color: rgba(255, 255, 255, .6);
}

.login-page.client .info-developer__item .system-text a {
  transition: color .2s;
  text-decoration: none;
}

.login-page.client .info-developer__item .system-text a:hover {
  color: #88a8f8;
}

.login-page.client .info-developer__item .icon-logo-pras {
  fill: #fff;
}

.login-page.client .info-developer__item .developer-link,
.login-page.client .info-developer__item .icon-logo-pras {
  width: 9rem;
  height: 2rem;
}

.login-page.client .info-developer__item .developer-link {
  transition: opacity .2s;
}

.login-page.client .info-developer__item .developer-link:hover {
  opacity: .7;
}

.login-page.client .info-developer-info {
  position: absolute;
  z-index: 3;
  right: 6rem;
  bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.login-page.client .admin-text {
  padding-left: 1.2rem;
  color: rgba(0, 0, 0, .5);
}

.login-page.client .admin-text a {
  transition: border-color .2s, color .2s;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.login-page.client .admin-text a:hover {
  color: #88a8f8;
  border-color: transparent;
}

.login-page .container {
  height: 100%;
}

.login-page .container.xs {
  max-width: 67rem;
}

.login-page__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
}

.login-page__video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  justify-content: right;
}

.login-page__video video {
  position: absolute;
  left: 0;
  height: 100%;
}

.login-page__left {
  position: relative;
  z-index: 5;
  width: 75%;
  height: 100vh;
  background-color: #f3f5f9;
}

.login-page__right {
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%;
}

.login-page__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-top: 20rem;
  padding-bottom: 5.5rem;
  align-content: space-between;
  justify-content: space-between;
}

.login-page__img {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation-name: scale;
  animation-duration: 12s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  opacity: .4;
  background-repeat: no-repeat;
  background-size: cover;
  animation-fill-mode: forwards;
}

@keyframes scale {
  0% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

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

.login-page__logo {
  display: flex;
  margin-bottom: 2.5rem;
  margin-left: -1rem;
  justify-content: flex-start;
}

.login-page__logo .icon-iron {
  width: 20rem;
  height: 8rem;
}

.login-page__title h2 {
  font-size: 2rem;
  font-weight: bold;
  font-style: normal;
  line-height: 2.4rem;
  max-width: 28rem;
  padding-left: 1.2rem;
  text-align: left;
  color: #000;
}

.login-form__label {
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7rem;
  padding-left: 1.2rem;
  color: rgba(0, 0, 0, .5);
}

.login-form__item {
  display: flex;
  flex-direction: column;
  margin-top: 3.2rem;
}

.login-form__item:first-child {
  margin-bottom: 3.2rem;
}

.login-form__item .switch-block {
  padding-left: 1.2rem;
}

.login-form__item > div {
  position: relative;
  width: 100%;
}

.login-form {
  margin-top: 5.2rem;
}

.form-label {
  font-size: 1.2rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5rem;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 1rem;
  padding-left: 1.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}

.sub {
  font-weight: 400;
  position: relative;
  padding-left: 1.2rem;
}

.sub::before {
  position: absolute;
  top: .2rem;
  left: .5rem;
  content: '/';
}

.form-dt-wrapper {
  display: flex;
  width: 100%;
  max-width: 44.8rem;
}

.form-dt {
  padding-right: 0;
}

.form-dt:first-child {
  border: 0;
}

.form-dt:first-child .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-dt:last-child {
  padding-left: 0;
}

.form-dt:last-child .form-control {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-control {
  font-family: 'Montserrat';
  font-size: 1.6rem;
  font-weight: 400;
  font-style: normal;
  line-height: 2rem;
  display: flex;
  overflow: hidden;
  width: 100%;
  min-width: 12.8rem;
  max-width: 100%;
  height: 4rem;
  padding: 1rem 1.2rem;
  text-overflow: ellipsis;
  color: #000;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: .4rem;
  outline: inherit;
  background-color: #fff;
  align-items: center;
}

.form-control[readonly] {
  pointer-events: none;
  border-color: rgba(0, 0, 0, .2);
  background: none;
}

.form-control::placeholder {
  color: rgba(0, 0, 0, .5);
}

.form-control:hover {
  border-color: #88a8f8;
}

.form-control:focus {
  border-color: #313154;
}

.form-control--code {
  font-family: 'Roboto Mono';
}

.form-control--text {
  font-family: 'PF Regal Text Pro';
}

.form-control.form-password {
  font: caption;
}

.form-control.secondary {
  background-color: transparent;
}

.form-control.search {
  padding: 1rem 4.2rem 1rem 1.2rem;
}

.form-control.form-input {
  padding: .2rem .8rem;
}

.form-control.form-control-dates {
  overflow: unset;
}

.form-control.form-control-dates:hover {
  border-color: rgba(0, 0, 0, .25);
}

.form-control.form-control-dates .select-custom__body {
  min-width: 10.7rem;
}

.form-control.form-control-dates .select-custom__body.bottom {
  bottom: -1rem;
}

.form-control.form-control-dates .select-custom__body.top {
  top: -1rem;
}

.form-control.form-control-dates .select-custom.active .select-custom__head {
  border-color: #313154;
}

.form-control.form-control-dates .select-custom:not(.active) .select-custom__head:hover {
  background-color: #88a8f8;
}

.form-control.form-control-dates .select-custom:not(.active) .select-custom__head:hover .select-text {
  color: #fff;
}

.form-control.form-control-dates .select-custom:not(.active) .select-custom__head:hover .placeholder {
  color: #fff;
}

.form-control.form-control-dates .placeholder {
  font-size: 1.6rem;
  transition: color .2s ease;
  color: #000;
}

.form-control.form-control-dates .select-text {
  font-size: 1.6rem;
  transition: color .2s ease;
}

.form-control.form-control-dates .select-radio .select-text {
  font-size: 1.2rem;
}

.form-control.form-control-dates .select-custom__head {
  height: auto;
  padding: .4rem .8rem;
  transition: background-color .2s ease, border-color .2s ease;
  border-color: transparent;
}

.form-control.form-control-dates .select-custom__head .icon {
  display: none;
}

.form-control .calendar-double {
  max-width: 10.5rem;
  margin-right: 1rem;
  padding: .4rem .8rem .2rem;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  text-align: center;
  border: none;
  border: 1px solid transparent;
  border-radius: .4rem;
  outline: 0;
  background: none;
}

.form-control .calendar-double:hover {
  color: #fff;
  background-color: #88a8f8;
}

.form-control .calendar-double:focus:not(:hover) {
  border-color: #313154;
}

textarea.form-control {
  height: auto;
}

.switch-block {
  position: relative;
  display: flex;
  cursor: pointer;
  transition: .3s;
  align-items: center;
}

.switch-block.disabled {
  pointer-events: none;
}

.switch-block.disabled .switch-block__item {
  border-color: transparent;
}

.switch-block.disabled .switch-block__item,
.switch-block.disabled .switch-block__item::after {
  background: #e5e5e5;
}

.switch-block.disabled .switch-block__item::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: .8rem;
  content: url('../images/icon-lock.svg');
  transform: translate(0, -50%);
}

.switch-block.locked {
  pointer-events: none;
}

.switch-block.locked input:checked + .switch-block__item {
  border-color: #838398;
  background-color: #838398;
}

.switch-block.locked .switch-block__item::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: .8rem;
  content: url('../images/icon-lock.svg');
  transform: translate(0, -50%);
}

.switch-block:hover .switch-block__text {
  transition: color .3s;
}

.switch-block:hover .switch-block__item {
  transition: background-color .3s, border-color .3s;
  border-color: #88a8f8;
  background-color: #88a8f8;
}

.switch-block:hover .switch-block__input:checked + .switch-block__item {
  border-color: #88a8f8;
  background-color: #88a8f8;
}

.switch-block + .switch-block {
  margin-top: 3rem;
}

.switch-block__input {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.switch-block__text {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 2rem;
  display: flex;
  transition: color .3s;
  color: #000;
  align-items: center;
}

.switch-block__icon {
  width: 1.8rem;
  height: 1.4rem;
  margin-right: .8rem;
}

.switch-block__item {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 4rem;
  min-width: 4rem;
  height: 2.4rem;
  margin-right: 2rem;
  transition: .3s;
  border: 1px solid rgba(42, 48, 51, .25);
  border-radius: 2rem;
  background-color: transparent;
}

.switch-block__item:hover {
  border-color: #88a8f8;
  background-color: #88a8f8;
}

.switch-block__item::after {
  position: absolute;
  top: 50%;
  left: .2rem;
  width: 2rem;
  height: 2rem;
  content: '';
  transition: .5s;
  transform: translate(0, -50%);
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}

.switch-block__input:checked + .switch-block__item {
  transition: .5s;
  border-color: #313154;
  background-color: #313154;
}

.switch-block__input:checked + .switch-block__item::after {
  left: .2rem;
  transition: .5s;
  transform: translate(calc(100% - .6rem), -50%);
}

.login-form__btn {
  display: flex;
  width: 100%;
  margin-top: 6.4rem;
  align-items: center;
  justify-content: center;
}

.layout-footer__login {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: transparent;
}

.layout-footer__login .layout-footer__inner {
  padding-left: 22.8rem;
}

.login-page__footer {
  display: flex;
  flex-direction: column;
  margin-right: -8rem;
  margin-left: -8rem;
  padding-top: 10rem;
  justify-content: center;
}

.login-page__footer .info-developer-text {
  display: flex;
  flex-direction: column;
  max-width: 30rem;
  margin-top: -1.5rem;
}

.login-page__footer .info-developer-text .info-developer__item {
  padding-top: 1.5rem;
  padding-right: 1.5rem;
}

.system-text,
.developer-text {
  font-family: 'Montserrat';
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.7rem;
  color: rgba(0, 0, 0, .5);
}

.info-developer-link {
  display: flex;
  margin-right: -1rem;
  margin-left: -1rem;
  align-items: center;
  justify-content: flex-start;
}

.info-developer-link .info-developer__item {
  padding-right: 1rem;
  padding-left: 1rem;
}

.info-developer-info {
  margin-top: 6rem;
}

.info-developer-info .admin-text {
  color: rgba(0, 0, 0, .5);
}

.info-developer-info .admin-text a {
  padding-bottom: 3px;
  transition: color .3s;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.info-developer-info .admin-text a:hover {
  transition: color .3s, border-color .3s;
  color: #88a8f8;
  border-color: transparent;
}

.system-link {
  position: relative;
  display: flex;
  width: 6rem;
  height: 6rem;
}

.system-link::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: transparent;
}

.system-link .logo-dot-net {
  width: 6rem;
  height: 6rem;
  transition: fill .3s;
  fill: #b6b8bb;
}

.system-link:hover::after {
  background-color: #fff;
}

.system-link:hover .logo-dot-net {
  transition: fill .3s;
  fill: #512bd4;
}

.developer-link {
  position: relative;
  display: block;
  width: 123px;
  min-height: 26px;
}

.developer-link .icon-logo-pras {
  width: 123px;
  height: 26px;
  transition: fill .3s;
  fill: #b6b8bb;
}

.developer-link .logo-hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 123px;
  height: 26px;
  transition: opacity .4s;
  opacity: 0;
}

.developer-link .logo-default {
  transition: opacity .4s;
}

.developer-link:hover .logo-hover {
  visibility: visible;
  transition: opacity .4s;
  opacity: 1;
}

.developer-link:hover .logo-default {
  visibility: hidden;
  transition: opacity .4s;
  opacity: 0;
}

.dboard-title {
  margin-bottom: 6rem;
}

.dboard-title.secondary {
  margin-bottom: 4rem;
}

.latest {
  margin-bottom: 9.4rem;
}

.latest .page-panel {
  width: 100%;
  max-width: 83.2rem;
  padding: 0;
}

.latest__block:not(:last-child) {
  margin-bottom: 6rem;
}

.latest__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2.4rem;
}

.latest__grid-item {
  width: 100%;
}

.latest__grid-item.col-g-12 {
  grid-column: span 12;
}

.latest__grid-item.col-g-6 {
  grid-column: span 6;
}

.latest__grid-item.col-g-4 {
  grid-column: span 4;
}

.latest__grid-item.col-g-3 {
  grid-column: span 3;
}

.latest__grid-item.half-width {
  max-width: calc(50% - 1.2rem);
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}

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

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  position: absolute !important;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
  margin: 0;
}

.fancybox-container {
  position: fixed;
  z-index: 99992;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  outline: none;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  transition-timing-function: cubic-bezier(.47, 0, .74, .71);
  transition-duration: inherit;
  transition-property: opacity;
  opacity: 0;
  background: #1e1e1e;
}

.fancybox-is-open .fancybox-bg {
  transition-timing-function: cubic-bezier(.22, .61, .36, 1);
  opacity: .9;
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  position: absolute;
  z-index: 99997;
  visibility: hidden;
  transition: opacity .25s ease, visibility 0s ease .25s;
  opacity: 0;
  direction: ltr;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  visibility: visible;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  opacity: 1;
}

.fancybox-infobar {
  font-size: 13px;
  line-height: 44px;
  top: 0;
  left: 0;
  min-width: 44px;
  height: 44px;
  padding: 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  color: #ccc;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: difference;
  -webkit-touch-callout: none;
}

.fancybox-toolbar {
  top: 0;
  right: 0;
}

.fancybox-stage {
  z-index: 99994;
  overflow: visible;
  transform: translateZ(0);
  direction: ltr;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  position: absolute;
  z-index: 99994;
  top: 0;
  left: 0;
  /* Using without prefix would break IE11 */
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 44px;
  transition-property: transform, opacity;
  text-align: center;
  white-space: normal;
  outline: none;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

.fancybox-slide::before {
  font-size: 0;
  display: inline-block;
  width: 0;
  height: 100%;
  content: '';
  vertical-align: middle;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  position: relative;
  display: inline-block;
  overflow: auto;
  max-width: 100%;
  margin: 0;
  padding: 44px;
  text-align: left;
  vertical-align: middle;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.fancybox-slide--image .fancybox-content {
  position: absolute;
  z-index: 99995;
  top: 0;
  left: 0;
  overflow: visible;
  max-width: none;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: transform, opacity;
  -ms-transform-origin: top left;
  transform-origin: top left;
  animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  background: transparent;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  overflow: visible;
  width: 100%;
  height: 100%;
  padding: 0;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* Fix iOS */

.fancybox-iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.fancybox-error {
  width: 100%;
  max-width: 400px;
  padding: 40px;
  cursor: default;
  background: #fff;
}

.fancybox-error p {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  color: #444;
}

/* Buttons */

.fancybox-button {
  position: relative;
  display: inline-block;
  visibility: inherit;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  cursor: pointer;
  transition: color .2s;
  vertical-align: top;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, .6);
  box-shadow: none;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  cursor: default;
  color: #888;
  outline: none;
}

/* Fix IE11 */

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  height: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  position: absolute;
  z-index: 99998;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  transition-timing-function: linear;
  transition-property: transform;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  background: #ff5268;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
  position: absolute;
  z-index: 401;
  top: -44px;
  right: -12px;
  padding: 8px;
  cursor: pointer;
  opacity: .8;
  color: #ccc;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.fancybox-close-small:hover {
  opacity: 1;
  color: #fff;
}

.fancybox-slide--html .fancybox-close-small {
  top: 0;
  right: 0;
  padding: 10px;
  color: currentColor;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
  height: 100px;
  opacity: 0;
  background-clip: content-box;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0;
  right: env(safe-area-inset-right);
  padding: 31px 6px 31px 26px;
}

/* Caption */

.fancybox-caption {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  z-index: 99996;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 75px 44px 25px 44px;
  text-align: center;
  pointer-events: none;
  color: #eee;
  background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  overflow: auto;
  max-height: 50vh;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  text-decoration: none;
  color: #ccc;
}

.fancybox-caption a:hover {
  text-decoration: underline;
  color: #fff;
}

/* Loading indicator */

.fancybox-loading {
  position: absolute;
  z-index: 99999;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  padding: 0;
  animation: fancybox-rotate 1s linear infinite;
  opacity: .7;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  background: transparent;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* Transition effects */

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
  opacity: 0;
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  transform: scale3d(.5, .5, .5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */

/* Share */

.fancybox-share {
  max-width: 90%;
  padding: 30px;
  text-align: center;
  border-radius: 3px;
  background: #f4f4f4;
}

.fancybox-share h1 {
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
  color: #222;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  display: inline-block;
  min-width: 130px;
  margin: 0 5px 10px 5px;
  padding: 0 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .2s;
  white-space: nowrap;
  text-decoration: none;
  border: 0;
  border-radius: 3px;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  position: relative;
  top: -1px;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  vertical-align: middle;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  font-size: 14px;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 10px 15px;
  color: #5d5b5b;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  outline: none;
  background: transparent;
}

/* Thumbs */

.fancybox-thumbs {
  position: absolute;
  z-index: 99995;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px 2px;
  background: #ddd;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  position: absolute;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #fff;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #2a2a2a;
}

.fancybox-thumbs__list a {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100px;
  max-width: calc(50% - 4px);
  height: 75px;
  max-height: calc(100% - 8px);
  margin: 2px;
  padding: 0;
  cursor: pointer;
  outline: none;
  background-color: rgba(0, 0, 0, .1);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
}

.fancybox-thumbs__list a::before {
  position: absolute;
  z-index: 99991;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  opacity: 0;
  border: 6px solid #ff5268;
}

.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */

/*! jQuery UI - v1.12.1 - 2021-03-30
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.ui-helper-reset {
  font-size: 100%;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  display: table;
  border-collapse: collapse;
  content: '';
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-top: -.25em;
  vertical-align: middle;
  text-indent: -99999px;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  display: block;
  margin-left: -8px;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  font-size: .1px;
  position: absolute;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  top: -5px;
  left: 0;
  width: 100%;
  height: 7px;
  cursor: n-resize;
}

.ui-resizable-s {
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 7px;
  cursor: s-resize;
}

.ui-resizable-e {
  top: 0;
  right: -5px;
  width: 7px;
  height: 100%;
  cursor: e-resize;
}

.ui-resizable-w {
  top: 0;
  left: -5px;
  width: 7px;
  height: 100%;
  cursor: w-resize;
}

.ui-resizable-se {
  right: 1px;
  bottom: 1px;
  width: 12px;
  height: 12px;
  cursor: se-resize;
}

.ui-resizable-sw {
  bottom: -5px;
  left: -5px;
  width: 9px;
  height: 9px;
  cursor: sw-resize;
}

.ui-resizable-nw {
  top: -5px;
  left: -5px;
  width: 9px;
  height: 9px;
  cursor: nw-resize;
}

.ui-resizable-ne {
  top: -5px;
  right: -5px;
  width: 9px;
  height: 9px;
  cursor: ne-resize;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  color: #333;
  border: 1px solid #ddd;
  background: #fff;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  font-weight: bold;
  color: #333;
  border: 1px solid #ddd;
  background: #e9e9e9;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  font-weight: normal;
  color: #454545;
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  text-decoration: none;
  color: #454545;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  font-weight: normal;
  color: #2b2b2b;
  border: 1px solid #ccc;
  background: #ededed;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  text-decoration: none;
  color: #2b2b2b;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  font-weight: normal;
  color: #fff;
  border: 1px solid #003eff;
  background: #007fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  text-decoration: none;
  color: #fff;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: #777620;
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  color: #5f3f3f;
  border: 1px solid #f1a899;
  background: #fddfdf;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  font-weight: normal;
  opacity: .7;
  filter: Alpha(Opacity=70);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  background-image: none;
  filter: Alpha(Opacity=35);
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url('images/ui-icons_444444_256x240.png');
}

.ui-widget-header .ui-icon {
  background-image: url('images/ui-icons_444444_256x240.png');
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url('images/ui-icons_555555_256x240.png');
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url('images/ui-icons_ffffff_256x240.png');
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url('images/ui-icons_777620_256x240.png');
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('images/ui-icons_cc0000_256x240.png');
}

.ui-button .ui-icon {
  background-image: url('images/ui-icons_777777_256x240.png');
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  opacity: .3;
  background: #aaa;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */

.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
}

.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
}

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee;
}

.cropper-dashed.dashed-h {
  top: calc(100% / 3);
  left: 0;
  width: 100%;
  height: calc(100% / 3);
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: calc(100% / 3);
  width: calc(100% / 3);
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
}

.cropper-center::before,
.cropper-center::after {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee;
}

.cropper-center::before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

.cropper-center::after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: ew-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: ew-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: ew-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: ns-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: ew-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: nesw-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nwse-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: nesw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: nwse-resize;
  opacity: 1;
}

.cropper-point.point-se::before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #39f;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 140px;
  }

  .daterangepicker.single .ranges ul {
    width: 100%;
  }

  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }

  .daterangepicker.single .ranges,
  .daterangepicker.single .drp-calendar {
    float: left;
  }

  .daterangepicker {
    text-align: left;
    direction: ltr;
  }

  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }

  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }

  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {
    float: left;
  }

  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 0;
  }
}

@media (min-width: 601px) {
  .btn-create-wrapper.mobile-button {
    display: none;
  }

  .search-field button {
    font-size: 0;
  }

  .search-field button .counter {
    display: none;
  }

  .pagination-wrapper {
    display: none;
  }

  .pagination__input {
    position: relative;
  }

  .popup-setting {
    display: none;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }

  .daterangepicker .ranges {
    float: left;
  }

  .daterangepicker.rtl .ranges {
    float: right;
  }

  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (min-width: 769px) {
  .u-mobile-only {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1024px) {
  .form-btns {
    display: none;
  }

  .burger-wrapper {
    display: none;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
  }
}

@media (min-width: 1271px) {
  .main-head__controls .btn-circle {
    display: none;
  }
}

@media (max-width: 1680px) {
  .page-splitted {
    margin: 0 0 -2.5rem;
  }

  .page-tabs ul li {
    margin: 0;
    padding: 0 0 .5rem 0;
  }

  .page-tabs ul li:not(:last-child) {
    margin-right: 3.5rem;
  }

  .page-splitted__main {
    padding: 4.7rem 0 2rem;
  }

  .page-splitted-head__wrapper > .btns {
    width: 35%;
  }

  .page-splitted-head__wrapper > .btns button {
    margin-left: 0;
  }

  .aside-nav {
    max-width: 22.5rem;
  }

  .page-aside__inner {
    width: 100%;
    padding: 20px 18px;
  }

  .page-aside {
    width: 25rem;
  }

  .language-block-fixed {
    padding: 0 24px;
  }

  .latest-item {
    padding: 2.4rem 1.6rem;
  }

  .latest-item__title {
    font-size: 1.2rem;
  }

  .card-link {
    padding: 2.4rem;
    padding-bottom: 2rem;
  }

  .card-link.col:nth-child(7n + 4),
  .card-link.col:nth-child(7n + 5),
  .card-link.col:nth-child(7n + 6),
  .card-link.col:nth-child(7n + 7) {
    padding-top: 19.6rem;
  }

  .card-link.col:not(.gradient) .card-link__img {
    top: 1.5rem;
    max-width: 16.7rem;
    max-height: 15.2rem;
  }

  .card-link.col {
    padding-top: 19.6rem;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
  }

  .card-link__title {
    font-size: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .card-link__content {
    margin-right: 0;
  }

  .container {
    padding-right: 4rem;
    padding-left: 6.4rem;
  }

  .page-main {
    width: calc(100% - 25rem);
  }

  .login-page.client .login-page__right {
    width: 37%;
  }

  .login-page.client .login-page__left {
    width: 63%;
  }

  .login-page.client .info-developer-info {
    right: 3rem;
  }

  .login-page.client .info-developer__item .system-text {
    font-size: 1.2rem;
    max-width: 18.9rem;
    margin-left: 1.6rem;
  }

  .login-page.client .container.xs {
    padding-right: 10.8rem;
    padding-left: 10.8rem;
  }

  .dboard-title {
    margin-bottom: 4rem;
  }

  .latest {
    margin-bottom: 8rem;
  }

  .latest__block:not(:last-child) {
    margin-bottom: 4rem;
  }

  .latest__grid {
    grid-gap: 1.2rem;
  }

  .latest__grid-item.latest-item.sm {
    flex-direction: column;
    padding: 1.6rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .latest__grid-item.latest-item.sm .latest-item__icon {
    font-size: 3.2rem;
    max-width: 3.2rem;
    max-height: 3.2rem;
    margin-bottom: 1.2rem;
  }

  .latest__grid-item.latest-item.sm .latest-item__info {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .latest__grid-item.latest-item.sm .latest-item__count {
    font-size: 2.2rem;
  }

  .latest__grid-item.latest-item.sm .latest-item__title {
    margin-bottom: .8rem;
  }

  .latest__grid-item.col-g-6.card-link .card-link__img {
    display: none;
  }

  .latest__grid-item.col-g-lg-12 {
    grid-column: span 12;
  }

  .latest__grid-item.col-g-lg-6 {
    grid-column: span 6;
  }

  .latest__grid-item.col-g-lg-4 {
    grid-column: span 4;
  }

  .latest__grid-item.col-g-lg-3 {
    grid-column: span 3;
  }
}

@media (max-width: 1400px) {
  .page-panel {
    width: 65%;
  }

  .page-sidebar {
    width: 35%;
  }
}

@media (max-width: 1350px) {
  .grid,
  .grid-4 {
    display: grid;
    grid-template-columns: 14rem 14rem;
    grid-template-rows: auto auto;
    grid-column-gap: 4rem;
  }

  .grid-3 .article-block__el:nth-child(2) {
    margin-bottom: 0;
    grid-column: 2/3;
    grid-row: 1/3;
  }

  .grid-2 {
    grid-template-rows: 0;
  }

  .grid-1 {
    grid-template-columns: 100%;
    grid-template-rows: 0;
  }
}

@media (max-width: 1271px) {
  .setting-block {
    display: block;
  }
}

@media (max-width: 1270px) {
  .main-head__controls .form-select {
    display: none;
  }
}

@media (max-width: 1200px) {
  .logo {
    align-items: center;
  }

  .logo-block {
    padding-top: 0;
    padding-left: 8px;
  }
}

@media (max-width: 1199px) {
  .btn-options-wrapper .info-block.active .info-block__inner {
    min-width: 36rem;
    max-width: 36rem;
  }

  .page-splitted__head.is-affixed .inner-wrapper-sticky {
    width: calc(100% - 40rem) !important;
  }

  .layout.aside-minimized .page-splitted__head.is-affixed .inner-wrapper-sticky {
    width: calc(100% - 24rem) !important;
  }
}

@media (max-width: 1152px) {
  .breadcrumb .breadcrumb-item:nth-last-child(3) {
    display: none;
  }
}

@media (max-width: 1150px) {
  .container.xs {
    max-width: 360px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .login-page__img {
    width: 100%;
  }

  .layout-footer__login .layout-footer__inner {
    padding-right: 20px;
    padding-left: 100px;
  }
}

@media (max-width: 1100px) {
  .page-splitted__main {
    padding: 47px 0 20px;
  }

  .page-splitted__main.small-wrapper {
    max-width: none;
  }
}

@media (max-width: 1024px) {
  .grid-primary__cell {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .aside-panel__close {
    display: flex;
  }

  .layout.aside-minimized .page-splitted__head.is-affixed .inner-wrapper-sticky {
    width: 100% !important;
  }

  .login-page__right {
    display: none;
  }

  .login-page__left {
    width: 100%;
  }

  .layout-footer__login .layout-footer__inner {
    padding-right: 0;
    padding-left: 0;
  }

  .layout-footer__login .layout-footer__inner .developer svg {
    fill: #000;
  }

  .layout-footer__login .layout-footer__inner .developer a {
    color: #000;
  }

  .login-page__footer {
    padding-top: 50px;
    text-align: center;
    align-items: center;
  }

  .slick-list.draggable {
    padding-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .counter-table {
    font-size: 1rem;
    left: -1.5rem;
    min-width: 3.3rem;
    padding: .4rem .2rem;
  }

  .btn-add {
    display: none;
  }

  .btn-aside-nav {
    display: flex;
  }

  .btn-mobile-aside {
    display: block;
  }

  .btn-close::before {
    font-size: 1.2rem;
  }

  .page-splitted__head.is-affixed .inner-wrapper-sticky {
    width: 100% !important;
  }

  .u-sticky-top {
    width: 100%;
    max-width: unset;
    padding: 0;
  }

  .u-sticky-top h2 {
    font-size: 16px;
    padding: 0 3rem;
  }

  .u-sticky-top button {
    padding-left: 0;
  }

  .page-sidebar {
    width: calc(25% + 2.4rem);
    margin-right: -2.4rem;
  }

  .page-main {
    width: 100%;
  }

  .page-panel {
    width: 75%;
  }

  .page-splitted-body__wrapper.w-aside {
    width: 100%;
  }

  .page-splitted__aside {
    display: none;
  }

  .page-splitted__head .btns {
    display: none;
  }

  .page-splitted__main {
    padding: 2rem 0 2rem;
  }

  .page-splitted__main.small-wrapper {
    max-width: none;
  }

  .form-btns {
    display: flex;
    width: 100%;
    margin-top: 4rem;
  }

  .form-btns .btn-delete {
    border-radius: 42px;
  }

  .form-btns button {
    width: 50%;
  }

  .form-btns button:first-child {
    margin-right: 2.5rem;
  }

  .form-btns button:last-child {
    margin-left: 2.5rem;
  }

  .form-btns button.btn-publish__mobile {
    position: fixed;
    z-index: 20;
    right: 2.4rem;
    bottom: 2rem;
    visibility: visible;
    width: 5.6rem;
    height: 5.6rem;
    transition: opacity .3s;
    opacity: 1;
    border: none;
    border-radius: 100%;
    background: linear-gradient(180deg, #3e6aff 0%, #1152f2 100%);
    box-shadow: 0 5px 20px rgba(62, 106, 255, .55);
  }

  .form-btns button.btn-publish__mobile.hide {
    visibility: hidden;
    transition: opacity .3s;
    opacity: 0;
  }

  .form-btns button.btn-publish__mobile:hover {
    background: #88a8f8;
  }

  .form-btns button.btn-publish__mobile .icon-done {
    width: 2.1rem;
    height: 1.6rem;
    fill: #fff;
  }

  .page-splitted__head.fixed {
    width: 100%;
  }

  .u-sticky-top .btn-close {
    display: block;
  }

  .page-splitted__head-head {
    flex-wrap: wrap;
  }

  .page-splitted__head-head .section-title {
    width: 100%;
  }

  .page-splitted__head-head .grid-buttons {
    width: 100%;
    order: -1;
  }

  .page-splitted__head-head .section-title + .grid-buttons {
    margin-bottom: 2.4rem;
    padding-left: 0;
  }

  .page-splitted__head.is-affixed .page-splitted__head-head {
    display: none;
  }

  .page-splitted__head.is-affixed .page-splitted__head-head + .page-splitted-head__wrapper {
    margin-right: 0;
  }

  .page-splitted__head.is-affixed .page-splitted-head__wrapper {
    width: 100%;
  }

  .layout-footer__inner {
    flex-direction: column;
    justify-content: center;
  }

  .developer {
    margin-top: 2rem;
  }

  .admin {
    flex-direction: column;
    justify-content: center;
  }

  .admin .icon-iron {
    margin-right: 0;
  }

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

  .grid-default__row {
    flex-direction: row;
  }

  .col-md-hide {
    display: none;
  }

  .col-md-1 {
    width: 8.333333%;
  }

  .col-md-2 {
    width: 16.666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.333333%;
  }

  .col-md-5 {
    width: 41.666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.333333%;
  }

  .col-md-8 {
    width: 66.666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.333333%;
  }

  .col-md-11 {
    width: 91.666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .burger-wrapper {
    margin-left: 0;
  }

  .page-aside {
    position: absolute;
    height: 100%;
    transition: transform .3s;
    transform: translateX(-100%);
  }

  .page-aside.active {
    transition: transform .3s;
    transform: translateX(0);
  }

  .main-head__controls .form-select {
    display: none;
  }

  .page-aside {
    max-height: unset;
  }

  .page-aside__minimize {
    display: none;
  }

  .aside-nav {
    max-width: unset;
    max-height: unset;
    margin: 0;
    padding: 2rem 2.1rem;
  }

  .aside-nav__list {
    margin-left: 0;
  }

  .aside-nav__label {
    margin-left: 0;
  }

  .aside-line {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  .aside-panel__inner {
    padding-top: 4rem;
  }

  .aside-panel {
    position: fixed;
    z-index: 101;
    width: 100%;
    min-width: 100%;
  }

  .page-aside {
    z-index: 101;
    width: 90%;
  }

  .table .btn-sort-desc::after {
    display: none;
  }

  .table .btn-sort-asc::after {
    display: none;
  }

  .table .form-select {
    display: flex;
    width: 100%;
    max-width: 140px;
    margin-bottom: 40px;
  }

  .table .search-result-title {
    display: none;
  }

  .modal-default .dropdown-list {
    overflow: unset;
    max-height: unset;
  }

  .mobile-menu .user-wrapper {
    flex-direction: row-reverse;
  }

  .mobile-menu .uname {
    font-weight: 600;
    display: block;
    margin-left: 1rem;
    color: #fff;
  }

  .mobile-menu .main-head__user {
    display: flex;
    max-width: unset;
    margin-bottom: 3.4rem;
    margin-left: 0;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-menu .main-head__user .toggle-icon {
    width: 11px;
    height: 7px;
    margin-left: 5px;
    transition: transform .2s ease-out;
    fill: #bfc1c580;
  }

  .mobile-menu .main-head__user.active .toggle-icon {
    transform: scale(-1, -1);
  }

  .mobile-menu .main-body__user {
    overflow: hidden;
    max-height: 0;
    list-style: none;
    transition: opacity .2s ease-out;
    opacity: 0;
  }

  .mobile-menu .main-body__user.active {
    max-height: fit-content;
    opacity: 1;
  }

  .mobile-menu .main-body__user li {
    margin: 0;
    padding: 0;
  }

  .mobile-menu .main-body__user li:not(:last-child) {
    margin-bottom: 1.8rem;
  }

  .mobile-menu .main-body__user a {
    font-size: 1.8rem;
    text-decoration: none;
    color: #fff;
  }

  .nav-mobile.active {
    visibility: visible;
    transform: translateY(0);
  }

  .language-block-fixed {
    display: none;
  }

  .latest-item {
    padding: 1.6rem;
  }

  .latest-item__icon {
    font-size: 2.8rem;
    max-width: 3.2rem;
    max-height: 3.2rem;
    margin-right: 1.2rem;
  }

  .latest-item__count {
    font-size: 2.2rem;
  }

  .card-link.col:not(.gradient) .card-link__img {
    max-width: 18.4rem;
    max-height: 14.8rem;
  }

  .card-link.col:not(.gradient):nth-child(7n + 4) .card-link__img,
  .card-link.col:not(.gradient):nth-child(7n + 5) .card-link__img,
  .card-link.col:not(.gradient):nth-child(7n + 6) .card-link__img,
  .card-link.col:not(.gradient):nth-child(7n + 7) .card-link__img {
    max-width: 14.7rem;
  }

  .card-link__title {
    font-size: 1.4rem;
  }

  .container {
    padding-right: 2.4rem;
    padding-left: 2.4rem;
  }

  .login-page.client .intro {
    display: block;
  }

  .login-page.client .intro .login-page__header {
    display: flex;
  }

  .login-page.client .login-page__left,
  .login-page.client .login-page__right {
    width: 100%;
  }

  .login-page.client .login-page__left {
    height: 100%;
    min-height: unset;
    padding-bottom: 4.9rem;
  }

  .login-page.client .login-page__right {
    position: static;
    display: flex;
    padding: 4.8rem 3.3rem 6rem;
    justify-content: center;
  }

  .login-page.client .login-page__img {
    display: none;
  }

  .login-page.client .info-developer-info {
    position: static;
    margin-top: 0;
  }

  .login-page.client .admin {
    max-width: 32rem;
    margin-top: 18rem;
  }

  .login-page.client .admin-text {
    padding-left: 0;
  }

  .login-page.client .login-page__inner {
    max-width: 32rem;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: unset;
    align-items: center;
  }

  .login-page.client .login-form {
    margin-top: 0;
  }

  .login-page.client .login-page__group {
    width: 100%;
  }

  .login-page.client .login-page__group .login-page__header {
    display: none;
  }

  .login-page.client .container.xs {
    max-width: unset;
    padding: 0 2rem;
  }

  .dboard-title {
    font-size: 2rem;
    margin-bottom: 3.2rem;
  }

  .latest__grid .latest__grid-item.latest-item .latest-item__title {
    font-size: 1rem;
  }

  .latest__grid-item.col-g-md-12 {
    grid-column: span 12;
  }

  .latest__grid-item.col-g-md-6 {
    grid-column: span 6;
  }

  .latest__grid-item.col-g-md-4 {
    grid-column: span 4;
  }

  .latest__grid-item.col-g-md-3 {
    grid-column: span 3;
  }
}

@media (max-width: 767px) {
  .btn-create {
    min-width: 13rem;
    padding: 0 1rem;
  }

  .btn-create.fixed {
    z-index: 32;
    right: 2rem;
  }

  .btn-secondary {
    width: 100%;
  }

  .btn-options-wrapper .info-block.active .info-block__inner {
    min-width: 23rem;
    max-width: 23rem;
    transform: translate(-97%, -50%);
  }

  .page-splitted__head-head {
    flex-direction: column-reverse;
    margin-bottom: 3rem;
    gap: 2rem;
  }

  .page-splitted__head-head .section-title + .grid-buttons {
    margin-bottom: 0;
  }

  .page-tabs ul button {
    font-size: 1.2rem;
  }

  .page-splitted__main.grid-default {
    margin: 0;
  }

  .content-view {
    padding-right: 0;
    padding-left: 0;
  }

  .content-view.grid-default__col {
    margin-bottom: 3.5rem;
  }

  .content-view.grid-default__col:first-child {
    margin-bottom: 3.5rem;
  }

  .content-view.m-medium {
    width: 100%;
  }

  .content-view.m-small {
    width: 100%;
  }

  .page-panel {
    width: 100%;
    padding: 0;
  }

  .page-sidebar {
    width: 0;
  }

  .mock-item__select {
    padding: 0 1rem;
  }

  .mock-wrapper {
    padding: 3rem 1rem 1rem;
  }

  .page-splitted-wrapper .btn-default.cancel span {
    display: none;
  }

  .page-splitted-wrapper .btn-default.cancel .icon {
    margin-right: 0;
  }

  .section-title {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .layout-footer__item {
    flex-direction: column;
  }

  .developer-info {
    margin-top: 2rem;
  }

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

  .developer {
    margin-left: 0;
    justify-content: center;
  }

  .form-input-button.lg {
    flex-wrap: wrap;
  }

  .form-input-button.lg .btn {
    margin-top: 1rem;
    margin-left: 0;
  }

  .form-combo {
    display: flex;
    flex-direction: column;
  }

  .form-combo > .form-field {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .actions-form__wrapper {
    flex-direction: column;
    align-items: flex-end;
  }

  .actions-form__item {
    order: -1;
  }

  .actions-form__group {
    position: absolute;
  }

  .actions-form__group.m-open {
    position: relative;
    margin-top: 20px;
  }

  .col-sm-1 {
    width: 8.333333%;
  }

  .col-sm-2 {
    width: 16.666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.333333%;
  }

  .col-sm-5 {
    width: 41.666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.333333%;
  }

  .col-sm-8 {
    width: 66.666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.333333%;
  }

  .col-sm-11 {
    width: 91.666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .uname,
  .main-head__lang {
    display: none;
  }

  .main-head__controls .search-block {
    display: none;
  }

  .table table colgroup {
    display: none;
  }

  .table table tr .td-hidden-tab {
    display: none;
  }

  .table--first-col-narrow .table-row__item:not(.table-hide):first-child {
    min-width: 4rem;
  }

  .table-row__item {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 1rem .5rem;
  }

  .table-row.secondary .table-row__item {
    padding: 1rem .5rem;
  }

  .modal-default .modal-wrapper {
    max-width: 95vw;
    padding: 2rem;
  }

  .modal-default .grid-buttons {
    flex-direction: column;
  }

  .modal-default .grid-buttons .btn:not(:last-child) {
    margin-bottom: 2rem;
  }

  .preloader-block {
    width: 90%;
    margin: 0 auto;
  }

  .language-block__inner {
    flex-direction: column;
  }

  .loading-block__inner img {
    max-width: 100%;
  }

  .h2 {
    margin: 0 0 4rem;
  }

  .info-block.active .info-block__inner {
    left: 0;
    min-width: 29rem;
    max-width: 29rem;
    transform: translate(-85%, -50%);
  }

  .breadcrumb {
    display: none;
  }

  .card-link {
    padding: 1.6rem;
  }

  .card-link__content {
    max-width: 100%;
  }

  .delete-timeout__label {
    font-size: 1.4rem;
  }

  .countdown__progress circle {
    r: 14;
  }

  .mobile {
    display: none;
  }

  .u-desktop-only {
    display: none !important;
  }

  .container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }

  .form-dt-wrapper {
    margin-right: auto;
  }

  .login-page__footer {
    margin-right: 0;
    margin-left: 0;
  }

  .login-page__footer .info-developer-text .info-developer__item {
    padding-right: 0;
  }

  .info-developer-link {
    justify-content: center;
  }

  .dboard-title {
    margin-bottom: 3.2rem;
  }

  .latest__grid {
    grid-auto-rows: 1fr;
  }

  .latest__grid .latest__grid-item.latest-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .latest__grid .latest__grid-item.latest-item .latest-item__title {
    font-size: 1rem;
  }

  .latest__grid .latest__grid-item.latest-item .latest-item__icon {
    font-size: 2.8rem;
    max-width: 3.2rem;
    max-height: 3.2rem;
    margin-bottom: 1.2rem;
  }

  .latest__grid-item.half-width {
    max-width: 100%;
  }

  .latest__grid-item.col-g-sm-12 {
    grid-column: span 12;
  }

  .latest__grid-item.col-g-sm-6 {
    grid-column: span 6;
  }

  .latest__grid-item.col-g-sm-4 {
    grid-column: span 4;
  }

  .latest__grid-item.col-g-sm-3 {
    grid-column: span 3;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .page-splitted-wrapper {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  .page-splitted__main {
    padding: 0;
  }

  .page-splitted {
    margin: 0;
  }

  .page-splitted-body__wrapper {
    margin: 0;
    padding: 0;
  }

  .mock-combo-3 {
    flex-direction: column;
    margin: 0;
  }

  .mock-combo-3 > div {
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    flex: auto;
  }

  .mock-combo {
    flex-direction: column;
  }

  .mock-combo > div {
    margin-right: 0;
    margin-left: 0;
    flex: auto;
  }

  .actions-form__group {
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-content: center;
  }

  .actions-form__group button + button {
    margin-top: 10px;
  }

  .main {
    padding: 56px 0 124px;
  }
}

@media (max-width: 639px) {
  .login-page.client .intro {
    padding: 7.8rem 0 4.3rem;
  }

  .login-page.client .intro .login-page__header {
    flex-direction: column;
    max-width: 36.8rem;
    padding: 0 2rem;
  }

  .login-page.client .intro .login-page__header h2 {
    font-size: 1.4rem;
    max-width: 29.6rem;
    padding-left: 1.2rem;
  }

  .login-page.client .login-form__item {
    margin-top: 2.4rem;
  }

  .login-page.client .login-form__item:first-child {
    margin-bottom: 2.4rem;
  }

  .login-page.client .login-page__logo-icon {
    position: static;
    margin-bottom: 1.2rem;
  }

  .login-page.client .admin {
    margin-top: 11rem;
  }

  .login-page.client .login-form__btn {
    margin-top: 4.8rem;
  }

  .login-page.client .info-developer__item {
    flex-direction: column;
  }

  .login-page.client .info-developer__item .system-text {
    margin-top: 1rem;
    margin-left: 0;
    text-align: center;
  }

  .login-page.client .login-page__left {
    padding-bottom: 4rem;
  }

  .login-page.client .login-page__right {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (max-width: 600px) {
  .col-xs-1 {
    width: 8.333333%;
  }

  .col-xs-2 {
    width: 16.666667%;
  }

  .col-xs-3 {
    width: 25%;
  }

  .col-xs-4 {
    width: 33.333333%;
  }

  .col-xs-5 {
    width: 46.5%;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-xs-7 {
    width: 58.333333%;
  }

  .col-xs-8 {
    width: 66.666667%;
  }

  .col-xs-9 {
    width: 75%;
  }

  .col-xs-10 {
    width: 83.333333%;
  }

  .col-xs-11 {
    width: 91.666667%;
  }

  .col-xs-12 {
    width: 100%;
  }

  .col-xs-hidden {
    display: none;
  }

  .burger-wrapper {
    margin-left: 1.8rem;
  }

  .main-head__controls .btn-circle {
    display: none;
  }

  .search-field button {
    font-size: 0;
    overflow: visible;
  }

  .search-field button.filled {
    position: relative;
    border-color: #f92740;
    background-color: #fff;
  }

  .search-field button.filled .counter {
    font-size: 10px !important;
    top: -.3rem;
    right: auto;
    left: 2.3rem;
    display: flex;
    text-indent: 0 !important;
    color: #fff;
  }

  .main-head__wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .btn-create-wrapper.mobile-button {
    display: block;
    margin: 0;
  }

  .main-head__user {
    display: none;
  }

  .burger-wrapper {
    margin-right: 0;
    order: 1;
  }

  .main-head__controls {
    display: flex;
    margin-right: 0;
    align-items: center;
  }

  .search-field {
    display: flex;
    width: 4.8rem;
    height: 4.8rem;
    border: none;
    justify-content: center;
    align-items: center;
  }

  .search-field input {
    display: none;
  }

  .search-field button {
    width: 3.6rem;
    height: 3.6rem;
    border: 1px solid #b9c0c7;
    border-radius: 100%;
  }

  .search-field button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .pagination-wrapper {
    display: flex;
  }

  .pagination {
    position: relative;
  }

  .pagination .btn-more {
    display: none;
  }

  .pagination__input {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0;
    transform: translate(-50%, -50%);
  }

  .table-row__item.col-xs-1 {
    width: 8.333333%;
  }

  .table-row__item.col-xs-2 {
    width: 16.666667%;
  }

  .table-row__item.col-xs-3 {
    width: 25%;
  }

  .table-row__item.col-xs-4 {
    width: 33.333333%;
  }

  .table-row__item.col-xs-5 {
    width: 46.5%;
  }

  .table-row__item.col-xs-6 {
    width: 50%;
  }

  .table-row__item.col-xs-7 {
    width: 58.333333%;
  }

  .table-row__item.col-xs-8 {
    width: 66.666667%;
  }

  .table-row__item.col-xs-9 {
    width: 75%;
  }

  .table-row__item.col-xs-10 {
    width: 83.333333%;
  }

  .table-row__item.col-xs-11 {
    width: 91.666667%;
  }

  .table-row__item.col-xs-12 {
    width: 100%;
  }

  .table-row__item.col-xs-hidden {
    display: none;
  }
}

@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

@media (max-width: 500px) {
  .form-combo {
    flex-direction: column;
  }

  .form-btns {
    flex-direction: column;
  }

  .form-btns button {
    width: 100%;
  }

  .form-btns button:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .form-btns button:last-child {
    margin-left: 0;
  }

  .form-combo > .form-field {
    margin-right: 0;
    margin-left: 0;
  }

  .table table colgroup {
    display: none;
  }

  .table table tr .td-hidden-mobile {
    display: none;
  }
}

@media (max-width: 420px) {
  .grid-default {
    margin-right: 0;
    margin-left: 0;
    padding: 0;
  }

  .grid-default__col {
    padding: 0;
  }
}

@media (max-width: 400px) {
  .dpd-body {
    width: 100%;
  }

  .dpd-search__field input {
    width: 100%;
    min-width: 100%;
  }

  .main-head__controls .btn-circle {
    display: none;
  }

  .search-field:hover {
    border: none;
  }

  .mobile-menu__inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .login-page__inner {
    padding-top: 10rem;
    padding-bottom: 5rem;
  }

  .login-page__left {
    padding-bottom: 15rem;
  }

  .slider-default__item {
    width: 290px !important;
  }
}

@media (max-wdith: 480px) {
  .page-splitted__head .btn-default.publish {
    font-size: 16px;
  }
}

@media (max-height: 750px) {
  .login-page {
    overflow-y: auto;
  }

  .login-page__left {
    height: 100%;
    min-height: 100vh;
    padding-bottom: 100px;
  }
}

@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-right: 6px;
    padding-left: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    padding: 6px;
    opacity: 1;
    color: #f2f4f6;
    background: #4e4e4e;
  }

  .fancybox-caption {
    padding-right: 12px;
    padding-left: 12px;
  }
}