@charset "UTF-8";
@-webkit-keyframes naviscrolled {
  from {
    top: -100px; }
  to {
    top: 0; } }
@keyframes naviscrolled {
  from {
    top: -100px; }
  to {
    top: 0; } }

* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
a.disabled {pointer-events: none;}

/*mediaWidthFullHdDesktop-1700*/
/*mediaWidthHdDesktop-1520*/
/*mediaWidthBigDesktop-1400*/
/*mediaWidthDesktop -1200*/
/*WidthTabletLand-1024*/
/*WidthTabletLand-992*/
/*WidthTabletLand-768*/
/*WidthTabletLand-580*/
/*WidthTabletLand-420*/
html, body, div, span, applet, object, iframe, main,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, button, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  outline: none;
  vertical-align: baseline;
  font-family: 'Lato';
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

main, article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
  display: block; }

html,
body {
  min-height: 100%;
  height: 100%; }

body {
  color: #5D6167;
  font: 14px/20px "Lato", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  background-color: #fbf9f8; }

body.modal-open {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  overscroll-behavior: none;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.middle {
  padding: 20px 0; }
  .middle.middle_secondary {
    padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #333333; }
  h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) {
    margin: 0 0 10px; }

h1,
.h1 {
  font-size: 25px;
  line-height: 32px; }

h2,
.h2 {
  font-size: 18px;
  line-height: 22px; }

h3,
.h3 {
  font-size: 15px;
  line-height: 20px; }

h4,
.h4 {
  font-size: 14px;
  line-height: 20px; }
  h4:not(:last-child),
  .h4:not(:last-child) {
    margin-bottom: 5px; }

h5,
.h5 {
  font-size: 14px;
  line-height: 20px; }
  h5:not(:last-child),
  .h5:not(:last-child) {
    margin-bottom: 5px; }

h6,
.h6 {
  font-size: 14px;
  line-height: 20px; }
  h6:not(:last-child),
  .h6:not(:last-child) {
    margin-bottom: 5px; }

strong {
  font-weight: 600; }

a {
  text-decoration: none;
  color: #00A961; }
  a:hover {
    text-decoration: none; }

ul, p, ol {
  padding: 0;
  margin-bottom: 0; }
  ul:not(:last-child), p:not(:last-child), ol:not(:last-child) {
    margin-bottom: 10px; }

p:empty {
  display: none; }

ul,
ol {
  margin: 0; }
  ul ul, ul ol,
  ol ul,
  ol ol {
    margin: 10px 0 10px 15px; }
  ul li,
  ol li {
    margin: 0 0 10px; }

img,
svg {
  outline: none;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  width: 100%;
  margin-bottom: 25px;
  table-layout: fixed; }
  table td, table th {
    border-bottom: 1px solid #F3F5FA;
    border-top: 1px solid #F3F5FA;
    text-align: left;
    padding: 10px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media screen and (min-width: 992px) {
      table td, table th {
        padding: 15px 25px; } }
  table th {
    font-weight: 700;
    background-color: #F3F5FA; }

sup,
.sup {
  font-size: 12px;
  position: relative;
  top: -4px; }

blockquote {
  padding-left: 15px;
  font-style: italic;
  margin-bottom: 30px;
  border-left: 2px solid #fbf9f8; }
  @media screen and (min-width: 992px) {
    blockquote {
      margin-left: 30px; } }

q,
.q {
  quotes: "\00ab" "\00bb";
  margin-bottom: 25px;
  display: block; }
  q q,
  .q q {
    quotes: "\201e" "\201c"; }

.container {
  width: 1360px;
  max-width: calc(100% - 30px);
  margin: 0 auto; }
  .container.container_secondary {
    width: 780px; }
  .container.container_tertiary {
    width: 625px; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px);
  margin: 0 -10px; }
  .row.row_justify-content-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .col.col_1 {
    width: 8.3333%; }
  .col.col_2 {
    width: 16.666%; }
  .col.col_3 {
    width: 25%; }
  .col.col_4 {
    width: 33.3%; }
  .col.col_5 {
    width: 41.666667%; }
  .col.col_6 {
    width: 50%; }
  .col.col_7 {
    width: 58.333333%; }
  .col.col_8 {
    width: 66.666667%; }
  .col.col_9 {
    width: 75%; }
  .col.col_10 {
    width: 83.333333%; }
  .col.col_11 {
    width: 91.666667%; }
  .col.col_12 {
    width: 100%; }
  @media (max-width: 1519px) {
    .col.col_hd-desktop-2 {
      width: 16.66%; }
    .col.col_hd-desktop-3 {
      width: 25%; }
    .col.col_hd-desktop-4 {
      width: 33.3%; }
    .col.col_hd-desktop-5 {
      width: 41.666667%; }
    .col.col_hd-desktop-6 {
      width: 50%; }
    .col.col_hd-desktop-7 {
      width: 58.333333%; }
    .col.col_hd-desktop-8 {
      width: 66.666667%; }
    .col.col_hd-desktop-9 {
      width: 75%; }
    .col.col_hd-desktop-10 {
      width: 83.333333%; }
    .col.col_hd-desktop-11 {
      width: 91.666667%; }
    .col.col_hd-desktop-12 {
      width: 100%; } }
  @media (max-width: 1399px) {
    .col.col_big-desktop-2 {
      width: 16.66%; }
    .col.col_big-desktop-3 {
      width: 25%; }
    .col.col_big-desktop-4 {
      width: 33.3%; }
    .col.col_big-desktop-5 {
      width: 41.666667%; }
    .col.col_big-desktop-6 {
      width: 50%; }
    .col.col_big-desktop-7 {
      width: 58.333333%; }
    .col.col_big-desktop-8 {
      width: 66.666667%; }
    .col.col_big-desktop-9 {
      width: 75%; }
    .col.col_big-desktop-10 {
      width: 83.333333%; }
    .col.col_big-desktop-11 {
      width: 91.666667%; }
    .col.col_big-desktop-12 {
      width: 100%; } }
  @media (max-width: 1199px) {
    .col.col_small-desktop-2 {
      width: 16.66%; }
    .col.col_small-desktop-3 {
      width: 25%; }
    .col.col_small-desktop-4 {
      width: 33.3%; }
    .col.col_small-desktop-5 {
      width: 41.666667%; }
    .col.col_small-desktop-6 {
      width: 50%; }
    .col.col_small-desktop-7 {
      width: 58.333333%; }
    .col.col_small-desktop-8 {
      width: 66.666667%; }
    .col.col_small-desktop-9 {
      width: 75%; }
    .col.col_small-desktop-10 {
      width: 83.333333%; }
    .col.col_small-desktop-11 {
      width: 91.666667%; }
    .col.col_small-desktop-12 {
      width: 100%; } }
  @media screen and (max-width: 1023px) {
    .col.col_middle-desktop-2 {
      width: 16.66%; }
    .col.col_middle-desktop-3 {
      width: 25%; }
    .col.col_middle-desktop-4 {
      width: 33.3%; }
    .col.col_middle-desktop-5 {
      width: 41.666667%; }
    .col.col_middle-desktop-6 {
      width: 50%; }
    .col.col_middle-desktop-7 {
      width: 58.333333%; }
    .col.col_middle-desktop-8 {
      width: 66.666667%; }
    .col.col_middle-desktop-9 {
      width: 75%; }
    .col.col_middle-desktop-10 {
      width: 83.333333%; }
    .col.col_middle-desktop-11 {
      width: 91.666667%; }
    .col.col_middle-desktop-12 {
      width: 100%; } }
  @media screen and (max-width: 1023px) {
    .col.col_desktop-2 {
      width: 16.66%; }
    .col.col_desktop-3 {
      width: 25%; }
    .col.col_desktop-4 {
      width: 33.3%; }
    .col.col_desktop-5 {
      width: 41.666667%; }
    .col.col_desktop-6 {
      width: 50%; }
    .col.col_desktop-7 {
      width: 58.333333%; }
    .col.col_desktop-8 {
      width: 66.666667%; }
    .col.col_desktop-9 {
      width: 75%; }
    .col.col_desktop-10 {
      width: 83.333333%; }
    .col.col_desktop-11 {
      width: 91.666667%; }
    .col.col_desktop-12 {
      width: 100%; } }
  @media screen and (max-width: 991px) {
    .col.col_tab-3 {
      width: 25%; }
    .col.col_tab-4 {
      width: 33.3%; }
    .col.col_tab-5 {
      width: 41.666667%; }
    .col.col_tab-6 {
      width: 50%; }
    .col.col_tab-7 {
      width: 58.333333%; }
    .col.col_tab-8 {
      width: 66.666667%; }
    .col.col_tab-9 {
      width: 75%; }
    .col.col_tab-10 {
      width: 83.333333%; }
    .col.col_tab-11 {
      width: 91.666667%; }
    .col.col_tab-12 {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .col.col_mob-3 {
      width: 25%; }
    .col.col_mob-4 {
      width: 33.3%; }
    .col.col_mob-6 {
      width: 50%; }
    .col.col_mob-8 {
      width: 66.666667%; }
    .col.col_mob-12 {
      width: 100%; } }
  @media screen and (max-width: 579px) {
    .col.col_mob-p-12 {
      width: 100%; } }

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

@media (min-width: 1400px) {
  .direction_big-desktop-text-center {
    text-align: center !important; } }

.text-left {
  text-align: left !important; }

@media (min-width: 1400px) {
  .direction_big-desktop-text-left {
    text-align: left !important; } }

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

@media (min-width: 1400px) {
  .direction_big-desktop-text-right {
    text-align: right !important; } }

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

@media (min-width: 1200px) {
  .d_desktop-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

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

@media (min-width: 1200px) {
  .content_desktop-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

.content-left {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important; }

@media (min-width: 1200px) {
  .content_desktop-left {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; } }

.single-btn-right {
  display: flex;
}

.content-right {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }

@media (min-width: 1200px) {
  .content_desktop-right {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important; } }

.content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

@media (min-width: 1200px) {
  .content_desktop-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media screen and (max-width: 767px) {
  .content_mobile-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

.align-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important; }

.align-self-left {
  -ms-flex-item-align: start !important;
      align-self: start !important; }

@media (min-width: 1200px) {
  .align_desktop-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media (min-width: 1400px) {
  .align_big-desktop-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

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

@media (min-width: 1200px) {
  .align_desktop-left {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

@media (min-width: 1200px) {
  .align_desktop-right {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; } }

.align-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: end !important; }

@media screen and (min-width: 768px) {
  .align-end-tablet {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: end !important; } }

.direction-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important; }

@media (min-width: 1400px) {
  .direction_big-desktop-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media (min-width: 1200px) {
  .direction_desktop-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

.direction-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important; }

@media (min-width: 1400px) {
  .direction_big-desktop-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

@media (min-width: 1200px) {
  .direction_desktop-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; } }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }

@media (min-width: 1200px) {
  .flex_desktop-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important; } }

.no-wrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

@media (min-width: 1200px) {
  .no_desktop-wrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important; } }

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

@media (min-width: 1200px) {
  .w_desktop-100 {
    width: 100% !important; } }

.w-auto {
  width: auto !important; }

@media (min-width: 1200px) {
  .w_desktop-auto {
    width: auto !important; } }

.pt_60 {
  padding-top: 60px;
}
.mb_0 {
  margin-bottom: 0 !important; }

.mb_10 {
  margin-bottom: 10px !important; }
.mt-10 {
  margin-top: -10px !important; }
.pl_0 {
  padding-left: 0 !important; }

@media (min-width: 1400px) {
  .mb_big-desktop-0 {
    margin-bottom: 0 !important; } }

@media (min-width: 1200px) {
  .mb_desktop-0 {
    margin-bottom: 0 !important; } }

@media screen and (min-width: 768px) {
  .mb_mobile-0 {
    margin-bottom: 0 !important; } }

.ml-auto {
  margin-left: auto !important; }

@media (min-width: 1400px) {
  .ml_big-desktop-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .ml_desktop-auto {
    margin-left: auto !important; } }

.mr_0 {
  margin-right: 0 !important; }

@media (min-width: 1200px) {
  .mr_desktop-20 {
    margin-right: 20px; } }

@media screen and (min-width: 768px) {
  .mr_tab-20 {
    margin-right: 20px; } }

@media (min-width: 1400px) {
  .mr_big-desktop-20 {
    margin-right: 20px; } }

.mr-auto {
  margin-right: auto; }

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

@media (min-width: 1400px) {
  .ml-big-desktop-auto {
    margin-left: auto; } }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mt100 {
  margin-top: 100px !important; }

@media screen and (max-width: 579px) {
  .mt-55-mobile {
    margin-top: -55px !important; } }

.p_0 {
  padding: 0 !important; }
  @media screen and (min-width: 580px){
    .p_desktop_0 {padding: 0 !important;}
  }


.avatar {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.h-100 {
  height: 100%; }

.scroll-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 10px;}
  .scroll-wrap .section {
    margin-bottom: 20px; }
    .scroll-wrap .section:not(:first-child) {
      margin-left: 20px; }

.br_0 {
  border-radius: 0 !important; }

.bg_0 {
  background: none !important; }

.list {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none; }
  .list.list_primary .list__item,
  .list.list_primary li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 10px 0 0;
    color: #5D6167; }
    .list.list_primary .list__item:before,
    .list.list_primary li:before {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      content: "";
      width: 4px;
      height: 4px;
      background-color: #C4C4C4;
      border-radius: 50%;
      margin-right: 10px;
      position: relative;
      top: 1px; }

.d-none {
  display: none !important; }

@media screen and (min-width: 580px) {
  .d-none-tab {
    display: none !important; } }

@media (min-width: 1200px) {
  .d-none-desktop {
    display: none !important; } }

@media screen and (min-width: 580px) {
  .d-block-tab {
    display: block !important; } }

@media screen and (min-width: 580px) {
  .d-flex-tab {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media (min-width: 1200px) {
  .d-flex-desktop {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea {
  padding: 10px 15px;
  font-size: 14px;
  width: 100%;
  border-radius: 5px;
  line-height: 20px;
  background-color: #ffffff;
  border: 1px solid #DFE3E8;
  color: #333;
  margin: 0;
  font-family: "Lato", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="tel"]:hover,
  input[type="email"]:hover,
  textarea:hover {
    padding-left: 15px;
    border-color: #00A961;}
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="tel"]:focus,
  input[type="email"]:focus,
  textarea:focus {
    padding-left: 15px;
    border-color: #00A961; }
  input[type="text"]:disabled,
  input[type="password"]:disabled,
  input[type="tel"]:disabled,
  input[type="email"]:disabled,
  textarea:disabled {
    /* opacity: .5;  */
    color: #5D6167;
    background: #F7F8FA;}
  input[type="text"].error, input[type="text"].wpcf7-not-valid,
  input[type="password"].error,
  input[type="password"].wpcf7-not-valid,
  input[type="tel"].error,
  input[type="tel"].wpcf7-not-valid,
  input[type="email"].error,
  input[type="email"].wpcf7-not-valid,
  textarea.error,
  textarea.wpcf7-not-valid {
    border-color: #EB5757; }

textarea {
  width: 100%;
  height: 120px;
  resize: none; }

.form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media screen and (min-width: 580px) {
    .form-group {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .form-group .form-field {
    width: 100%; }
    @media screen and (min-width: 580px) {
      .form-group .form-field {
        width: auto; } }
    .form-group .form-field:not(:last-child) {
      margin-bottom: 10px; }
      @media screen and (min-width: 580px) {
        .form-group .form-field:not(:last-child) {
          margin-bottom: 0;
          margin-right: 15px; } }

.form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 15px;
  position: relative; }
  .form-field.form-field_secondary-margin {
    margin-bottom: 10px; }
    @media screen and (min-width: 580px) {
      .form-field.form-field_secondary-margin {
        margin-bottom: 40px; } }
  .form-field.form-field_secondary .form-field__ico, .form-field.form-field_tertiary .form-field__ico {
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .form-field.form-field_secondary .form-field__input, .form-field.form-field_tertiary .form-field__input {
    padding-right: 40px; }
  .form-field.form-field_tertiary .form-field__ico {
    left: 12px;
    right: auto; }
  .form-field.form-field_tertiary .form-field__input {
    padding-left: 40px;
    padding-right: 12px; }
  .form-field.form-field_tertiary .form-field__input.no_borders {
    border: none;
    background-color: #F7F8FA; }
  .form-field .form-field__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .form-field .form-field__header:not(:last-child) {
      margin-bottom: 5px; }

.form-field__title,
label {
  font-weight: 700;
  cursor: pointer;
  color: #333333;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .form-field__title.bigger,
  label.bigger {
    font-size: 16px; }
  .form-field__title:not(:last-child),
  label:not(:last-child) {
    margin-right: 10px; }
  .form-field__title:hover,
  label:hover {
    color: #000000; }

.form-field__content {
  position: relative; }
  .form-field__content:not(:last-child) {
    margin-bottom: 15px; }

.form-field__ico {
  width: 18px;
  height: 18px;
  position: absolute;
  cursor: pointer; }

label.error,
.wpcf7-not-valid-tip {
  display: none !important; }

.custom-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .custom-check.custom-check_secondary .custom-check__input[type="checkbox"]:checked ~ .btn, .custom-check.custom-check_secondary .custom-check__input[type="radio"]:checked ~ .btn {
    color: #ffffff;
    border-color: #00A961;
    background-color: #00A961; }
  .custom-check.custom-check_secondary .btn {
    color: #00A961;
    background-color: transparent;
    border-color: #DFE3E8; }
  .custom-check.custom-check_secondary[type="checkbox"] ~ .custom-check__ico rect {
    stroke: #DFE3E8;
    fill: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .custom-check.custom-check_secondary[type="checkbox"]:checked ~ .custom-check__ico rect {
    stroke: #00A961;
    fill: #00A961; }
  .custom-check.custom-check_secondary[type="checkbox"].error ~ .custom-check__ico rect {
    stroke: #EB5757;
    fill: transparent; }
  .custom-check.custom-check_secondary[type="radio"] ~ .custom-check__ico circle.circle_main {
    stroke: #DFE3E8;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .custom-check.custom-check_secondary[type="radio"] ~ .custom-check__ico circle.circle_secondary {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .custom-check.custom-check_secondary[type="radio"]:checked ~ .custom-check__ico circle.circle_main {
    stroke: #00A961; }
  .custom-check.custom-check_secondary[type="radio"]:checked ~ .custom-check__ico circle.circle_secondary {
    opacity: 1; }
  .custom-check.custom-check_secondary[type="radio"].error ~ .custom-check__ico circle.circle_main {
    stroke: #EB5757; }
  .custom-check.custom-check_secondary.custom-check__input_switcher {
    cursor: pointer; }
    .custom-check.custom-check_secondary.custom-check__input_switcher ~ .custom-check__ico {
      width: 42px;
      min-width: 42px;
      height: 28px; }
      .custom-check.custom-check_secondary.custom-check__input_switcher ~ .custom-check__ico g,
      .custom-check.custom-check_secondary.custom-check__input_switcher ~ .custom-check__ico rect,
      .custom-check.custom-check_secondary.custom-check__input_switcher ~ .custom-check__ico circle {
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .custom-check.custom-check_secondary.custom-check__input_switcher ~ .custom-check__ico g {
        -webkit-transform: translateX(-15px);
                transform: translateX(-15px); }
      .custom-check.custom-check_secondary.custom-check__input_switcher ~ .custom-check__ico rect {
        fill: #ffffff;
        stroke: #DFE3E8; }
      .custom-check.custom-check_secondary.custom-check__input_switcher ~ .custom-check__ico circle {
        fill: #DFE3E8; }
    .custom-check.custom-check_secondary.custom-check__input_switcher:checked ~ .custom-check__ico g {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .custom-check.custom-check_secondary.custom-check__input_switcher:checked ~ .custom-check__ico rect {
      fill: #00A961;
      stroke: #DFE3E8; }
    .custom-check.custom-check_secondary.custom-check__input_switcher:checked ~ .custom-check__ico circle {
      fill: #ffffff; }
  .custom-check .custom-check__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    padding: 10px;
    width: 100%; }
  .custom-check .custom-check__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;}
    .custom-check .custom-check__input:disabled ~ .custom-check__ico {
      opacity: .5; }
    .custom-check .custom-check__input[type="checkbox"] ~ .custom-check__ico rect {
      stroke: #DFE3E8;
      fill: transparent;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .custom-check .custom-check__input[type="checkbox"]:checked ~ .custom-check__ico rect {
      stroke: #00A961;
      fill: #00A961; }
    .custom-check .custom-check__input[type="checkbox"].error ~ .custom-check__ico rect {
      stroke: #EB5757;
      fill: transparent; }
    .custom-check .custom-check__input[type="radio"] ~ .custom-check__ico circle.circle_main {
      stroke: #DFE3E8;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .custom-check .custom-check__input[type="radio"] ~ .custom-check__ico circle.circle_secondary {
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .custom-check .custom-check__input[type="radio"]:checked ~ .custom-check__ico circle.circle_main {
      stroke: #00A961; }
    .custom-check .custom-check__input[type="radio"]:checked ~ .custom-check__ico circle.circle_secondary {
      opacity: 1; }
    .custom-check .custom-check__input[type="radio"].error ~ .custom-check__ico circle.circle_main {
      stroke: #EB5757; }
    .custom-check .custom-check__input.custom-check__input_switcher {
      cursor: pointer; }
      .custom-check .custom-check__input.custom-check__input_switcher ~ .custom-check__ico {
        width: 42px;
        min-width: 42px;
        height: 28px; }
        .custom-check .custom-check__input.custom-check__input_switcher ~ .custom-check__ico g,
        .custom-check .custom-check__input.custom-check__input_switcher ~ .custom-check__ico rect,
        .custom-check .custom-check__input.custom-check__input_switcher ~ .custom-check__ico circle {
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        .custom-check .custom-check__input.custom-check__input_switcher ~ .custom-check__ico g {
          -webkit-transform: translateX(-15px);
                  transform: translateX(-15px); }
        .custom-check .custom-check__input.custom-check__input_switcher ~ .custom-check__ico rect {
          fill: #ffffff;
          stroke: #DFE3E8; }
        .custom-check .custom-check__input.custom-check__input_switcher ~ .custom-check__ico circle {
          fill: #DFE3E8; }
      .custom-check .custom-check__input.custom-check__input_switcher:checked ~ .custom-check__ico g {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      .custom-check .custom-check__input.custom-check__input_switcher:checked ~ .custom-check__ico rect {
        fill: #00A961;
        stroke: #DFE3E8; }
      .custom-check .custom-check__input.custom-check__input_switcher:checked ~ .custom-check__ico circle {
        fill: #ffffff; }
  .custom-check .custom-check__ico {
    margin-right: 10px; min-width: 18px;}
  .custom-check .custom-check__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400; }
    .custom-check .custom-check__text.limit_width {
      font-size: 14px;
      line-height: 20px;
      white-space: normal;
      max-width: 192px;
      font-weight: 400; }
      @media screen and (min-width: 1200px) {
        .custom-check .custom-check__text.limit_width {
          max-width: 144px; }
      }
      @media screen and (min-width: 1388px) {
        .custom-check .custom-check__text.limit_width {
          max-width: 180px; }
      }
.switcher {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .switcher .switcher__action {
    margin-right: 10px;
    position: relative; }
    .switcher .switcher__action .custom-check__input {
      width: 100%;
      height: 100%; }

.jcf-select,
select {
  height: 40px;
  width: 100%;
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #DFE3E8; }
  .jcf-select.jcf-drop-active,
  select.jcf-drop-active {
    background-color: #F7F8FA; }
    .jcf-select.jcf-drop-active .jcf-select-opener:after,
    select.jcf-drop-active .jcf-select-opener:after {
      margin-top: 6px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .jcf-select.jcf-disabled,
  select.jcf-disabled {
    opacity: .5; }
  .jcf-select .jcf-select-text,
  select .jcf-select-text {
    color: #5D6167;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    overflow: hidden;
    background-color: transparent;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .jcf-select .jcf-select-opener,
  select .jcf-select-opener {
    width: 40px;
    height: 40px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .jcf-select .jcf-select-opener:after,
    select .jcf-select-opener:after {
      display: block;
      border-right: 1px solid #5D6167;
      border-top: 1px solid #5D6167;
      content: "";
      width: 7px;
      height: 7px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

.jcf-select-drop {
  position: absolute;
  top: calc(100% + 2px);
  left: -1px;
  z-index: 3;
  min-width: 100%;
  width: auto !important;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
  .jcf-select-drop .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
    padding: 12px;
    max-height: 274px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #DFE3E8; }
    .jcf-select-drop .jcf-list-content ul {
      margin: 0;
      list-style: none; }
    .jcf-select-drop .jcf-list-content li {
      margin: 0; }
      .jcf-select-drop .jcf-list-content li:not(:last-child) {
        margin-bottom: 5px; }
    .jcf-select-drop .jcf-list-content .jcf-option {
      padding: 12px;
      font-size: 14px;
      line-height: 15px;
      color: #333333;
      background-color: #ffffff;
      border-radius: 5px;
      display: block;
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .jcf-select-drop .jcf-list-content .jcf-option.jcf-selected, .jcf-select-drop .jcf-list-content .jcf-option:hover {
        color: #00A961;
        background-color: #F7F8FA; }

.jcf-select-select_secondary .jcf-select-drop .jcf-list-content .jcf-option {
  padding: 12px 12px 12px 42px;
  background-image: url("../images/check.svg");
  background-position: 12px 50%;
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .jcf-select-select_secondary .jcf-select-drop .jcf-list-content .jcf-option.jcf-selected, .jcf-select-select_secondary .jcf-select-drop .jcf-list-content .jcf-option:hover {
    background-image: url("../images/check-active.svg"); }

.jcf-option-hideme { display: none !important;}
@media screen and (min-width: 992px) {
  .jcf-select-select_tertiary .jcf-select-drop .jcf-list-content ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px; } }

.select-smart {
  position: relative; }
  .select-smart .select__header {
    border: 1px solid #DFE3E8;
    border-radius: 4px;
    padding: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .select-smart .select__header .select-header__content {
      width: 100%;
      overflow: auto; }
    .select-smart .select__header .select-header__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;}
    .select-smart .select__header .select-header__item {
      padding: 5px;
      border-radius: 4px;
      background-color: #CCEEDF;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 4px;
      margin-bottom: 4px;
      min-height: 28px;}
      .select-smart .select__header .select-header__item .select-item__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
        margin-right: 10px; }
        .select-smart .select__header .select-header__item .select-item__title .title-text {
          color: #333333;
          font-size: 12px;
          line-height: 14px;
          font-weight: 700; }
      .select-smart .select__header .select-header__item .select-item__action {
        width: 18px;
        min-width: 18px;
        height: 18px;
        cursor: pointer; }
    .select-smart .select__header .select-header__init.up {
      transition: all 0.2s ease-in-out;
      transform: rotate(0deg);
    }
    .select-smart .select__header .select-header__init {
      transition: all 0.2s ease-in-out;
      transform: rotate(180deg);
      width: 28px;
      height: 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .select-smart .select__dropdown {
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #ffffff;
    /* -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */

    -webkit-box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
    /* border-radius: 4px; */
    padding: 10px;
    max-height: 170px;
    overflow: auto;
    border: 1px solid #DFE3E8;
    position: absolute;
    z-index: 1;}
    .select-smart .select__dropdown .select__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .select-smart .select__dropdown .select__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: transparent;
      border-radius: 4px;
      padding: 5px 10px;
      cursor: pointer;}
      .select-smart .select__dropdown .select__item:hover {
        background-color: #F7F8FA; }
      .select-smart .select__dropdown .select__item .select-item__avatar {
        width: 30px;
        min-width: 30px;
        height: 30px;
        margin-right: 10px;
        border-radius: 50%;
        background-size: cover; }
      .select-smart .select__dropdown .select__item .select-item__wysiwyg {
        margin: 0 10px 0 0; }
        .select-smart .select__dropdown .select__item .select-item__wysiwyg .title-text {
          color: #333333;
          font-size: 14px;
          line-height: 15px;
          font-weight: 700; }
      .select-smart .select__dropdown .select__item .select-item__action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-left: auto; }

.jcf-number {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 40px;
  border-radius: 5px;
  background-color: #ffffff;
  border: 1px solid #DFE3E8; }
  .jcf-number input {
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield; }
  .jcf-number input::-webkit-inner-spin-button,
  .jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none; }
  .jcf-number input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0;
    padding: 10px;
    height: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    outline: none; }
  .jcf-number .jcf-btn-dec,
  .jcf-number .jcf-btn-inc {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    border-radius: 5px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .jcf-number .jcf-btn-dec svg,
    .jcf-number .jcf-btn-inc svg {
      width: 10px; }
    .jcf-number .jcf-btn-dec rect,
    .jcf-number .jcf-btn-dec path,
    .jcf-number .jcf-btn-inc rect,
    .jcf-number .jcf-btn-inc path {
      stroke: #5D6167; }
  .jcf-number .jcf-btn-dec {
    left: 0; }
  .jcf-number .jcf-btn-inc {
    right: 0; }

.attach {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .attach .attach__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 12px; }
    .attach .attach__list:empty {
      margin-bottom: 0; }
    .attach .attach__list .attach__item {
      margin-bottom: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      border-radius: 5px;
      background-color: #F7F8FA;
      position: relative;
      padding: 12px; }
      .attach .attach-item__input {
        position: absolute;
        left: -9999px;
        opacity: 0;
        visibility: hidden; }
      .attach .attach__list .attach__item .attach-item__ico {
        width: 18px;
        min-width: 18px;
        height: 18px;
        margin-right: 4px; }
      .attach .attach__list .attach__item .attach-item__title {
        margin-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .attach .attach__list .attach__item .attach-item__title .title-text {
          color: #5D6167;
          font-weight: 700;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .attach .attach__list .attach__item .attach-item__remove {
        margin-left: auto;
        width: 18px;
        min-width: 18px;
        height: 18px;
        cursor: pointer; }
        .attach .attach__list .attach__item .attach-item__remove:hover path {
          fill: #EB5757; }
        .attach .attach__list .attach__item .attach-item__remove path {
          fill: #333333;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
  .attach .attach__init {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .attach .attach__init:not(:last-child) {
      margin-bottom: 10px; }
    .attach .attach__init.attach__init_secondary {
      width: 40px;
      min-width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 5px;
      background-color: transparent; }
      .attach .attach__init.attach__init_secondary:hover {
        background-color: #fbf9f8; }
        .attach .attach__init.attach__init_secondary:hover .ico path {
          fill: #000000; }
      .attach .attach__init.attach__init_secondary .ico path {
        fill: #5D6167;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }

.calendar,
.calendar-range {
  cursor: pointer;
  margin-bottom: 20px; }
  .calendar.calendar_secondary,
  .calendar-range.calendar_secondary {
    margin-bottom: 25px; }
    .calendar.calendar_secondary .ui-datepicker-inline,
    .calendar-range.calendar_secondary .ui-datepicker-inline {
      margin-top: 15px;
      border-radius: 15px;
      background-color: #fbf9f8; }

.calendar table {
  margin-bottom: 0;
}
.ui-widget-content {
  border: 0; }

.ui-datepicker {
  font-size: 14px;
  line-height: 20px;
  padding: 15px;
  display: none;
  max-width: 320px;
  font-weight: 700; }
  @media screen and (min-width: 580px) {
    .ui-datepicker {
      max-width: 384px; } }
  .ui-datepicker:not(.ui-datepicker-inline) {
    background-color: #ffffff;
    margin-top: 15px;
    border-radius: 15px;
    z-index: 1001 !important;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    margin-bottom: 15px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
      display: none; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 50%;
    height: 25px;
    width: 25px;
    left: 0;
    right: auto;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
    .ui-datepicker .ui-datepicker-next.ui-state-disabled {
      opacity: .5; }
  .ui-datepicker .ui-datepicker-next {
    right: 0;
    left: auto; }
  .ui-datepicker .ui-datepicker-title {
    font-weight: 700;
    text-align: center; }
  .ui-datepicker .ui-datepicker-calendar {
    width: 100%;
    margin: 0;
    border-collapse: collapse; }
    .ui-datepicker .ui-datepicker-calendar thead {
      /* display: none;  */
    }
    .ui-datepicker .ui-datepicker-calendar thead tr th {
      background: none;
      border: none;
      text-align: center;
      padding: 0px;
    }
    .ui-datepicker .ui-datepicker-calendar td {
      text-align: center;
      border: 0;
      padding: 0; }
      .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
        opacity: .6; }
      .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today span,
      .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
        color: #ffffff;
        background-color: #CCEEDF; }
      .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day span,
      .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-calendar td:hover span,
      .ui-datepicker .ui-datepicker-calendar td:hover a {
        color: #ffffff;
        background-color: #00A961; }
      .ui-datepicker .ui-datepicker-calendar td span,
      .ui-datepicker .ui-datepicker-calendar td a {
        color: #333333;
        height: 32px;
        width: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 300;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        border-radius: 50%;
        text-align: center;
        margin: 1px;
        background: transparent;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }

.media .media__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.media .media-item {
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 5px 0;
  width: 100%; }
  .media .media-item .media-item__link {
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    padding: 15px;
    border: 1px solid #DFE3E8;
    border-radius: 5px;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .media .media-item .media-item__link:hover {
      border-color: #5D6167; }
      .media .media-item .media-item__link.no_hover:hover {
        border-color: #DFE3E8; }
  .media .media-item .media-item__media {
    width: 32px;
    min-width: 32px;
    margin-right: 10px; }
  .media .media-item .media-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .media .media-item .media-item__content:not(:last-child) {
      margin-right: 15px; }
  .media .media-item .media-item__title {
    font-weight: 700;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .media .media-item .media-item__size {
    color: #5D6167; }
  .media .media-item .media-item__action {
    margin-left: auto; }

.progressbar {
  background: #F7F8FA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 5px;
  width: 100%;
  height: 10px;
  position: relative; }
  .progressbar .progressbar__0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 5px;
    background-color: #EB5757;
    transition:  .5s;
    opacity: 0;}
    .progressbar .progressbar__25 {
      position: absolute;
      top: 0;
      left: 0;
      width: 25%;
      height: 100%;
      border-radius: 5px;
      background-color: #EB5757;
      transition:  .5s;
      opacity: 1;}
    .progressbar .progressbar__50 {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      border-radius: 5px;
      background-color: #ffba00;
      transition:  .5s;
      opacity: 1;}
    .progressbar .progressbar__75 {
      position: absolute;
      top: 0;
      left: 0;
      width: 75%;
      height: 100%;
      border-radius: 5px;
      background-color: #ffba00;
      transition:  .5s;
      opacity: 1;}
    .progressbar .progressbar__100 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
      background-color: #00A961;
      transition: .5s;
      opacity: 1;}
.strength-text__0 {  }
.strength-text__25 { color: #EB5757; }
.strength-text__50 { color: #ffba00; }
.strength-text__75 { color: #ffba00; }
.strength-text__100 { color: #00A961; }

.form-field__devider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  overflow: hidden; }
  .form-field__devider .devider-text {
    color: #5D6167;
    font-size: 14px;
    line-height: 20px;
    position: relative; }
    .form-field__devider .devider-text:before, .form-field__devider .devider-text:after {
      content: "";
      position: absolute;
      top: 50%;
      height: 1px;
      width: 100vw;
      background-color: #E8EBED;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .form-field__devider .devider-text:before {
      left: auto;
      right: calc(100% + 10px); }
    .form-field__devider .devider-text:after {
      left: calc(100% + 10px); }

.dl .dl__item {
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px; }
  .dl .dl__item .dl__title {
    margin-right: 10px;
    min-width: 50%;
    text-align: left;}
    @media screen and (min-width: 580px) {
      .dl .dl__item .dl__title {
        min-width: 120px;
        margin-right: 30px; } }
    .dl .dl__item .dl__title .title-text {
      font-weight: 700; }
  .dl .dl__item .dl__value {
    width: auto;
    text-align: left; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #333333; }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #333333; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #333333; }

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  color: #333333; }

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #5D6167; }

::-webkit-scrollbar {
  width: 4px; }

::-webkit-scrollbar-track {
  background: transparent; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #DFE3E8; }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #DFE3E8; }

.btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%; }
  @media screen and (min-width: 580px) {
    .btn-group {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .btn-group .btn,
  .btn-group .dropdown,
  .btn-group .custom-check {
    width: 100%; }
    @media screen and (min-width: 580px) {
      .btn-group .btn,
      .btn-group .dropdown,
      .btn-group .custom-check {
        width: auto; } }
    .btn-group .btn:not(:last-child),
    .btn-group .dropdown:not(:last-child),
    .btn-group .custom-check:not(:last-child) {
      margin-bottom: 10px; }
      @media screen and (min-width: 580px) {
        .btn-group .btn:not(:last-child),
        .btn-group .dropdown:not(:last-child),
        .btn-group .custom-check:not(:last-child) {
          margin-bottom: 0;
          margin-right: 15px; } }
  .btn-group .btn-group__btn {
    color: #5D6167;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .btn-group .btn-group__btn:not(:last-child) {
      margin-bottom: 4px; }
      @media screen and (min-width: 580px) {
        .btn-group .btn-group__btn:not(:last-child) {
          margin-bottom: 0;
          margin-right: 20px; } }
    .btn-group .btn-group__btn .btn__ico:not(:last-child),
    .btn-group .btn-group__btn .btn__text:not(:last-child) {
      margin-right: 5px; }
    .btn-group .btn-group__btn .btn__ico {
      min-width: 18px;
      width: 18px; }
      .btn-group .btn-group__btn .btn__ico path {
        fill: #5D6167; }
    .btn-group .btn-group__btn.btn-group__btn_secondary {
      color: #00A961; }
      .btn-group .btn-group__btn.btn-group__btn_secondary .btn__ico path {
        fill: #00A961; }
  .btn-group.btn-group_secondary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .btn-group.btn-group_secondary .btn,
    .btn-group.btn-group_secondary .dropdown,
    .btn-group.btn-group_secondary .custom-check {
      width: auto;
      margin-bottom: 0; }
      .btn-group.btn-group_secondary .btn:not(:last-child),
      .btn-group.btn-group_secondary .dropdown:not(:last-child),
      .btn-group.btn-group_secondary .custom-check:not(:last-child) {
        margin-right: 10px; }
        @media screen and (min-width: 580px) {
          .btn-group.btn-group_secondary .btn:not(:last-child),
          .btn-group.btn-group_secondary .dropdown:not(:last-child),
          .btn-group.btn-group_secondary .custom-check:not(:last-child) {
            margin-right: 15px; } }

.btn,
button,
input[type="submit"],
input[type="reset"] {
  font-size: 14px;
  cursor: pointer;
  line-height: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  text-align: center;
  margin: 0;
  outline: none;
  white-space: nowrap;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn:hover,
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover {
    text-decoration: none; }
  .btn.btn_primary,
  button.btn_primary,
  input[type="submit"].btn_primary,
  input[type="reset"].btn_primary {
    color: #ffffff;
    border-color: #00A961;
    background-color: #00A961;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .btn.btn_primary:hover,
    button.btn_primary:hover,
    input[type="submit"].btn_primary:hover,
    input[type="reset"].btn_primary:hover {
      color: #00A961;
      background: transparent;
      border-color: #DFE3E8; }
      .btn.btn_primary:hover .btn__ico path,
      button.btn_primary:hover .btn__ico path,
      input[type="submit"].btn_primary:hover .btn__ico path,
      input[type="reset"].btn_primary:hover .btn__ico path {
        fill: #00A961; }
    .btn.btn_primary:disabled,
    button.btn_primary:disabled,
    input[type="submit"].btn_primary:disabled,
    input[type="reset"].btn_primary:disabled {
      opacity: .5; }
    .btn.btn_primary .btn__ico path,
    button.btn_primary .btn__ico path,
    input[type="submit"].btn_primary .btn__ico path,
    input[type="reset"].btn_primary .btn__ico path {
      fill: #ffffff; }
  .btn.btn_secondary,
  button.btn_secondary,
  input[type="submit"].btn_secondary,
  input[type="reset"].btn_secondary {
    color: #00A961;
    background-color: transparent;
    border-color: #DFE3E8; }
    .btn.btn_secondary:hover,
    button.btn_secondary:hover,
    input[type="submit"].btn_secondary:hover,
    input[type="reset"].btn_secondary:hover {
      color: #00A961;
      border-color: #00A961;
      background-color: #CCEEDF; }
    .btn.btn_secondary .btn__ico path,
    button.btn_secondary .btn__ico path,
    input[type="submit"].btn_secondary .btn__ico path,
    input[type="reset"].btn_secondary .btn__ico path {
      fill: #00A961; }
  .btn.btn_tertiary,
  button.btn_tertiary,
  input[type="submit"].btn_tertiary,
  input[type="reset"].btn_tertiary {
    color: #00A961;
    border-color: transparent;
    background-color: transparent; }
    .btn.btn_tertiary:hover,
    button.btn_tertiary:hover,
    input[type="submit"].btn_tertiary:hover,
    input[type="reset"].btn_tertiary:hover {
      color: #ffffff;
      border-color: #00A961;
      background-color: #00A961; }
      .btn.btn_tertiary:hover .btn__ico path,
      button.btn_tertiary:hover .btn__ico path,
      input[type="submit"].btn_tertiary:hover .btn__ico path,
      input[type="reset"].btn_tertiary:hover .btn__ico path {
        fill: #ffffff; }
    .btn.btn_tertiary .btn__ico path,
    button.btn_tertiary .btn__ico path,
    input[type="submit"].btn_tertiary .btn__ico path,
    input[type="reset"].btn_tertiary .btn__ico path {
      fill: #00A961; }
  .btn.btn_quaternary,
  button.btn_quaternary,
  input[type="submit"].btn_quaternary,
  input[type="reset"].btn_quaternary {
    color: #EB5757;
    border-color: #DFE3E8;
    background-color: transparent; }
    .btn.btn_quaternary:hover,
    button.btn_quaternary:hover,
    input[type="submit"].btn_quaternary:hover,
    input[type="reset"].btn_quaternary:hover {
      color: #EB5757;
      border-color: #EB5757;
      background-color: #FFDADA; }
      .btn.btn_quaternary:hover .btn__ico path,
      button.btn_quaternary:hover .btn__ico path,
      input[type="submit"].btn_quaternary:hover .btn__ico path,
      input[type="reset"].btn_quaternary:hover .btn__ico path {
        fill: #EB5757; }
    .btn.btn_quaternary .btn__ico path,
    button.btn_quaternary .btn__ico path,
    input[type="submit"].btn_quaternary .btn__ico path,
    input[type="reset"].btn_quaternary .btn__ico path {
      fill: #EB5757; }
  .btn.btn_quintuple,
  button.btn_quintuple,
  input[type="submit"].btn_quintuple,
  input[type="reset"].btn_quintuple {
    color: #333333;
    border-color: #DFE3E8;
    background-color: transparent; }
    .btn.btn_quintuple:hover,
    button.btn_quintuple:hover,
    input[type="submit"].btn_quintuple:hover,
    input[type="reset"].btn_quintuple:hover {
      color: #333333;
      border-color: #333333;
      background-color: transparent; }
  .btn.btn_hex,
  button.btn_hex,
  input[type="submit"].btn_hex,
  input[type="reset"].btn_hex {
    color: #00A961;
    padding: 25px;
    border-radius: 10px;
    background-color: #F9F8F8;
    border: 2px dashed #DFE3E8; }
    .btn.btn_hex:hover,
    button.btn_hex:hover,
    input[type="submit"].btn_hex:hover,
    input[type="reset"].btn_hex:hover {
      background-color: transparent;
      border-color: #5D6167; }
  .btn.btn_sevenfold,
  button.btn_sevenfold,
  input[type="submit"].btn_sevenfold,
  input[type="reset"].btn_sevenfold {
    color: #00A961;
    background-color: #CCEEDF;
    border-color: #CCEEDF; }
    .btn.btn_sevenfold:hover,
    button.btn_sevenfold:hover,
    input[type="submit"].btn_sevenfold:hover,
    input[type="reset"].btn_sevenfold:hover {
      color: #00A961;
      background-color: transparent;
      border-color: #00A961; }
  .btn.btn_octal,
  button.btn_octal,
  input[type="submit"].btn_octal,
  input[type="reset"].btn_octal {
    color: #EB5757;
    background-color: #FFDADA;
    border-color: #FFDADA; }
    .btn.btn_octal:hover,
    button.btn_octal:hover,
    input[type="submit"].btn_octal:hover,
    input[type="reset"].btn_octal:hover {
      color: #EB5757;
      background-color: transparent;
      border-color: #EB5757; }
  .btn.btn_ninefold,
  button.btn_ninefold,
  input[type="submit"].btn_ninefold,
  input[type="reset"].btn_ninefold {
    color: #5D6167;
    background-color: transparent;
    border-color: transparent; }
    .btn.btn_ninefold .btn__ico path,
    button.btn_ninefold .btn__ico path,
    input[type="submit"].btn_ninefold .btn__ico path,
    input[type="reset"].btn_ninefold .btn__ico path {
      fill: #5D6167; }

@media screen and (min-width:768px) {
      .btn.btn_ninefold:hover,
    button.btn_ninefold:hover,
    input[type="submit"].btn_ninefold:hover,
    input[type="reset"].btn_ninefold:hover {
      color: #00A961;
      background-color: transparent;
      border-color: transparent; }
      .btn.btn_ninefold:hover .btn__ico path,
      button.btn_ninefold:hover .btn__ico path,
      input[type="submit"].btn_ninefold:hover .btn__ico path,
      input[type="reset"].btn_ninefold:hover .btn__ico path {
        fill: #00A961; }
      }
  .btn.btn_tenfold,
  button.btn_tenfold,
  input[type="submit"].btn_tenfold,
  input[type="reset"].btn_tenfold {
    background-color: #CCEEDF;
    font-size: 12px;
    border-color: transparent;
    color: #333333;
    padding: 7px 5px;
    margin: 0 5px; }
    .btn.btn_tenfold .ico,
    button.btn_tenfold .ico,
    input[type="submit"].btn_tenfold .ico,
    input[type="reset"].btn_tenfold .ico {
      margin-left: 5px; }

  .btn.btn_select,
  button.btn_select,
  input[type="submit"].btn_select,
  input[type="reset"].btn_select {
    background-color: #ffffff;
    border: 1px solid #DFE3E8;
    color: #5D6167;
    font-weight: 400;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .btn.btn_select:hover,
    button.btn_select:hover,
    input[type="submit"].btn_select:hover,
    input[type="reset"].btn_select:hover {
      background-color: #ffffff;
      border: 1px solid #00A961;
      color: #5D6167; }
  .btn.btn_success,
  button.btn_success,
  input[type="submit"].btn_success,
  input[type="reset"].btn_success {
    color: #ffffff;
    background-color: #00A961;
    border-color: #00A961; }
    .btn.btn_success .btn__ico path,
    button.btn_success .btn__ico path,
    input[type="submit"].btn_success .btn__ico path,
    input[type="reset"].btn_success .btn__ico path {
      fill: #ffffff; }
    .btn.btn_success:hover,
    button.btn_success:hover,
    input[type="submit"].btn_success:hover,
    input[type="reset"].btn_success:hover {
      color: #00A961;
      background-color: #CCEEDF;
      border-color: #00A961; }
      .btn.btn_success:hover .btn__ico path,
      button.btn_success:hover .btn__ico path,
      input[type="submit"].btn_success:hover .btn__ico path,
      input[type="reset"].btn_success:hover .btn__ico path {
        fill: #00A961; }
  .btn.btn_error,
  button.btn_error,
  input[type="submit"].btn_error,
  input[type="reset"].btn_error {
    color: #ffffff;
    background-color: #EB5757;
    border-color: #EB5757; }
    .btn.btn_error .btn__ico path,
    button.btn_error .btn__ico path,
    input[type="submit"].btn_error .btn__ico path,
    input[type="reset"].btn_error .btn__ico path {
      fill: #ffffff; }
    .btn.btn_error:hover,
    button.btn_error:hover,
    input[type="submit"].btn_error:hover,
    input[type="reset"].btn_error:hover {
      color: #EB5757;
      background-color: #FFDADA;
      border-color: #EB5757; }
      .btn.btn_error:hover .btn__ico path,
      button.btn_error:hover .btn__ico path,
      input[type="submit"].btn_error:hover .btn__ico path,
      input[type="reset"].btn_error:hover .btn__ico path {
        fill: #EB5757; }
  .btn.btn_bigger,
  button.btn_bigger,
  input[type="submit"].btn_bigger,
  input[type="reset"].btn_bigger {
    font-size: 18px;
    line-height: 22px;
    padding: 10px 20px; }
  .btn.btn_tiny,
  button.btn_tiny,
  input[type="submit"].btn_tiny,
  input[type="reset"].btn_tiny {
    font-size: 12px;
    line-height: 14px;
    padding: 5px 10px; }
  .btn.btn_tiny-p,
  button.btn_tiny-p,
  input[type="submit"].btn_tiny-p,
  input[type="reset"].btn_tiny-p {
    padding: 10px; }
  .btn.btn_text,
  button.btn_text,
  input[type="submit"].btn_text,
  input[type="reset"].btn_text {
    border: 0;
    padding: 0;
    font-weight: 400;
    background-color: transparent; }
    .btn.btn_text:hover,
    button.btn_text:hover,
    input[type="submit"].btn_text:hover,
    input[type="reset"].btn_text:hover {
      background-color: transparent; }
    .btn.btn_text.btn_tertiary,
    button.btn_text.btn_tertiary,
    input[type="submit"].btn_text.btn_tertiary,
    input[type="reset"].btn_text.btn_tertiary {
      font-weight: 600; }
  .btn.btn_ico,
  button.btn_ico,
  input[type="submit"].btn_ico,
  input[type="reset"].btn_ico {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent; }
    .btn.btn_ico:hover,
    button.btn_ico:hover,
    input[type="submit"].btn_ico:hover,
    input[type="reset"].btn_ico:hover {
      background-color: transparent; }
  @media screen and (max-width: 767px) {
    .btn.btn_secondary-ico,
    button.btn_secondary-ico,
    input[type="submit"].btn_secondary-ico,
    input[type="reset"].btn_secondary-ico {
      padding: 10px; }
      .btn.btn_secondary-ico .btn__text:not(:last-child),
      .btn.btn_secondary-ico .btn__ico:not(:last-child),
      button.btn_secondary-ico .btn__text:not(:last-child),
      button.btn_secondary-ico .btn__ico:not(:last-child),
      input[type="submit"].btn_secondary-ico .btn__text:not(:last-child),
      input[type="submit"].btn_secondary-ico .btn__ico:not(:last-child),
      input[type="reset"].btn_secondary-ico .btn__text:not(:last-child),
      input[type="reset"].btn_secondary-ico .btn__ico:not(:last-child) {
        margin: 0; }
      .btn.btn_secondary-ico .btn__text,
      button.btn_secondary-ico .btn__text,
      input[type="submit"].btn_secondary-ico .btn__text,
      input[type="reset"].btn_secondary-ico .btn__text {
        display: none; }
      .btn.btn_secondary-ico .btn__text.show,
      button.btn_secondary-ico .btn__text.show,
      input[type="submit"].btn_secondary-ico .btn__text.show,
      input[type="reset"].btn_secondary-ico .btn__text.show {
        display: block; } }
  .btn .btn__text:not(:last-child),
  .btn .btn__ico:not(:last-child),
  button .btn__text:not(:last-child),
  button .btn__ico:not(:last-child),
  input[type="submit"] .btn__text:not(:last-child),
  input[type="submit"] .btn__ico:not(:last-child),
  input[type="reset"] .btn__text:not(:last-child),
  input[type="reset"] .btn__ico:not(:last-child) {
    margin-right: 5px; }
  .btn .btn__ico,
  button .btn__ico,
  input[type="submit"] .btn__ico,
  input[type="reset"] .btn__ico {
    width: 18px;
    min-width: 18px; }
    .btn .btn__ico path,
    button .btn__ico path,
    input[type="submit"] .btn__ico path,
    input[type="reset"] .btn__ico path {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

.wysiwyg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-word;
  text-align: left;
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .wysiwyg:not(:last-child) {
    margin-bottom: 15px; }
  .wysiwyg.wysiwyg_secondary-margin {
    margin-bottom: 20px;
    text-align: left; }
  .wysiwyg img,
  .wysiwyg svg {
    margin-bottom: 20px; }
  .wysiwyg ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none; }
    .wysiwyg ul ul {
      margin-left: 0; }
    .wysiwyg ul li {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px 0 0;
    color: #5D6167; }
      .wysiwyg ul li:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        content: "";
        width: 4px;
        height: 4px;
        background-color: #C4C4C4;
        border-radius: 50%;
        margin-right: 10px;
        position: relative;
        top: 1px; }
  .wysiwyg.wysiwyg_secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .wysiwyg.wysiwyg_secondary h1, .wysiwyg.wysiwyg_secondary h2, .wysiwyg.wysiwyg_secondary h3, .wysiwyg.wysiwyg_secondary h4, .wysiwyg.wysiwyg_secondary h5, .wysiwyg.wysiwyg_secondary h6, .wysiwyg.wysiwyg_secondary ul, .wysiwyg.wysiwyg_secondary ol {
      margin-right: 10px;
      margin-bottom: 4px; }
      @media screen and (min-width: 580px) {
        .wysiwyg.wysiwyg_secondary h1, .wysiwyg.wysiwyg_secondary h2, .wysiwyg.wysiwyg_secondary h3, .wysiwyg.wysiwyg_secondary h4, .wysiwyg.wysiwyg_secondary h5, .wysiwyg.wysiwyg_secondary h6, .wysiwyg.wysiwyg_secondary ul, .wysiwyg.wysiwyg_secondary ol {
          margin-bottom: 10px; } }

.slick-slider {
  position: relative;
  width: auto;
  display: block;
  cursor: -webkit-grab;
  cursor: grab; }
  .slick-slider img {
    display: block;
    width: 100%; }
  .slick-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .slick-slider .slick-list {
    overflow: hidden; }
  .slick-slider .slick-slide {
    display: inline-block;
    height: 100%;
    z-index: 2 !important;
    margin: 0;
    min-height: 1px; }
    .slick-slider .slick-slide.slick-current {
      z-index: 3 !important; }
  .slick-slider .slider-item__content {
    padding: 4px; }
  .slick-slider .slick-arrow {
    position: absolute;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .slick-slider .slick-arrow:hover path {
      fill: #000000; }
    .slick-slider .slick-arrow.slick-prev {
      left: 25px;
      right: auto; }
      .slick-slider .slick-arrow.slick-prev:hover {
        left: 15px; }
    .slick-slider .slick-arrow.slick-next {
      left: auto;
      right: 25px; }
      .slick-slider .slick-arrow.slick-next:hover {
        right: 15px; }
    .slick-slider .slick-arrow.slick-disabled {
      opacity: .8;
      pointer-events: none; }
    .slick-slider .slick-arrow path {
      fill: #333333;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .slick-slider.slider__secondary-pagination .slick-dots {
    bottom: -40px; }
  .slick-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0;
    list-style: none;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%; }
    .slick-slider .slick-dots li {
      margin: 0;
      font-size: 10px;
      line-height: 10px;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .slick-slider .slick-dots li:not(:last-child) {
        margin-right: 10px; }
      .slick-slider .slick-dots li.slick-active button, .slick-slider .slick-dots li:hover button {
        background-color: #00A961; }
      .slick-slider .slick-dots li:only-child {
        display: none; }
    .slick-slider .slick-dots button {
      text-indent: -9999px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      margin: 0;
      padding: 0;
      border: 1px solid #00A961;
      background-color: transparent;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

.slick-loading .slick-slide {
  visibility: hidden; }

.tabs .tabs-header {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  border-bottom: 1px solid #DFE3E8;
  overflow-y: hidden; }
  .tabs .tabs-header .tabs-header__item {
    position: relative; height: 25px;}
    .tabs .tabs-header .tabs-header__item:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -8px;
      background-color: #00A961;
      opacity: 0;
      width: 100%;
      height: 10px;
      border-radius: 3px; }
    .tabs .tabs-header .tabs-header__item:not(:last-child) {
      margin-right: 15px; }
    .tabs .tabs-header .tabs-header__item.tabs-header__item_active:before {
      opacity: 1; }
    .tabs .tabs-header .tabs-header__item.tabs-header__item_active .tabs-header__text {
      color: #00A961; }
  .tabs .tabs-header .tabs-header__text {
    display: block;
    cursor: pointer;
    color: #333333;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-bottom: 3px; }

.tabs .tabs-body .tabs-body__item {
  width: 100%;
  display: none; }
  .tabs .tabs-body .tabs-body__item.tabs-body__item_active {
    display: block; }

.accordion-item {
  margin-bottom: 15px;
  border-radius: 15px;
  background-color: #ffffff; }
  .accordion-item.accordion-item_active {
    background-color: #F7F8FA; }
    .accordion-item.accordion-item_active .accordion-item__header .accordion-item__toggle {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .accordion-item.accordion-item_active .accordion-item__body {
      display: block; }
  .accordion-item .accordion-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    cursor: pointer;
    color: #333333;
    font-weight: 700;
    font-size: 15px;
    line-height: 25px;
    padding: 15px 25px;
    position: relative;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .accordion-item .accordion-item__header .accordion-item__ico {
      display: none;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 65px;
      min-width: 65px;
      height: 65px;
      border-radius: 50%;
      margin-right: 12px;
      background-color: #00A961; }
      @media screen and (min-width: 580px) {
        .accordion-item .accordion-item__header .accordion-item__ico {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
      .accordion-item .accordion-item__header .accordion-item__ico .ico {
        max-width: 25px; }
    .accordion-item .accordion-item__header .accordion-item__title {
      margin-right: 15px; }
      .accordion-item .accordion-item__header .accordion-item__title .title-text {
        font-size: 15px;
        line-height: 25px;
        font-weight: 700; }
    .accordion-item .accordion-item__header .accordion-item__toggle {
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 25px;
      min-width: 25px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
  .accordion-item .accordion-item__body {
    padding: 0 25px 25px;
    display: none; }
    .accordion-item .accordion-item__body .box__item {
      background-color: #ffffff;
  }
  @media screen and (max-width: 579px) {
    .accordion-item .accordion-item__body {
      padding: 0 13px 25px; }
      .accordion-item .accordion-item__body .box .box__item {
        padding: 15px 13px;
        }
  }

.dropdown {
  position: relative; }
  .dropdown.dropdown_secondary {
    width: 35px;
    height: 35px; }
    .dropdown.dropdown_secondary.dropdown_active .dropdown__init {
      background-color: #F7F8FA; }
    .dropdown.dropdown_secondary .dropdown__init {
      width: 100%;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 5px;
      background-color: transparent;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .dropdown.dropdown_secondary .dropdown__init:hover {
        background-color: #F7F8FA; }
      .dropdown.dropdown_secondary .dropdown__init .btn_secondary {
        margin-top: 4px; }

    .dropdown.dropdown_secondary .dropdown__content {
      min-width: 191px; }
  .dropdown.dropdown_secondary-content .dropdown__content {
    left: auto;
    right: -1px; }
  .dropdown.dropdown_active .dropdown__content {
    display: block; }
  .dropdown.dropdown_active .btn_select svg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .dropdown .dropdown__init {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
    .dropdown .dropdown__init .title-text:not(:last-child),
    .dropdown .dropdown__init .ico:not(:last-child) {
      margin-right: 5px; }
    .dropdown .dropdown__init .title-text {
      width: 100%;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  .dropdown .dropdown__content {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 3;
    padding: 12px;
    width: auto !important;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    max-height: 274px;
    max-width: 400px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #DFE3E8;
    overflow: auto;
    display: none;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
    .dropdown .dropdown__content.left {
      left: 0;
      right: auto; }
    .dropdown .dropdown__content.right {
      left: auto;
      right: 0; }
    .dropdown .dropdown__content.one_column {
      left: 0;
      right: 0; }
    @media screen and (max-width: 767px) {
      .dropdown .dropdown__content.right.mobile_left {
        left: 0;
        right: auto;
      }
    }
    .dropdown .dropdown__content .dropdown__content-header {
      padding: 7px 15px;
      margin-bottom: 5px; }

    .dropdown .dropdown__content .dropdown__list {
      margin: 0;
      list-style: none; }

      .dropdown .dropdown__content .dropdown__list.three-rows, .dropdown .dropdown__content .dropdown__list.four-rows {
        -webkit-column-count: 1;
          -moz-column-count: 1;
                column-count: 1; }
        @media screen and (min-width: 580px) {
          .dropdown .dropdown__content .dropdown__list.three-rows, .dropdown .dropdown__content .dropdown__list.four-rows {
            -webkit-column-count: 2;
              -moz-column-count: 2;
                    column-count: 2; } }
        @media screen and (min-width: 1200px) {
          .dropdown .dropdown__content .dropdown__list.three-rows, .dropdown .dropdown__content .dropdown__list.four-rows {
            -webkit-column-count: 3;
              -moz-column-count: 3;
                    column-count: 3; } }
        /* .dropdown .dropdown__content .dropdown__list.three-rows .dropdown__link, .dropdown .dropdown__content .dropdown__list.four-rows .dropdown__link {
          padding: 7px 15px; } */
      @media (min-width: 1400px) {
        .dropdown .dropdown__content .dropdown__list.four-rows {
          -webkit-column-count: 4;
            -moz-column-count: 4;
                  column-count: 4; } }
      /* .dropdown .dropdown__content .dropdown__list.checkboxes .dropdown__link {
        padding: 7px 15px; } */

    .dropdown .dropdown__content .dropdown__item {
      margin: 0; }
      .dropdown .dropdown__content .dropdown__item:not(:last-child) {
        margin-bottom: 5px; }
    .dropdown .dropdown__content .dropdown__link {
      padding: 15px;
      font-size: 14px;
      line-height: 15px;
      text-align: left;
      color: #333333;
      background-color: #ffffff;
      border-radius: 5px;
      white-space: nowrap;
      display: block;
      /* cursor: pointer; */
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .dropdown .dropdown__content .dropdown__link.custom-check {
        padding: 0;
      }
      .dropdown .dropdown__content .dropdown__link.jcf-selected, .dropdown .dropdown__content .dropdown__link:hover {
        color: #00A961;
        background-color: #F7F8FA; }

.ico-animation.ico-animation_plant .ico-animation_plant__main,
.ico-animation.ico-animation_plant .ico-animation_plant__secondary {
  transform-box: fill-box;
  -webkit-transform-origin: center 100%;
          transform-origin: center 100%;
  -webkit-animation: animation-rotate 6s ease-in-out infinite;
          animation: animation-rotate 6s ease-in-out infinite; }

.ico-animation.ico-animation_plant .ico-animation_plant__secondary {
  opacity: 0; }
  .ico-animation.ico-animation_plant .ico-animation_plant__secondary.ico-animation_plant__secondary_1 {
    -webkit-animation: plant__secondary_1 5s ease-in-out infinite;
            animation: plant__secondary_1 5s ease-in-out infinite; }
  .ico-animation.ico-animation_plant .ico-animation_plant__secondary.ico-animation_plant__secondary_2 {
    -webkit-animation: plant__secondary_2 5s ease-in-out infinite;
            animation: plant__secondary_2 5s ease-in-out infinite; }
  .ico-animation.ico-animation_plant .ico-animation_plant__secondary.ico-animation_plant__secondary_3 {
    -webkit-animation: plant__secondary_3 5s ease-in-out infinite;
            animation: plant__secondary_3 5s ease-in-out infinite; }
  .ico-animation.ico-animation_plant .ico-animation_plant__secondary.ico-animation_plant__secondary_4 {
    -webkit-animation: plant__secondary_4 5s ease-in-out infinite;
            animation: plant__secondary_4 5s ease-in-out infinite; }
  .ico-animation.ico-animation_plant .ico-animation_plant__secondary.ico-animation_plant__secondary_5 {
    -webkit-animation: plant__secondary_5 5s ease-in-out infinite;
            animation: plant__secondary_5 5s ease-in-out infinite; }

@-webkit-keyframes plant__secondary_1 {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  5% {
    opacity: 1; } }

@keyframes plant__secondary_1 {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  5% {
    opacity: 1; } }

@-webkit-keyframes plant__secondary_2 {
  10% {
    opacity: 0; }
  20% {
    opacity: 1; }
  50% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes plant__secondary_2 {
  10% {
    opacity: 0; }
  20% {
    opacity: 1; }
  50% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes plant__secondary_3 {
  20% {
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes plant__secondary_3 {
  20% {
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes plant__secondary_4 {
  30% {
    opacity: 0; }
  40% {
    opacity: 1; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes plant__secondary_4 {
  30% {
    opacity: 0; }
  40% {
    opacity: 1; }
  50% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes plant__secondary_5 {
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  60% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes plant__secondary_5 {
  40% {
    opacity: 0; }
  50% {
    opacity: 1; }
  60% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.box .box__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.box .box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 15px 20px;
  border-radius: 10px;
  background-color: #F7F8FA; }
  @media (min-width: 1400px) {
    .box .box__item {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
    .box.crm_messages .box__item {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .box .box__item:not(:last-child) {
    margin-bottom: 10px; }
  .box .box__item.box__item_read {
    background-color: #ffffff; }
  .box .box__item.box__item_secondary:not(:first-child) {
    border-bottom: 1px solid #DFE3E8; }
  .box .box__item .box__avatar {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    margin-right: 10px;
    margin-bottom: 12px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    @media screen and (min-width: 580px) {
      .box .box__item .box__avatar {
        width: 52px;
        min-width: 52px;
        height: 52px;
        min-height: 52px; } }
    @media screen and (min-width: 992px) {
      .box .box__item .box__avatar {
        width: 90px;
        min-width: 90px;
        height: 90px;
        min-height: 90px; } }
    @media (min-width: 1400px) {
      .box .box__item .box__avatar {
        margin-bottom: 0; } }
    .box .box__item .box__avatar.box__avatar_secondary {
      width: 32px;
      min-width: 32px;
      height: 32px;
      min-height: 32px; }
    @media screen and (min-width: 992px) {
      .box .box__item .box__avatar.box__avatar_tertiary {
        width: 80px;
        min-width: 80px;
        height: 80px;
        min-height: 80px; } }
    @media screen and (min-width: 992px) {
      .box .box__item .box__avatar.box__avatar_quaternary {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px; } }
  .box .box__item .box__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 12px;
    width: calc(100% - 52px); }
    @media screen and (min-width: 580px) {
      .box .box__item .box__main {
        width: calc(100% - 62px); } }
    @media screen and (min-width: 992px) {
      .box .box__item .box__main {
        width: calc(100% - 100px); }
        .box .box__item .box__main:not(:last-child) {
          margin-right: 10px; } }
    @media (min-width: 1400px) {
      .box .box__item .box__main {
        width: auto;
        margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .box .box__item .box__main.with-review {
      width: 100%; } }
  .box .box__item.align_big-desktop-center {
    align-items: center;
  }
  .box .box__item .box__main.direction_big-desktop-row .btn-group {
    margin-right: 10px;
    width: auto;
  }
  .box .box__item .box__main.direction_big-desktop-row {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .box .box__item .box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: 10px;
    margin-bottom: 4px; }
    @media screen and (min-width: 580px) {
      .box .box__item .box__header {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin-bottom: 0; } }
  .box .box__item .box__request {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 12px;
    background-color: #CCEEDF;
    width: 100%; }
    @media screen and (min-width: 580px) {
      .box .box__item .box__request {
        margin-bottom: 0; } }
    @media screen and (min-width: 768px) {
      .box .box__item .box__request {
        width: auto; } }
    .box .box__item .box__request .request__title {
      width: 100%;
      margin-right: 20px; }
      .box .box__item .box__request .request__title .title-text {
        display: block;
        color: #00A961;
        font-size: 12px;
        line-height: 14px;
        font-weight: 700; }
    .box .box__item .box__request .btn {
      min-width: 72px;
      padding: 8px; }

@media screen and (min-width: 580px) {
  .box .box__actions {
    padding: 10px; } }

@media (min-width: 1400px) {
  .box .box__actions {
    padding: 0; } }

.box.crm_messages .box__item .box__main {
  margin: 0;
  width: calc(100% - 42px);
}
.box.crm_messages .box__item .notes-action {
  position: absolute;
  display: flex;
  right: 0;
  top: 16px;
  margin-left: auto;
}
.box.crm_messages .box__item .notes-action a {
  margin-right: 5px; }
.box.crm_messages .box__item .box__main .user_name {
  width: calc(100% - 26px);
}
.box.crm_messages .box__item .box__main ul {
  margin: 0;
}
.box.crm_messages .box__item .box__main .box__content {
  width: 100%;
}

.box .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .box .rating.like {
    cursor: pointer; }
  .box .rating .rating__text {
    margin-left: 6px; }
    .box .rating .rating__text .title-text {
      color: #00A961;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700; }
  .box .rating .rating__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .box .rating .rating__media .rating__ico {
      min-width: 110px; }
      .box .rating .rating__media svg {
        min-width: 18px;
        padding-right: 4px;
      }
      .rating__media svg {margin-bottom: 0;}
    .box .rating .rating__media .ico {
      margin-right: 5px; }

.sidebar_stars {
  padding: 0 20px;
  margin-bottom: 20px; }
  @media screen and (min-width: 992px) {
    .sidebar_stars {margin-top: -15px;} }
  .sidebar_stars .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #4DC390;
    border-radius: 10px;
    padding: 8px 12px;
    background: #F1FFF9; }
    .sidebar_stars .flex {
      display: flex;
      align-items: center;
      font-weight: 700; }
    @media screen and (min-width: 992px) and (max-width: 1270px) {
      .sidebar_stars .text {display: none;} }

@media (min-width: 1400px) {
  .box .box__list.requests .wysiwyg_secondary ul {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .box .box__list.requests .box__request {
    margin-right: 20px;
    min-width: 320px; } }

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .main .main__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .main .main__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 20px; }
    @media screen and (min-width: 992px) {
      .main .main__header {
        margin-bottom: 25px; } }
    .main .main__header .header__logo .logo__link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .main .main__header .header__wysiwyg {
      margin-bottom: 0; }
    .main .main__header .header__actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

.site-header {
  padding: 12px 0;
  background-color: #ffffff;
  border-bottom: 1px solid #DFE3E8;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3; }
  .site-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  @media (max-width: 1199px) {
    .site-header.site-header_menu-active {
      background-color: #fbf9f8;
      border-bottom-color: transparent;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; }
      .site-header.site-header_menu-active .site-header__logo,
      .site-header.site-header_menu-active .site-header__user {
        visibility: hidden; }
      .site-header.site-header_menu-active .site-header__navigation {
        display: block; }
      .site-header.site-header_menu-active .nav-toggle .nav-toggle__link {
        margin-bottom: 0; }
        .site-header.site-header_menu-active .nav-toggle .nav-toggle__link:nth-child(1) {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .site-header.site-header_menu-active .nav-toggle .nav-toggle__link:nth-child(2) {
          display: none; }
        .site-header.site-header_menu-active .nav-toggle .nav-toggle__link:nth-child(3) {
          margin-top: -2px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
      .site-header.site-header_menu-active ~ * {
        opacity: .1; } }

.site-header__logo {
  margin-right: 20px; }
  @media (min-width: 1400px) {
    .site-header__logo {
      margin-right: 164px; } }
  .site-header__logo .logo__link {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .site-header__logo .logo__img {
    height: 25px; }

.nav-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  height: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 10;
  margin-right: 15px; }
  @media (min-width: 1200px) {
    .nav-toggle {
      display: none; } }
  .nav-toggle .nav-toggle__link {
    width: 18px;
    background-color: #333333;
    height: 2px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .nav-toggle .nav-toggle__link:not(:last-child) {
      margin-bottom: 5px; }

@media (max-width: 1199px) {
  .site-header__navigation {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    background: #fbf9f8;
    z-index: 3;
    overflow: auto;
    display: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; } }

.site-header__navigation .nav__title {
  color: #333333;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 10px 20px; }
  @media (min-width: 1200px) {
    .site-header__navigation .nav__title {
      display: none; } }

.site-header__navigation .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.site-header__navigation .nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (min-width: 1200px) {
    .site-header__navigation .nav__list {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.site-header__navigation .nav__item {
  margin: 0; }
  @media (min-width: 1200px) {
    .site-header__navigation .nav__item:not(:last-child) {
      margin-right: 25px; } }
  .site-header__navigation .nav__item.current-menu-item .nav__link, .site-header__navigation .nav__item:hover .nav__link {
    background-color: #ffffff; }
    .site-header__navigation .nav__item.current-menu-item .nav__link:before, .site-header__navigation .nav__item:hover .nav__link:before {
      width: 5px; }
    @media (min-width: 1200px) {
      .site-header__navigation .nav__item.current-menu-item .nav__link, .site-header__navigation .nav__item:hover .nav__link {
        color: #00A961;
        background-color: transparent; } }

.site-header__navigation .nav__link {
  display: block;
  color: #333333;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: 'Lato';
  border-radius: 5px;
  padding: 10px 20px;
  background-color: transparent;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media (min-width: 1200px) {
    .site-header__navigation .nav__link {
      padding: 0;
      font-weight: 700; } }
  .site-header__navigation .nav__link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    border-radius: 0 5px 5px 0;
    background-color: #00A961;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
    @media (min-width: 1200px) {
      .site-header__navigation .nav__link:before {
        display: none; } }

.site-header__user {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .site-header__user .user__avatar img {
    border-radius: 50%;
    min-width: 30px;
    min-height: 30px;
    max-height: 30px;
  }
  .site-header__user .user__avatar {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 5px; }
  .site-header__user .user__name {
    margin-right: 5px;
    display: none; }
    @media screen and (min-width: 580px) {
      .site-header__user .user__name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .site-header__user .user__name .name-text {
      color: #5D6167;
      font-size: 14px;
      line-height: 15px;
      font-weight: 600;
      max-width: 110px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.sub-header {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ffffff;
  border-bottom: 1px solid #DFE3E8; }
  @media screen and (min-width: 580px) {
    .sub-header {
      padding: 20px; } }
  @media screen and (min-width: 992px) {
    .sub-header {
      display: none; } }

.site-footer {
  margin-top: auto; }

.sidebar {
  width: 360px;
  max-width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 991px) {
    .sidebar {
      position: fixed;
      top: 0;
      left: 0;
      padding: 5px 0;
      background-color: #fbf9f8;
      height: 100vh;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
      .sidebar.sidebar_active {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
        z-index: 4; }
        .sidebar.sidebar_active:after {
          content: "";
          position: fixed;
          top: 0;
          left: 100%;
          width: 100vw;
          height: 100%;
          background-color: #333333;
          opacity: .9; } }
  .sidebar .sidebar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px;
    margin-bottom: 5px;
    background-color: transparent; }
    @media screen and (min-width: 992px) {
      .sidebar .sidebar__header {
        display: none; } }
    .sidebar .sidebar__header:hover {
      background-color: #ffffff; }
    .sidebar .sidebar__header .title-text:not(:last-child),
    .sidebar .sidebar__header .title-ico:not(:last-child) {
      margin-right: 12px; }
    .sidebar .sidebar__header .title-text {
      color: #00A961;
      font-size: 14px;
      line-height: 18px;
      font-weight: 700; }
    .sidebar .sidebar__header .title-ico {
      width: 18px;
      min-width: 18px;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
      .sidebar .sidebar__header .title-ico path {
        fill: #00A961; }
  .sidebar .sidebar__content {
    overflow: auto; }
  .sidebar .sidebar__content.with-tooltip {
    overflow: inherit; }
  @media screen and (max-width: 991px) {
    .sidebar .section.section_mobile-secondary {
      border-radius: 0; } }
  .sidebar .sidebar__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
    padding: 0 20px; }
    @media screen and (min-width: 992px) {
      .sidebar .sidebar__user {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 30px; } }
    .sidebar .sidebar__user .user__media {
      margin-right: 10px;
      position: relative; }
      @media screen and (min-width: 992px) {
        .sidebar .sidebar__user .user__media {
          margin: 0 auto 20px; } }
    .sidebar .sidebar__user .user__avatar img {
      border-radius: 50%;
      max-width: 100%;
      height: 100%;
      width: 100%;
    }
    .sidebar .sidebar__user .user__avatar {
      width: 90px;
      height: 90px;
      min-width: 90px;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      margin-right: 10px; }
      @media screen and (min-width: 992px) {
        .sidebar .sidebar__user .user__avatar {
          width: 120px;
          height: 120px; } }
    .sidebar .sidebar__user .user__settings {
      position: absolute;
      bottom: 0;
      right: 0; }
    .sidebar .sidebar__user .user__settings.with-tooltip {
      display: flex;
      right: -20px;
    }
      .sidebar .sidebar__user .user__settings .user-settings__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        text-decoration: none; }
      .sidebar .sidebar__user .user__settings .user-settings__ico {
        width: 32px;
        min-width: 32px;
        height: 32px; }
    .sidebar .sidebar__user .user__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 100%; }
      @media screen and (max-width: 991px) {
        .sidebar .sidebar__user .user__content {
          padding-left: 10px;
        }
      }
      @media screen and (min-width: 992px) {
        .sidebar .sidebar__user .user__content {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }
      .sidebar .sidebar__user .user__content .user__name {
        margin-bottom: 5px; }
        .sidebar .sidebar__user .user__content .user__name .name-text {
          color: #333333;
          font-size: 18px;
          line-height: 25px;
          font-weight: 700; }
      .sidebar .sidebar__user .user__content .user__company .company-text {
        color: #5D6167;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600; }
  .sidebar .sidebar__nav .nav__group:not(:last-child) {
    margin-bottom: 45px; }
  .sidebar .sidebar__nav .nav-group__header {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px;
    padding-left: 25px; }
    .sidebar .sidebar__nav .nav-group__header.with-tooltip {
      justify-content: start;
    }
    .sidebar .sidebar__nav .nav-group__header .nav-group__title {
      text-transform: uppercase;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-right: 5px; }
  .sidebar .sidebar__nav .nav-group__content .nav-group__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .sidebar .sidebar__nav .nav-group__content .nav-group__item.nav-item_active > .nav-item__header, .sidebar .sidebar__nav .nav-group__content .nav-group__item:hover > .nav-item__header {
    background-color: #ffffff;
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
    .sidebar .sidebar__nav .nav-group__content .nav-group__item.nav-item_active > .nav-item__header:before, .sidebar .sidebar__nav .nav-group__content .nav-group__item:hover > .nav-item__header:before {
      width: 5px;
      -webkit-transition-delay: .2s;
              transition-delay: .2s; }
  .sidebar .sidebar__nav .nav-group__content .nav-group__item.nav-item_active .nav-item__ico {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background-color: #F7F8FA; }
  .sidebar .sidebar__nav .nav-group__content .nav-group__item.nav-item_active .nav-item__dropdown {
    display: block; }
  .sidebar .sidebar__nav .nav-group__content .nav-group__item.nav-group__item_dropdown > .nav-item__header .nav-item__link {
    color: #333333; }
  .sidebar .sidebar__nav .nav-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 2px;
    border-radius: 5px;
    background-color: transparent;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .sidebar .sidebar__nav .nav-item__header:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 100%;
      border-radius: 0 5px 5px 0;
      background-color: #00A961;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-transition-delay: 0s;
              transition-delay: 0s; }
      @media screen and (min-width: 992px) {
        .sidebar .sidebar__nav .nav-item__header:before {
          border-radius: 5px 0 0 5px; } }
    .sidebar .sidebar__nav .nav-item__header .nav-item__title {
      width: 100%; }
      .sidebar .sidebar__nav .nav-item__header .nav-item__title .nav-item__link {
        display: block;
        width: 100%;
        padding: 15px 20px;
        color: #5D6167;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        text-transform: capitalize;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-transition-delay: .2s;
                transition-delay: .2s; }
        @media screen and (min-width: 992px) {
          .sidebar .sidebar__nav .nav-item__header .nav-item__title .nav-item__link {
            padding: 15px 25px; } }
    .sidebar .sidebar__nav .nav-item__header .nav-item__ico {
      width: 40px;
      min-width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 5px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      cursor: pointer;
      position: relative;
      top: 0;
      right: 5px;
      background-color: transparent;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .sidebar .sidebar__nav .nav-item__header .nav-item__ico:hover {
        background-color: #F7F8FA; }
  .sidebar .sidebar__nav .nav-item__dropdown {
    display: none; }
    .sidebar .sidebar__nav .nav-item__dropdown .nav-group__item:not(:last-child) {
      margin-bottom: 0; }
    .sidebar .sidebar__nav .nav-item__dropdown .nav-group__item .nav-item__header .nav-item__link {
      padding-left: 25px; }

.popup-init {
  cursor: pointer; }

.popup-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1001;
  cursor: pointer;
  background-color: #464646;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.popup-wrap,
.popup {
  visibility: hidden;
  opacity: 0; }

.popup-visible .popup-wrap {
  visibility: visible;
  opacity: 1; }
  .popup.popup-visible {
    visibility: visible;
    opacity: 1;
  }

  .popup {
    position: fixed;
    top: 50%;
    left: 50%;
    cursor: auto;
    min-width: 320px;
    width: 100%;
    padding: 15px 15px 30px;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    visibility: hidden;
    overflow: hidden;
    overflow-y: auto;
    /* height: 100vh; */
    opacity: 0;
    background-color: #ffffff;
    z-index: 111;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .popup.preview-profile {
    background-color: #FBF9F8;
    max-width: 1090px;
    width: 100%; }
    .popup.preview-profile .popup__header {
      margin-bottom: 20px; }
    .popup.preview-profile .section__content {
      padding-top: 15px; }
    .popup.preview-profile .inline_items {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
    .popup.preview-profile .inline_items ul {
      margin-left: 10px;
      margin-bottom: 8px; }
    .popup.preview-profile h3 {
      color: #00A961; }
    .popup.popup_tiny {
      box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.15);
    }
  @media screen and (max-width: 579px) {
    .popup.pdf {
      height: 90vh;
    }
    .popup.preview-profile .section {
      padding: 0 10px; }
  }
  @media screen and (min-width: 580px) {
    .popup {
      width: 645px;
      height: auto;
      border-radius: 10px;
      padding: 20px; }
    .popup.active{
      /* overflow: scroll; */
    } }
  .popup.active {
    visibility: visible;
    opacity: 1; 
    overflow-y: auto;
  }
    @media screen and (min-width: 580px) {
      .popup.popup_tiny {
        width: 420px; } }
  @media screen and (min-width: 992px) {
    .popup.popup_secondary, .popup.popup_tertiary {
      top: 0;
      right: 0;
      left: auto;
      border-radius: 0;
      -webkit-transform: none;
              transform: none;
      height: 100vh; } }
  .popup.popup_secondary {
    background-color: #fbf9f8; }
  .popup.popup_tertiary {
    height: auto; }
    @media screen and (min-width: 992px) {
      .popup.popup_tertiary {
        height: 100vh; } }
    .popup.popup_tertiary .popup__form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%; }
      .popup.popup_tertiary .popup__form textarea {
        height: 120px; }
      .popup.popup_tertiary .popup__form .popup__footer {
        margin-top: auto;
        padding-top: 20px;
        border-top: 1px solid #DFE3E8; }
        @media screen and (max-width: 579px) {
          .popup.popup_tertiary .popup__form .popup__footer .btn-group_secondary {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            .popup.popup_tertiary .popup__form .popup__footer .btn-group_secondary .btn_ninefold {
              -webkit-box-ordinal-group: 2;
                  -ms-flex-order: 1;
                      order: 1;
              width: 100%; } }
  .popup.addpost-popup textarea {
    height: 84px; }
  .popup.popup_posts {
    height: auto;
    /* min-height: 100vh; */
    min-height: 85vh;
    padding: 0 0 71px;
    -webkit-transform: none;
            transform: none;
    top: 0;
    left: 0; }
    .mh_100 {
      min-height: 100vh !important;
    }
    @media screen and (min-width: 580px) {
      .popup.popup_posts {
        left: 8%;
        padding-bottom: 80px; } }
    @media screen and (min-width: 1024px) {
      .popup.popup_posts {
        left: auto; } }
    .popup.popup_posts .popup__header {
      padding: 15px 15px 0;
      margin-bottom: 0; }
      @media screen and (min-width: 580px) {
        .popup.popup_posts .popup__header {
          padding: 20px 20px 0; } }
    .popup.popup_posts .popup__content {
      overflow: hidden;
      margin-bottom: 0 !important; }
    .popup.popup_posts .popup__footer {
      width: inherit;
      padding: 15px;
      background-color: #ffffff;
      border-top: 1px solid #DFE3E8;
      position: fixed;
      bottom: 0;
      box-shadow: 0px -5px 20px rgba(105, 105, 105, 0.05); }
      @media screen and (min-width: 580px) {
        .popup.popup_posts .popup__footer {
          padding: 20px; } }
  .popup .popup__header,
  .popup .popup__content,
  .popup .popup__footer {
    width: 100%; }
  .popup .popup__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .popup .popup__header .popup__title {
      margin-right: 15px; }
      .popup .popup__header .popup__title .title-text {
        color: #333333;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700; }
      .popup .popup__header .popup__title .big-title-text {
        color: #333333;
        font-size: 24px;
        line-height: 29px;
        font-weight: 700;
        margin: 20px 0 10px;
        display: block; }
    .popup .popup__header .popup-remove {
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      width: 25px;
      min-width: 25px; }
      .popup .popup__header .popup-action {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .popup .popup__header .popup-action .popup-action__item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          width: 25px;
          min-width: 25px; }
          .popup .popup__header .popup-action .popup-action__item:not(:last-child) {
            margin-right: 15px; }
    .popup .popup__header.multilevel {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .popup .popup__header.multilevel .popup-action {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        margin-bottom: 15px; }
        .popup .popup__header.multilevel .popup-action .popup-action__item_back {
          color: #00A961;
          font-weight: 700;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .popup .popup__header.multilevel .popup-action .popup-action__item_back .ico {
            margin-right: 10px; }
      .popup .popup__header.multilevel .popup__title {
        width: 100%;
        margin-bottom: 15px; }
  .popup .popup__content {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100% - 20px); }
    .popup .popup__content:not(:last-child) {
      margin-bottom: 10px;
      max-height: 100%; }
    .popup .popup__content .popup__text {
      color: #333333;
      font-size: 14px;
      /* display: -webkit-box; */
      /* display: -ms-flexbox; */
      /* display: flex; */
      margin-bottom: 15px; }
      .popup .popup__content .popup__text .popup__text_icon {
        vertical-align: middle;
        margin-right: 6px;
        min-width: 24px; }
    .popup .popup__content .popup__img {
      margin: 0 auto;
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      width: 100%; }
    @media screen and (max-width: 579px) {
      .popup .popup__content .popup__img {
        max-width: 100%;
        width: initial;
      }
    }
    .popup .popup__content .popup__info {
      margin-bottom: 20px;
      font-size: 14px;
      font-weight: 500;
      padding: 10px 10px 10px 38px;
      background-color: #E8F3FE;
      border: 1px solid #1885F5;
      margin-left: 33px;
      border-radius: 6px;
      line-height: 16px;
      position: relative; }
      .popup .popup__content .popup__info:before {
        background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9586_105263)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 2.25C5.27208 2.25 2.25 5.27208 2.25 9C2.25 12.7279 5.27208 15.75 9 15.75C12.7279 15.75 15.75 12.7279 15.75 9C15.75 5.27208 12.7279 2.25 9 2.25ZM0.75 9C0.75 4.44365 4.44365 0.75 9 0.75C13.5563 0.75 17.25 4.44365 17.25 9C17.25 13.5563 13.5563 17.25 9 17.25C4.44365 17.25 0.75 13.5563 0.75 9ZM9 8.25C9.41421 8.25 9.75 8.58579 9.75 9V12C9.75 12.4142 9.41421 12.75 9 12.75C8.58579 12.75 8.25 12.4142 8.25 12V9C8.25 8.58579 8.58579 8.25 9 8.25ZM9 5.25C8.58579 5.25 8.25 5.58579 8.25 6C8.25 6.41421 8.58579 6.75 9 6.75H9.0075C9.42171 6.75 9.7575 6.41421 9.7575 6C9.7575 5.58579 9.42171 5.25 9.0075 5.25H9Z' fill='%231885F5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9586_105263'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        content: '';
        display: block;
        position: absolute;
        width: 18px;
        height: 18px;
        left: 10px;
        right: 10px; }
  .popup .popup__section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DFE3E8; }

    .popup .popup__section img {
      max-width: 525px;
      max-height: 50vw;
      margin: 0 auto;
    }
    .popup .successefull__center {
      max-width: 350px;
      margin: 0 auto;
      text-align: center; }

.sticky_header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.popup.popup_secondary .sticky_header {
  background-color: #fbf9f8;
}

.fancybox-inner .fancybox-button:hover {
  color: #00A961; }

.section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #DFE3E8;
  background-color: #ffffff;
  margin: 0 -15px 20px;
  width: calc(100% + 30px); }
  @media screen and (min-width: 580px) {
    .section {
      margin: 0 0 20px;
      width: auto;
      border-radius: 10px; } }
  @media screen and (max-width: 579px) {
    .section.section_mobile-secondary {
      margin-left: 0;
      margin-right: 0;
      width: auto;
      border-radius: 10px; } }
  .section.section_secondary-bg {
    padding: 0;
    background-color: transparent;
    border: 0; }
  .section.section_tertiary {
    border: 0;
    background-color: transparent;
    padding: 0; }
  .section .section__header,
  .section .section__content,
  .section .section__footer {
    padding: 15px; }
    @media screen and (min-width: 580px) {
      .section .section__header,
      .section .section__content,
      .section .section__footer {
        padding: 20px; } }
    .section .section__header:not(:last-child),
    .section .section__content:not(:last-child),
    .section .section__footer:not(:last-child) {
      padding-bottom: 0; text-align: left;}
  .section .section__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 1400px) {
      .section .section__header {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .section .section__header .section__wysiwyg {
      width: 100%;
      margin-bottom: 0; }
      .section .section__header .section__wysiwyg:not(:last-child) {
        margin-bottom: 15px; }
        @media (min-width: 1400px) {
          .section .section__header .section__wysiwyg:not(:last-child) {
            margin-right: 15px;
            margin-bottom: 0; } }
    @media (min-width: 1400px) {
      .section .section__header .section__actions .search {
        min-width: 300px; } }
    .section .section__header .section__actions.green_no-borders .jcf-select {
      border: none;
      font-weight: 700;
      height: 20px; }
      .section .section__header .section__actions.green_no-borders .jcf-select .jcf-select-text {
        color: #00A961;
        padding: 0;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content; }
      .section .section__header .section__actions.green_no-borders .jcf-select .jcf-select-opener {
        margin-top: -4px;
        height: 20px; }
        .section .section__header .section__actions.green_no-borders .jcf-select .jcf-select-opener::after {
          border-right: 2px solid #00A961;
          border-top: 2px solid #00A961; }

  .section .section__header .section__actions.green_no-borders .dropdown_secondary {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content; }
    .section .section__header .section__actions.green_no-borders .dropdown_secondary .dropdown__init {
      color: #00A961;
      font-weight: 700;
      padding: 0 10px; }
    .section .section__header .section__actions.green_no-borders .dropdown_secondary.dropdown_active svg {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .section .section__header .section__actions.green_no-borders .left {
    left: 0;
    right: auto; }
  .section .section__header .section__actions.green_no-borders .right {
    left: auto;
    right: 0; }

  .section .section__content {
    width: 100%; }
  .section.section_blue {
    background-color: #E8F3FE;
    border: none; }
    .section.section_blue .btn__text {
      color: #1885F5; }
  .section.section_rightbg {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain; }
    @media (max-width: 1199px) {
      .section.section_rightbg {
        background-image: none !important; } }

    .sub-section {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-bottom: 15px;}
      @media screen and (min-width: 768px) {
        .sub-section {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
  .sub-section:not(:last-child), .sub-section.sub-section_secondary {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #DFE3E8; }
  .sub-section .sub-section__content {
    margin-bottom: 20px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .sub-section .sub-section__content {
        margin-bottom: 0;
        margin-right: 20px; } }
  .sub-section .sub-section__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
.sub-section .sub-section__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .sub-section .sub-section__header {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 5px; } }
  .sub-section .sub-section__header .sub-section__title:not(:last-child) {
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .sub-section .sub-section__header .sub-section__title:not(:last-child) {
        margin-right: 10px;
        margin-bottom: 0; } }
  .sub-section .sub-section__header .sub-section__title .title-text {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700; }
  .sub-section .sub-section__header .sub-section__data {
    margin-bottom: 5px; }
    @media screen and (min-width: 768px) {
      .sub-section .sub-section__header .sub-section__data {
        margin-right: 10px;
        margin-bottom: 0; } }
  @media screen and (min-width: 768px) {
    .sub-section .sub-section__header .sub-section__action {
      margin-left: auto; } }

  .sub-section .sub-section__action {
    visibility: hidden;
  }
  .sub-section:hover .sub-section__action {
    visibility: visible;
  }
.section__banner {
  height: 200px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media screen and (min-width: 580px) {
    .section__banner {
      border-radius: 5px; } }
  .section__banner:not(:last-child) {
    margin-bottom: 15px; }
    @media screen and (min-width: 580px) {
      .section__banner:not(:last-child) {
        margin-bottom: 20px;
        border-radius: 5px 5px 0 0; } }

.team {
  margin-bottom: 10px; }
  .team .team__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 10px;}
  .team .team__item {
    color: #5D6167;
    width: 232px;
    min-width: 232px;
    border: 1px solid #DFE3E8;
    border-radius: 5px;
    padding: 10px 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .team .team__item:not(:last-child) {
      margin-right: 15px; }
  .team .team-item__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 5px; }
  .team .team-item__avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    .team .team-item__avatar img {
      border-radius: 50%;
      min-width: 100px;
      min-height: 100px;
      max-height: 100px;
    }
  .team .team-item__name {
    margin-bottom: 5px; }
    .team .team-item__name .name-text {
      color: #333333;
      font-size: 15px;
      line-height: 20px;
      font-weight: 600; }
  .team .team-item__content {
    text-align: center; }
  .team .team-item__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .team .team-item__data .team-data__item {
      font-size: 14px;
      line-height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 10px; }
      .team .team-item__data .team-data__item .team-data__separator {
        margin: 0 5px; }

.steps .step {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #DFE3E8; }
  .steps .step .step__header {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .steps .step .step__header .step__number {
      width: 30px;
      min-width: 30px;
      height: 30px;
      margin-right: 5px;
      border-radius: 50%;
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      background-color: #00A961; }
      .steps .step .step__header .step__number .number-text {
        font-size: 14px;
        line-height: 17px;
        font-weight: 700; }
    .steps .step .step__header .step__title .title-text {
      color: #00A961;
      font-weight: bold;
      font-size: 18px;
      line-height: 22px; }

.middle_login {
  min-height: 100vh;
  padding: 0;
  background-color: #ffffff; }
  .middle_login .login__main {
    height: 100vh;
    min-height: 580px;
    padding: 30px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (min-width: 992px) {
      .middle_login .login__main {
        padding: 40px; } }
    .middle_login .login__main .login__form .login-form__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 40px; }
      @media screen and (min-width: 580px) {
        .middle_login .login__main .login__form .login-form__header {
          margin-bottom: 30px; } }
      .middle_login .login__main .login__form .login-form__header .title-text {
        color: #333333;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px; }
        @media screen and (min-width: 580px) {
          .middle_login .login__main .login__form .login-form__header .title-text {
            font-size: 25px;
            line-height: 29px; } }
    .middle_login .login__main .login__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .middle_login .login__main .login__footer {
      text-align: center; }
  .middle_login .login__media {
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fbf9f8;
    position: relative;
    height: 100vh;
    min-height: 580px;
    padding: 30px 15px; }
    @media screen and (min-width: 992px) {
      .middle_login .login__media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 40px; } }
    .middle_login .login__media .login-media__bg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      .middle_login .login__media .login-media__bg .login-media__img {
        width: 100%;
        height: 100%; }
    .middle_login .login__media .login-media__slider {
      width: 100%;
      max-width: 500px;
      position: unset; }

.account__create .create__item {
  position: relative;
  margin-bottom: 25px;
  height: 100%; }

.account__create .create-item__label {
  height: 100%; }

.account__create .create-item__input {
  position: absolute;
  left: -9999px;
  opacity: 0;
  visibility: hidden; }
  .account__create .create-item__input:checked ~ .create-item__container {
    border: 1px solid #00A961;
    background-color: #CCEEDF;
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
    .account__create .create-item__input:checked ~ .create-item__container .create-item__ico {
      opacity: 1;
      -webkit-transition-delay: .2s;
              transition-delay: .2s; }
  .account__create .create-item__input.error ~ .create-item__container, .account__create .create-item__input.wpcf7-not-valid ~ .create-item__container {
    border: 1px solid #FFDADA; }

.account__create .create-item__container {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #DFE3E8;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: .2s;
          transition-delay: .2s; }
  @media screen and (min-width: 768px) {
    .account__create .create-item__container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: 150px;
      height: 100%; } }

.account__create .create-item__ico {
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }
  @media screen and (min-width: 768px) {
    .account__create .create-item__ico {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.account__create .create-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (min-width: 768px) {
    .account__create .create-item__content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center; } }
  .account__create .create-item__content:after {
    content: "";
    width: 42px; }
    @media screen and (min-width: 768px) {
      .account__create .create-item__content:after {
        display: none; } }

.account__create .create-item__image {
  margin-right: 10px;
  width: 42px;
  min-width: 42px; }
  @media screen and (min-width: 768px) {
    .account__create .create-item__image {
      margin: 0 auto 10px; } }

.account__create .create-item__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700; }

.files .files__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.files .files__item {
  margin-bottom: 10px; }

.files .files__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  padding: 10px;
  border-radius: 4px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .files .files__link:hover {
    background-color: #F7F8FA; }

.files .files__ico {
  width: 18px;
  min-width: 18px;
  margin-right: 5px; }

.files .files__text {
  font-size: 14px;
  line-height: 20px;
  color: #5D6167;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 220px;}

.posts .post__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px; }

.posts .post__item {
  border: 1px solid #DFE3E8;
  background-color: #ffffff;
  margin-bottom: 10px; }
  @media screen and (min-width: 580px) {
    .posts .post__item {
      border-radius: 10px; } }

.posts .post-item__header {
  padding: 15px 15px 0 15px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 580px) {
    .posts .post-item__header {
      padding: 20px 20px 0 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .posts .post-item__header .post-item__avatar {
    margin-right: 10px;
    max-width: 42px;
    min-width: 42px;
    height: 42px; }
    .posts .post-item__header .post-item__avatar img {
      border-radius: 50%;
      height: 100%;
      width: 100%;
    }
    @media screen and (min-width: 768px) {
      .posts .post-item__header .post-item__avatar {
        max-width: 50px;
        min-width:  50px;
        height: 50px; } }
    @media screen and (min-width: 992px) {
      .posts .post-item__header .post-item__avatar {
        max-width: 60px;
        min-width: 60px;
        height: 60px; } }
  .posts .post-item__header .wysiwyg h3 {
    margin: 0 0 5px;
    font-weight: 700; }
  .posts .post-item__header .wysiwyg ul li:first-child::before {
    display: none; }
  .posts .post-item__header .wysiwyg ul li:last-child::before {
    display: none; }
    @media screen and (min-width: 768px) {
      .posts .post-item__header .wysiwyg ul li:last-child::before {
        display: block; } }
    @media screen and (min-width: 1024px) {
      .posts .post-item__header .wysiwyg ul li:last-child::before {
        display: none; } }
    @media (min-width: 1200px) {
      .posts .post-item__header .wysiwyg ul li:last-child::before {
        display: block; } }

  @media screen and (max-width: 579px) {
    .posts .post-item__header.header_flex_wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media screen and (max-width: 579px) {
    .posts .post-item__header.header_flex_wrap .wysiwyg {
      width: calc(100% - 55px);
      margin-bottom: 7px; } }
  @media screen and (max-width: 579px) {
    .posts .post-item__header.header_flex_wrap .post-action {
      margin-left: 55px !important; } }

.posts .files .files__item {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.posts .post-item__content {
  padding: 0 15px 5px 15px;
  margin-bottom: 10px;
}
  @media screen and (min-width: 580px) {
    .posts .post-item__content {
      padding: 0 20px 10px 20px; } }
  .posts .post-item__content .btn-group .btn {
    padding: 0; }
    @media screen and (min-width: 580px) {
      .posts .post-item__content .btn-group .btn:nth-child(3) {
        margin-left: auto; } }
    .posts .post-item__content .btn-group .btn:nth-child(3) svg {
      min-width: 12px;
      width: 12px; }
  .posts .post-item__content .wysiwyg h3 {
    font-size: 14px; }
    @media screen and (min-width: 580px) {
      .posts .post-item__content .wysiwyg h3 {
        font-size: 16px; } }
  .posts .post-item__content.overflow .wysiwyg:not(.full) {
    max-height: 142px;
    overflow: hidden;
    display: block;}
    .posts .post-item__content.overflow .readmore_btns {
      margin-top: -10px;
      margin-bottom: 15px;
      text-align: right;
    }
  .posts .post-item__content .wysiwyg b {
    background-color: #CCEEDF;
    font-weight: 700;
  }

.posts .post-item__comments {
  padding-top: 15px;
  border-top: 1px solid #DFE3E8; }
  @media screen and (min-width: 580px) {
    .posts .post-item__comments {
      padding-top: 20px; } }
  .posts .post-item__comments > h3 {
    padding: 0 15px; }
    @media screen and (min-width: 580px) {
      .posts .post-item__comments > h3 {
        padding: 0 20px; } }
  .posts .post-item__comments .post-item__content .wysiwyg {
    margin-bottom: 7px; }
  .posts .post-item__comments .post-item__header {
    padding-top: 0; }
  .posts .post-item__comments .post-item__comment.your {
    -webkit-box-align: center;
        -ms-flex-align: center;
    padding-bottom: 10px; }
    .posts .post-item__comments .post-item__reply.your textarea,
    .posts .post-item__comments .post-item__comment.your textarea {
      height: 37px;
      padding: 7px 10px; }
      @media screen and (min-width: 580px) {
        .posts .post-item__comments .post-item__reply.your textarea,
        .posts .post-item__comments .post-item__comment.your textarea {
          height: 70px;
          padding: 10px 15px; } }
    .posts .post-item__comments .post-item__comment.your .post-item__content {
      padding-bottom: 0; }

.posts .post-item__replies {
  padding: 0 18px; }
  @media screen and (min-width: 580px) {
    .posts .post-item__replies {
      padding: 0 23px; } }

.posts .post-item__reply.your,
.posts .post-item__comment.your {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .posts .post-item__reply.your .post-item__header,
  .posts .post-item__comment.your .post-item__header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 0; }
  .posts .post-item__reply.your .post-item__content,
  .posts .post-item__comment.your .post-item__content {
    padding-left: 0;
    width: 100%; }
    .posts .post-item__reply.your .post-item__content .btn,
    .posts .post-item__comment.your .post-item__content .btn {
      padding: 10px 20px; }
    .posts .post-item__reply.your .post-item__content .form-field,
    .posts .post-item__comment.your .post-item__content .form-field {
      margin-bottom: 5px; }
      .post-item__comment .highlight, .post-item__reply.highlight {
        background-color: #F1FFF9;
        padding-top: 10px;
      }
.posts .post-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .posts .post-action .post-action__item {
    min-width: 17px;
    cursor: pointer; }
    .posts .post-action .post-action__item svg path {
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .posts .post-action .post-action__item:not(:last-child) {
      margin-right: 10px; }

  .posts .post-item__footer {
    padding: 10px 15px;
    border-top: 1px solid #DFE3E8; }
    @media screen and (min-width: 580px) {
      .posts .post-item__footer {
        padding: 20px 0;
        margin: 0 20px; }
        .posts .post-item__footer .btn-group .btn:last-of-type {
          margin-left: auto;
          margin-right: 0; }
        .posts .post-item__footer .btn-group .btn_ninefold .btn__ico {
          width: 12px;
          min-width: 12px; } }
    .posts .post-item__footer .dropdown__content {
      left: auto;
      right: 0;
      top: calc(100% + 7px);
      padding: 0; }
      .posts .post__item:last-child .post-item__footer .dropdown__content {
        top: auto;
        bottom: calc(100% + 7px);;
      }

  @media (min-width: 1400px) {
    .jobs .post__item {
      margin-bottom: 20px; } }

  .jobs .post__item ul li:last-child {
    margin-right: 0; }
    .jobs .post__item ul li:last-child::before {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; }
      .popup_posts .post__item {
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #DFE3E8;
        border-radius: 0;
        background-color: transparent; }
        .popup_posts .post__item .post-item__header .wysiwyg h3 {
          padding-right: 50px; }
          @media screen and (min-width: 580px) {
            .popup_posts .post__item .post-item__header .wysiwyg h3 {
              padding-right: 0; } }
        .popup_posts .post__item .post-item__header .post-action {
          position: absolute;
          right: 15px; }
          @media screen and (min-width: 580px) {
            .popup_posts .post__item .post-item__header .post-action {
              position: static;
              -ms-flex-item-align: center;
                  align-self: center; } }
          .popup_posts .post__item .post-item__header .post-action .post-action__item:hover svg path {
            fill: #00A961; }
  .popup_posts .post__item .post-item__footer {
    border-top: none;
    padding-top: 0; }

    .popup_posts .message {
      margin-top: 15px; }
      .popup_posts .message .post__item {
        border-bottom: none;
        margin-bottom: 15px; }
        @media screen and (min-width: 580px) {
          .popup_posts .message .post__item {
            margin-bottom: 20px; } }
        .popup_posts .message .post__item .post-item__header {
          margin-bottom: 0;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          padding-top: 0; }
          /* .popup_posts .message .post__item .post-item__header .post-item__avatar {
            min-width: 42px; } */
          .popup_posts .message .post__item .post-item__header .wysiwyg {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
            .popup_posts .message .post__item .post-item__header .wysiwyg h3 {
              margin-right: 10px;
              margin-bottom: 2px; }
            .popup_posts .message .post__item .post-item__header .wysiwyg ul li:first-child:before,
            .popup_posts .message .post__item .post-item__header .wysiwyg ul li:last-child:before {
              display: block; }
            .popup_posts .message .post__item .post-item__header .wysiwyg .post-item__content {
              padding: 0;
              width: 100%; }
.form-field__textarea {height: 64px;}

.popup.popup_posts.messages_popup {
  padding-bottom: 155px;
}
@media screen and (min-width: 580px){
  .popup.popup_posts.messages_popup {
    padding-bottom: 165px;
  }
}

@media screen and (max-width: 579px) {
  .popup.popup_tertiary, .popup.popup_posts {padding-bottom: 130px;}
}

.forum .forum__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.forum .forum__item:not(:last-child) {
  border-bottom: 1px solid #DFE3E8; }

.forum .forum__item:last-child {
  border-radius: 0 0 10px 10px;
  overflow: hidden; }

.forum .forum__link {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (min-width: 580px) {
    .forum .forum__link {
      padding: 20px;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .forum .forum__link:hover {
    background-color: #F7F8FA; }

.forum .forum__title {
  color: #333333;
  font-size: 15px;
  line-height: 19px;
  font-weight: 700;
  margin-right: 10px;
  margin-bottom: 10px;
  width: calc(100% - 28px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  @media screen and (min-width: 580px) {
    .forum .forum__title {
      margin-bottom: 0;
      width: auto; } }

.forum .forum__ico {
  width: 18px;
  min-width: 18px; }
  @media screen and (min-width: 580px) {
    .forum .forum__ico {
      margin-right: 10px; } }

@media screen and (min-width: 580px) {
  .forum .forum__status {
    margin-left: auto; } }

.notifications .notifications__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.notifications .notifications__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .notifications .notifications__item:not(:last-child) {
    margin-bottom: 20px; }

.notifications .notifications__media {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 10px;
  position: relative;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .notifications .notifications__media img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }
  .notifications .notifications__media.icon {
    background-color: #00A961;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .notifications .notifications__media .notifications__ico {
    width: 25px;
    height: 25px;
    min-width: 25px;
    background-color: #00A961;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(-25%, 25%);
            transform: translate(-25%, 25%); }

.notifications .notifications__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .notifications .notifications__content .notifications__wisywig {
    margin-bottom: 10px; }
    .notifications .notifications__content .notifications__wisywig.bold {
      font-weight: 700; }
  .notifications .notifications__content .notifications__date .date-text {
    color: #5D6167;
    font-size: 13px;
    line-height: 15px; }

  .news {
    max-height: 585px;
    overflow-x: scroll; }
    @media screen and (min-width: 580px) {
      .news {
        max-height: 450px; } }
    .news .news__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .news .news__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 15px; }
      @media screen and (min-width: 580px) {
        .news .news__item {
          padding: 20px; } }
      .news .news__item:not(:last-child) {
        border-bottom: 1px solid #DFE3E8; }
    .news .news__media {
      border-radius: 4px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 10px;
      width: 40px;
      min-width: 40px;
      height: 40px; }
      @media screen and (min-width: 580px) {
        .news .news__media {
          width: 110px;
          min-width: 110px;
          height: 110px;
          margin-right: 20px; } }
    .news .news__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .news .news__wysiwyg {
      margin-bottom: 10px; }
      @media screen and (max-width: 579px) {
        .news .news__wysiwyg {
          margin-left: -50px; } }
      .news .news__wysiwyg p {
        max-height: 84px;
        overflow: hidden; }
        @media screen and (min-width: 580px) {
          .news .news__wysiwyg p {
            max-height: 42px; } }
    @media screen and (max-width: 579px) {
      .news h3 {
        font-size: 14px;
        max-height: 40px;
        overflow: hidden; } }
    @media screen and (max-width: 579px) {
      .news .news__action {
        margin-left: -50px; } }
    .news .news__action .btn {
      padding: 0;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .news .news__action .btn svg {
        height: 10px;
        width: 6px; }

  @media screen and (min-width: 580px) {
    .dl.dl_secondary .dl__item .dl__title {
      min-width: 0;
      white-space: nowrap; } }

  @media screen and (min-width: 580px) {
    .dl.dl_secondary .dl__item .dl__value {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; } }

  .dl .dl__text {
    font-size: 14px;
    line-height: 20px;
    background: #F3F5FA;
    border-radius: 4px;
    padding: 12px;
    text-align: center; }

  .dl .dl__list:not(:last-child),
  .dl .dl__text:not(:last-child) {
    margin-bottom: 10px; }

  .dl .dl__item {
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dl .dl__item:not(:last-child) {
      margin-bottom: 15px; }
    .dl .dl__item.dl__item_secondary {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .dl .dl__item.dl__item_secondary .dl__title {
        width: 100%;
        margin: 0 0 10px; }
    .dl .dl__item.dl__item_tertiary {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media screen and (min-width: 580px) {
        .dl .dl__item.dl__item_tertiary {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      .dl .dl__item.dl__item_tertiary .dl__title {
        margin: 0 0 10px; }
        @media screen and (min-width: 580px) {
          .dl .dl__item.dl__item_tertiary .dl__title {
            margin: 0 10px 0 0; } }
    .dl .dl__item .dl__title {
      margin-right: 10px;
      min-width: 50%; }
      @media screen and (min-width: 580px) {
        .dl .dl__item .dl__title {
          min-width: 120px;
          margin-right: 30px; } }
      .dl .dl__item .dl__title .title-text {
        font-weight: 700; }
    .dl .dl__item .dl__value {
      width: auto; }

.contact .section {
  min-width: calc(100vw - 40px);
  width: calc(100vw - 40px);
  margin: 0;
  border-radius: 10px; }
  @media screen and (min-width: 580px) {
    .contact .section {
      min-width: 476px;
      width: 476px; } }

.notes {
  margin: -15px -20px -20px; }
  .notes .notes__groups {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .notes .notes__group {
    color: #333333;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 620px; }
    @media screen and (min-width: 768px) {
      .notes .notes__group {
        width: 50%; } }
    @media screen and (min-width: 992px) {
      .notes .notes__group {
        width: 100%; } }
    @media (min-width: 1200px) {
      .notes .notes__group {
        width: 33.3%;
      }
      .notes .notes__group.w-30 {
        width: 30%;
      }
      .notes .notes__group.w-40 {
        width: 40%;
      }
    }

    .notes .notes__group:not(:last-child) {
      border-right: 1px solid #DFE3E8; }
    .notes .notes__group .group__header,
    .notes .notes__group .group__footer {
      padding: 20px; }
    .notes .notes__group .group__header .title-text {
      font-size: 18px;
      line-height: 21px;
      font-weight: 700; }
    .notes .notes__group .group__content {
      height: 100%;
      overflow: auto;
      border-bottom: 1px solid #DFE3E8; }
      .notes .notes__group .group__content .group__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .notes .notes__group .group__content .notes__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 20px; }
        .notes .notes__group .group__content .notes__item .note__author {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .notes .notes__group .group__content .notes__item .note__author .author__avatar {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            margin-right: 12px; }
          .notes .notes__group .group__content .notes__item .note__author .author__name .name-text {
            color: #333333;
            font-size: 14px;
            line-height: 20px; }
    .notes .notes__group .group__footer {
      background-color: #F3F5FA; }
      .notes .notes__group .group__footer.group__footer_secondary {
        background-color: transparent; }
    .notes .notes__group .group__formular textarea {
      height: 56px; }

.companyname-popup {
  width: 274px;
  height: 134px;
  box-sizing: border-box;
  position: absolute;
  top: 418px;
  background: #ffffff;
  background: url('../images/name-popup.png');
  text-align: left;
  padding: 21px 26px 26px 26px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  z-index: 1;
  display: none;
}
.companyname-popup.active {
  display: block;
}
@media screen and (min-width: 768px) {
  .companyname-popup {
    top: 338px !important; } }

.companyname-notify-popup {
  width: 310px;
  height: 64px;
  box-sizing: border-box;
  position: absolute;
  top: 440px;
  background: #ffffff;
  background: url('../images/name-notify.png');
  text-align: left;
  padding: 22px 0px 0px 20px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #EB5757;
  z-index: 1;
  display: none;
}
.companyname-notify-popup.active {
  display: block;
}

.password-notify-popup {
  width: 310px;
  height: 64px;
  box-sizing: border-box;
  position: absolute;
  top: 1136px;
  background: #ffffff;
  background: url('../images/name-notify.png');
  text-align: left;
  padding: 22px 0px 0px 17px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #EB5757;
  z-index: 1;
  display: none;
}
.password-notify-popup.active {
  display: block;
}
.reset-password-notify-popup {
  width: 310px;
  height: 64px;
  box-sizing: border-box;
  position: absolute;
  top: 190px;
  background: #ffffff;
  background: url('../images/name-notify.png');
  text-align: left;
  padding: 22px 0px 0px 17px;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #EB5757;
  z-index: 1;
  display: none;
}
.reset-password-notify-popup.active {
  display: block;
}

@media screen and (min-width: 768px) {
  .password-notify-popup { top: 840px !important; }
  .companyname-notify-popup { top: 340px !important; }
  .reset-password-notify-popup{ top: 200px !important;  }
}
/* .pac-container {
  display: none;
} */
.pac-logo:after {
  display: none;
}

    .jcf-select,
    select {
      height: 40px;
      width: 100%;
      position: relative;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #ffffff;
      border-radius: 5px;
      border: 1px solid #DFE3E8; }
      .jcf-select.jcf-drop-active,
      select.jcf-drop-active {
        border-color: #00A961; }
        .jcf-select.jcf-drop-active .jcf-select-opener:after,
        select.jcf-drop-active .jcf-select-opener:after {
          margin-top: 6px;
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
      .jcf-select.jcf-disabled,
      select.jcf-disabled {
        background-color: #F7F8FA; }
      .jcf-select .jcf-select-text,
      select .jcf-select-text {
        color: #5D6167;
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        padding: 0 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        background-color: transparent;
        display: inline-block;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .jcf-select .jcf-select-opener,
      select .jcf-select-opener {
        width: 40px;
        height: 40px;
        background-color: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .jcf-select .jcf-select-opener:after,
        select .jcf-select-opener:after {
          display: block;
          border-right: 1px solid #5D6167;
          border-top: 1px solid #5D6167;
          content: "";
          width: 7px;
          height: 7px;
          -webkit-transform: rotate(135deg);
                  transform: rotate(135deg);
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }

    .jcf-select-drop {
      position: absolute;
      top: calc(100% + 2px);
      left: -1px;
      z-index: 3;
      min-width: 100%;
      text-align: left;
      width: auto !important;
      -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
              box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); }
      .jcf-select-drop .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%;
        padding: 12px;
        max-height: 320px !important;
        background-color: #ffffff;
        border-radius: 0px;
        border: 1px solid #DFE3E8; }
        .jcf-select-drop .jcf-list-content ul {
          margin: 0;
          list-style: none; }
        .jcf-select-drop .jcf-list-content li {
          margin: 0; }
          .jcf-select-drop .jcf-list-content li:not(:last-child) {
            margin-bottom: 5px; }
        .jcf-select-drop .jcf-list-content .jcf-option {
          padding: 12px;
          font-size: 14px;
          line-height: 15px;
          color: #333333;
          background-color: #ffffff;
          border-radius: 5px;
          display: block;
          cursor: pointer;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .jcf-select-drop .jcf-list-content .jcf-option.jcf-selected, .jcf-select-drop .jcf-list-content .jcf-option:hover {
            background-color: #F7F8FA; }

    .jcf-select-select_secondary .jcf-select-drop .jcf-list-content .jcf-option {
      padding: 12px 12px 12px 42px;
      background-image: url("../images/check.svg");
      background-position: 12px 50%;
      background-repeat: no-repeat;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .jcf-select-select_secondary .jcf-select-drop .jcf-list-content .jcf-option.jcf-selected, .jcf-select-select_secondary .jcf-select-drop .jcf-list-content .jcf-option:hover {
        background-image: url("../images/check-active.svg"); }

    @media screen and (min-width: 992px) {
      .jcf-select-select_tertiary .jcf-select-drop .jcf-list-content ul {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 15px;
           -moz-column-gap: 15px;
                column-gap: 15px; } }

                .jcf-number {
                  display: inline-block;
                  position: relative;
                  width: 100%;
                  height: 40px;
                  padding: 0 40px;
                  border-radius: 5px;
                  background-color: #ffffff;
                  border: 1px solid #DFE3E8; }
                  .jcf-number input {
                    -webkit-appearance: textfield;
                       -moz-appearance: textfield;
                            appearance: textfield; }
                  .jcf-number input::-webkit-inner-spin-button,
                  .jcf-number input::-webkit-outer-spin-button {
                    -webkit-appearance: none; }
                  .jcf-number input {
                    -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    border: 0;
                    padding: 10px;
                    height: 100%;
                    width: 100%;
                    font-size: 14px;
                    line-height: 25px;
                    text-align: center;
                    outline: none; }
                  .jcf-number .jcf-btn-dec,
                  .jcf-number .jcf-btn-inc {
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    top: 0;
                    border-radius: 5px;
                    cursor: pointer;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -webkit-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out; }
                    .jcf-number .jcf-btn-dec svg,
                    .jcf-number .jcf-btn-inc svg {
                      width: 10px; }
                    .jcf-number .jcf-btn-dec rect,
                    .jcf-number .jcf-btn-dec path,
                    .jcf-number .jcf-btn-inc rect,
                    .jcf-number .jcf-btn-inc path {
                      stroke: #5D6167; }
                  .jcf-number .jcf-btn-dec {
                    left: 0; }
                  .jcf-number .jcf-btn-inc {
                    right: 0; }
.jcf-select:hover, .jcf-select:focus {
  border-color: #00A961;
}
.form-errors {
  text-align: left;
  margin-top: 3px;
  font-size: 14px;
  line-height: 16px;
  color: #EB5757;
}
.input-errors {
  border: 1px solid #EB5757 !important;
}
.comp-prof-banner-txt {
  text-align: left;
}

.team .team-item__name .name-text:hover {
  color: #00A961;
}

.team-data-companyname__text {
  color: #333333;
  font-size: 15px;
  font-weight: 600;
}
.team-data-companyname__text:hover {
  color: #00A961;
}
.popup .popup__section.popup-section-noborder {
  padding-bottom: 0;
  border-bottom: 0;
}

.popup .popup__section .preview-company__logo, .popup .popup__section  .preview-company__logo img  {
  max-width: 50px;
  max-height: 50px;
  margin-right: 20px;
}
.preview-company__desc {
  text-align: left;
}
.members-popup-list {
  display: flex;
  padding: 10px 0px;
  border-bottom: 1px solid #C4C4C4;
}
.select-item__avatar {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  margin-left: 10px;
}
.select-item__wysiwyg.wysiwyg {
  flex-direction: row;
}
.members-popup-list {
  padding: 10px 10px;
}
.members-popup-list .select-item__wysiwyg.wysiwyg {
  align-items: flex-end;
}
.members-popup-list .select-item__wysiwyg .title-text {
  margin-right: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
}
.members-popup-list:nth-child(odd){
  background-color: #F7F8FA;
}
.members-popup-list:last-child {
  border: none;
}
.members-popup-list .custom-check {
  width: auto;
  margin-left: auto;
}
.popup-remove-members {
  padding: 0;
}
.popup-remove-members .popup__header {
  padding: 30px 30px 0 30px;
}
.popup-remove-members .popup-remove-members-search {
  padding: 0 40px 0 40px;
}
.popup-remove-members .popup__footer {
  padding: 0 30px 30px 30px;
}

.select-item__avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.popup-remove-members .select__list {
  max-height: 400px;
  overflow: auto;
}
.popup-remove-members .popup__section{
  padding-bottom: 0;
  margin-bottom: 10px;
}
.popup-remove-members .popup__content .popup__section .form-field {
  margin-bottom: 0;
  margin-top: 10px;
}
.popup-remove-members .empty-remove {
  margin: 30px;
  font-weight: 600;
}
.exp-formatted-date {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 10px;
}
.exp-formatted-date p {
  margin-bottom: 0px;
}
.exp-formatted-date ul {
  margin-left: 10px;
}
.wysiwygs-col {
  display: flex;
  flex-direction: column;
}
.wysiwygs-col .wysiwyg {
  margin-bottom: 10px;
}
.check-add-member .custom-check {
  margin-left: 0;
}
.check-add-member svg {
  margin-bottom: 0;
}
.check-add-member .custom-check__text {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
}
.popup-invite-members .tabs-header {
  margin: 0 30px;
  width: calc(100% - 60px);
}
.input-user-invite {
  padding: 0 30px;
}
.input-user-email-invite {
  padding: 0 30px 30px 30px;
}
.site-header__navigation li a.router-link-active {
  color: #00A961;
}
.section__banner .btn_tertiary {
  background-color: #F7F8FA;
}
.comp-info  ul.comp-view-list {
  margin: 0;
  list-style: none;
}
.comp-info ul.comp-view-list li {
  display: inline;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #333333;
  background-color: #F3F5FA;
  border-radius: 5px;
  white-space: nowrap;
  cursor: default;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 5px;
}
.contact .box__avatar_tertiary img {
  border-radius: 50%;
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
}
.box .box__item .box__avatar img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.account__wysiwyg {
  word-break: break-word;
}
.crm_contacts_empty h3 {
  text-align: center;
}
.contact_card_actions {
  /* display: flex;
  justify-content: flex-end;
  flex: 2 1 auto; */
  white-space: nowrap;
}
.box__main .contact_card_actions {
  padding: 0;
}

.select-smart .select-item__avatar img {
  width: 30px;
  height: 30px;
}
.event-popup .jcf-select-drop .jcf-list-content {
  max-height: 250px !important;
}

@media screen and (min-width: 580px) {
  .e_desc_text {
    max-height: 100px;
    padding-right: 5px;
    overflow-y: scroll;
  }
  .e_guest_list {
    max-height: 230px;
    overflow-y: scroll;
  }
}
.fc-h-event {
  /* border: none; */
  padding: 2px 5px;
  border-width: 2px !important;
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: #F7F8FA !important;
}
.fc-theme-standard td, .fc-theme-standard th {
  border: 1px solid #DFE3E8;
}
.fc .fc-button-primary {
  background-color: #ffffff !important;
  border-color: #DFE3E8 !important;
  color: #00A961 !important;
}
.fc .fc-button {
  padding: 3px 5px !important;
}
.fc .fc-button-primary:hover {
  background-color: #F7F8FA !important;
}

.fc .fc-button:focus {
  box-shadow: none !important;
  background-color: #DFE3E8 !important;
}

.fc-h-event .fc-event-title {
  font-weight: 600;
  font-size: 14px;
}
.fc .fc-timegrid-col.fc-day-today {
  background-color: #F7F8FA !important;
}
.notes__groups .box__list {
  -webkit-box-direction: reverse;
  -ms-flex-direction: revert;
  flex-direction: column-reverse;
}
.message .posts__list {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  -webkit-box-direction: reverse;
  -ms-flex-direction: revert;
  flex-direction: column-reverse;
}
.card-files-list {
  max-height: 220px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.msg-notify {
  width: 414px;
  height: 81px;
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
  border-radius: 6px;
  bottom: 20px;
  left: -450px;
  opacity: 0;
  border-left: 6px solid #00A961;
  transition: 0.350s;
  z-index: 11;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 0 0 10px;
}
div.form-field__content.input-errors {
  /* border: none !important; */
}
.form-field__content.input-errors .jcf-select {
  border: 1px solid #f44336;
}
div.fc-header-toolbar.fc-toolbar > div:nth-child(1) {
  display: flex;
  align-items: center;
}
div.fc-header-toolbar.fc-toolbar > div:nth-child(1) > h2 {
  font-weight: 600;
  color: #333333;
  font-size: 18px;
  line-height: 22px;
}
th.fc-col-header-cell a, .fc .fc-day-other .fc-daygrid-day-top a, .fc .fc-daygrid-day-top a {
  color: #333333;
  font-weight: 600;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 10px !important;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 10px !important;
  margin-bottom: 10px;
}
.fc-v-event .fc-event-title {
  font-size: 14px;
  font-weight: 600;
  padding: 0 3px;
}
@media screen and (min-width: 992px) {
  .contact .box__avatar_tertiary img {
    min-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }
}
.calendar-wrapper {
  padding-top: 0 !important;
}
.msg-notify-success {
  border-left: 6px solid #00A961;
}
.msg-notify-error {
  border-left: 6px solid #EB5757;
}
.msg-notify-info {
  border-left: 6px solid #1885F5;
}
.msg-notify-warning {
  border-left: 6px solid #F2994A;
}
/* .team-notification-section .section__content {
  max-height: 500px;
  overflow-y: scroll;
} */
.msg-notify-visible {
  left: 20px;
  opacity: 1;
  transition: 0.350s;
}
.msg-notify .popup__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.msg-notify .popup__title svg {
  margin-right: 15px;
}
.msg-notify .title-text {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  color: #333333;
}
.msg-notify .popup-remove {
  cursor: pointer;
  height: 24px;
}
.team-notification-section .btn-group {
  width: auto;
}
.pac-input-content .jcf-select-drop-content{
  position: absolute;
  z-index: 12;
  vertical-align: top;
  overflow: auto;
  width: 100%;
  padding: 5px;
  max-height: 320px !important;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #DFE3E8;
  -webkit-box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
  box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
  opacity: 0;
}
.pac-input-content .jcf-select-drop-content.active {
  opacity: 1;
}

ul.location_list {
  list-style: none;
}
ul.location_list li {
  padding: 12px;
}
ul.location_list li:hover {
  background-color: #F7F8FA;
  border-radius: 5px;
  cursor: pointer;
}
.team-notifications {
  transition: 0.750s;
}
.notifications-viewed {
  background-color: #FFFFFF !important;
}
.border-bug {
  border: 1px solid #DFE3E8;
  border-radius: 5px;
  padding: 1px;
}
.border-bug textarea {
  border-radius: 0;
  border: none;
}
.pl-0 {
  padding-left: 0;
}
.mr-10 {margin-right: 10px;}

.clear-search {
  cursor: pointer;
  position: absolute;
  right: 9px;
  top: 9px;
}

.noResultsContainer {
  border: 1px dashed #DFE3E8;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(100vh - 420px);
}
.noResultsContainer h5 {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin: 25px 0 15px;
}
.noResultsContainer p {
  color: #5D6167;
  margin: 0;
}

.pointer {cursor: pointer;}

.badge {
  position: absolute;
  top: -4px;
  right: -12px;
  background-color: #00A961;
  color: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
}
.badge.left {
  left: 12px;
  top: 8px;
  right: auto;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.overflow-content {
  max-height: 400px;
  overflow: auto;
  padding-right: 10px;
  margin-right: -14px;
}

.sidebar .sidebar__user .company__logo img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.sidebar .sidebar__user .company__logo {
  width: 90px;
  height: 90px;
  min-width: 90px; }
  @media screen and (min-width: 992px) {
    .sidebar .sidebar__user .company__logo {
      width: 120px;
      height: 120px; } }

.posts .post-item__header .post-company__logo {
  margin-right: 10px;
  max-width: 42px;
  min-width: 42px;
  height: 42px; }
  .posts .post-item__header .post-company__logo img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;
  }
  @media screen and (min-width: 768px) {
    .posts .post-item__header .post-company__logo {
      max-width: 50px;
      min-width:  50px;
      height: 50px; } }
  @media screen and (min-width: 992px) {
    .posts .post-item__header .post-company__logo {
      max-width: 60px;
      min-width: 60px;
      height: 60px; } }

.box .box__item .box__company__logo img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.box .box__item .box__company__logo {
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin-right: 10px;
  margin-bottom: 12px; }
  @media screen and (min-width: 580px) {
    .box .box__item .box__company__logo {
      width: 52px;
      min-width: 52px;
      height: 52px;
      min-height: 52px; } }
  @media screen and (min-width: 992px) {
    .box .box__item .box__company__logo {
      width: 90px;
      min-width: 90px;
      height: 90px;
      min-height: 90px; } }
  @media (min-width: 1400px) {
    .box .box__item .box__company__logo {
      margin-bottom: 0; } }
  .box .box__item .box__company__logo.box__avatar_secondary {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px; }
  @media screen and (min-width: 992px) {
    .box .box__item .box__company__logo.box__avatar_tertiary {
      width: 80px;
      min-width: 80px;
      height: 80px;
      min-height: 80px; } }
  @media screen and (min-width: 992px) {
    .box .box__item .box__company__logo.box__avatar_quaternary {
      width: 60px;
      min-width: 60px;
      height: 60px;
      min-height: 60px; } }

.contact .box__company__logo_tertiary img {
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
}
@media screen and (min-width: 992px) {
  .contact .box__company__logo_tertiary img {
    min-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }
}
@media screen and (min-width: 992px) {
  .box .box__item .box__company__logo.box__company__logo_quaternary {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px; } }

.job__company__logo {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}
.job__company__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.sidebar .sidebar__nav .nav-item__header .nav-item__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar .sidebar__nav .nav-item__header .nav-item__title .post-action {
  white-space: nowrap;
  padding-right: 10px;
}
.sidebar .sidebar__nav .nav-item__header .nav-item__title .post-action a {
  display: inline-block;
  margin-right: 10px;
}

.popup_company_action {
  width: 100%;
  display: flex;
  align-items: center;
}
.popup_company_action .company_logo {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  padding: 5px;
}
.popup_company_action .company_logo img {
  height: 100%;
  width: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.pre_wrap {
  white-space: pre-wrap;
}


/* Chat */
.openChatBtn {
  position: fixed;
  bottom: 8px;
  right: 8px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  cursor: pointer;
  background-color: #00A961;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66699 5.33332C6.31337 5.33332 5.97423 5.4738 5.72418 5.72385C5.47413 5.9739 5.33366 6.31303 5.33366 6.66666V24.781L8.39085 21.7238C8.6409 21.4738 8.98004 21.3333 9.33366 21.3333H25.3337C25.6873 21.3333 26.0264 21.1928 26.2765 20.9428C26.5265 20.6927 26.667 20.3536 26.667 20V6.66666C26.667 6.31304 26.5265 5.9739 26.2765 5.72385C26.0264 5.4738 25.6873 5.33332 25.3337 5.33332H6.66699ZM3.83856 3.83823C4.58871 3.08808 5.60613 2.66666 6.66699 2.66666H25.3337C26.3945 2.66666 27.4119 3.08808 28.1621 3.83823C28.9122 4.58837 29.3337 5.60579 29.3337 6.66666V20C29.3337 21.0609 28.9122 22.0783 28.1621 22.8284C27.4119 23.5786 26.3945 24 25.3337 24H9.88594L4.94313 28.9428C4.5618 29.3241 3.98831 29.4382 3.49008 29.2318C2.99185 29.0255 2.66699 28.5393 2.66699 28V6.66666C2.66699 5.60579 3.08842 4.58837 3.83856 3.83823Z' fill='white'/%3E%3C/svg%3E%0A");
  z-index: 11;
}

.openChatBtn.active {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.4979 4.5021C28.1674 5.17157 28.1674 6.257 27.4979 6.92647L6.92647 27.4979C6.257 28.1674 5.17157 28.1674 4.5021 27.4979C3.83263 26.8284 3.83263 25.743 4.5021 25.0735L25.0735 4.5021C25.743 3.83263 26.8284 3.83263 27.4979 4.5021Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5021 4.5021C5.17157 3.83263 6.257 3.83263 6.92647 4.5021L27.4979 25.0735C28.1674 25.743 28.1674 26.8284 27.4979 27.4979C26.8284 28.1674 25.743 28.1674 25.0735 27.4979L4.5021 6.92647C3.83263 6.257 3.83263 5.17157 4.5021 4.5021Z' fill='white'/%3E%3C/svg%3E%0A");
}

.chatCounter {
  padding: 4px 8px;
  background-color: #EB5757;
  border-radius: 100px;
  color: #FFDADA;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
  position: absolute;
  top: 0;
  right: -6px;
  display: block;
  font-family: 'Lato', sans-serif;
}

.chatWindow .msgsCounter {
  padding: 4px 8px;
  background-color: #00A961;
  border-radius: 100px;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
  display: inline-block;
  font-family: 'Lato', sans-serif;
}

.chatWindow {
  max-width: 384px;
  height: 601px;
  width: 100%;
  display: none;
  position: fixed;
  right: 8px;
  bottom: 76px;
  background-color: #fff;
  border: 1px solid #DFE3E8;
  box-shadow: 0px 40px 100px rgba(148, 156, 173, 0.2);
  border-radius: 10px;
  overflow: hidden;
  flex-direction: column;
  z-index: 11;
  max-height: calc(100vh - 130px);
}
.chatWindow p {
  margin-bottom: 0;
}
.chatWindow .hideBig {display: none;}
@media screen and (max-width: 579px) {
  .chat-open {
    position: fixed;
  }
  .chatWindow {
    max-width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0;
    max-height: 100%;
  }
  .chatWindow .chatHeader {
    border-radius: 0;
  }
  .openChatBtn {
    width: 48px;
    height: 48px;
    background-size: 26px;
  }
  .openChatBtn.active {
    display: none;
  }
  .chatWindow .hideBig {
    display: flex;
    align-items: center;
  }
  .chatWindow .divider {
    width: 1px;
    height: 20px;
    margin-right: 16px;
    background-color: #4DC390;
  }
}

.chatWindow.active {
  display: flex;
}

.chatWindow * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #333;
  /* transition: all ease-in-out 0.3s; */
}

.chatWindow b {
  font-weight: 800;
  font-size: inherit;
}

.chatHeader {
  padding: 12px;
  background-color: #00A961;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chatHeader.messageHead {
  column-gap: 8px;
  justify-content: flex-start;
}

.chatTitle {
  font-size: 18px;
  line-height: 21.5px;
  color: #fff;
  font-weight: 700;
}

.chatActivity {
  display: flex;
  column-gap: 16px;
  margin-left: auto;
}

.chatActivity button {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}

.chatActivity button:hover,
.chatActivity button.active {
  opacity: 0.5;
}

.chatSearchBtn,
.messageSearchBtn {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4ZM2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9433 15.9429C16.3338 15.5524 16.967 15.5524 17.3575 15.9429L21.7075 20.2929C22.098 20.6834 22.098 21.3166 21.7075 21.7071C21.317 22.0977 20.6838 22.0977 20.2933 21.7071L15.9433 17.3571C15.5528 16.9666 15.5528 16.3334 15.9433 15.9429Z' fill='white'/%3E%3C/svg%3E%0A");
}

.chatMenuBtn {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C12.5523 4 13 4.44772 13 5V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V5C11 4.44772 11.4477 4 12 4Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z' fill='white'/%3E%3C/svg%3E%0A");
}

.backBtn {
  width: 24px;
  height: 24px;
  margin-right: 4px;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7071 4.29289C13.0976 4.68342 13.0976 5.31658 12.7071 5.70711L6.41421 12L12.7071 18.2929C13.0976 18.6834 13.0976 19.3166 12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071L4.29289 12.7071C3.90237 12.3166 3.90237 11.6834 4.29289 11.2929L11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289Z' fill='white'/%3E%3C/svg%3E%0A");
}

.messageAvatar {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  object-fit: cover;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}

.messageAvatar img {
  width: 100%;
  border-radius: 50%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  min-width: 36px;
  min-height: 36px;
  max-height: 36px;
}

.speakerOnline.messageAvatar:after,
.speakerOffline.messageAvatar:after {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 100%;
  border: 1px solid #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
}

.speakerOnline.messageAvatar:after {
  background-color: #00A961;
}

.speakerOffline.messageAvatar:after {
  background-color: #F2994A;
}

.messageName {
  font-weight: 700;
  font-size: 16px;
  line-height: 19.2px;
  color: #fff;
}

.mutedIcon {
  display: none;
}

.mutedIcon.active {
  display: flex;
  align-items: center;
}

.messageMenuBtn {
  width: 24px;
  height: 24px;
  display: block;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 12C17 10.8954 17.8954 10 19 10C20.1046 10 21 10.8954 21 12C21 13.1046 20.1046 14 19 14C17.8954 14 17 13.1046 17 12Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 12C3 10.8954 3.89543 10 5 10C6.10457 10 7 10.8954 7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12Z' fill='white'/%3E%3C/svg%3E%0A");
}

.chatBody {
  padding: 16px 12px;
  min-height: 160px;
  overflow-y: scroll;
  height: 100%;
}

.chatMessage {
  display: flex;
  -webkit-box-direction: reverse;
  -ms-flex-direction: revert;
  flex-direction: column-reverse;
  row-gap: 4px;
  min-height: 102%;
}
.emptyMessages .chatMessage {
  min-height: inherit;
}

.dateBlock {
  margin: 8px auto;
  background-color: #DFE3E8;
  border-radius: 100px;
  padding: 5px 10px;
  color: #0F1835;
  font-size: 10px;
  line-height: 12px;
}

.opponentBlock.singleMessageBlock {
  margin-right: auto;
  border-radius: 20px 20px 20px 0px;
  background-color: #F7F8FA;
}

.yourBlock.singleMessageBlock {
  margin-left: auto;
  border-radius: 20px 20px 0px 20px;
  background-color: #E5F7EF;
}

.singleMessageBlock {
  padding: 10px;
  width: max-content;
  max-width: 300px;
}

.yourBlock.singleMessageBlock + .opponentBlock.singleMessageBlock,
.opponentBlock.singleMessageBlock + .yourBlock.singleMessageBlock {
  margin-top: 8px;
}

.singleMessageHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.singleMessageHeadName {
  font-weight: 500;
  font-size: 13px;
  line-height: 15.6px;
  color: #AAADB1;
}

.singleMessageHeadTime {
  font-size: 12px;
  line-height: 14.4px;
  color: #AAADB1;
  margin-left: 12px;
}

.singleMessageText {
  line-height: 21px;
  color: #5D6167;
  white-space: pre-wrap;
  word-break: break-word;
}

.singleMessageText span {
  color: inherit;
  background-color: #F4D5B8;
  width: max-content;
}

.singleMessageAttachment {
  display: flex;
  align-items: center;
  column-gap: 4px;
  padding: 9px 10px;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 4px;
  cursor: pointer;
}

.singleMessageAttachmentTitle {
  line-height: 16.8px;
  font-weight: 700;
  color: #5D6167;
}

.singleMessageAttachmentSize {
  line-height: 16.8px;
  color: #AAADB1;
}

.chatFooter {
  padding: 16px 12px;
  border-top: 1px solid #DFE3E8;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.chatFooter form {
  position: relative;

  background: #F7F8FA;
  border-radius: 20px;
  /* padding: 0; */
  padding: 11px 12px;
  width: 100%;
  border: 1px solid transparent;
  display: block;
  transition: border ease-in-out 0.3s;
}
.chatFooter form.active {
  padding-bottom: 38px;
}

.chatFooter form textarea {
  resize: none;
  /* padding: 11px 12px; */
  padding: 0;
  width: 100%;
  outline: none;
  height: 17px;
  line-height: normal;
  display: block;
  transition: none;
  background-color: transparent;
  border: none;
}

.chatFooter form textarea::placeholder {
  color: #AAADB1;
  font-size: 14px;
}

.chatFooterActivity {
  display: flex;
  align-items: center;
  column-gap: 8px;
  position: absolute;
  bottom: 6px;
  right: 12px;
}

.chatFooterAttachment,
.chatFooterSmile,
.sendMessage {
  width: 28px;
  height: 28px;
  display: block;
  cursor: pointer;
  outline: none;
  border: none;
  background-color: transparent;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
}

.chatFooterAttachment {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1502 5.98991C16.4867 5.98991 15.8504 6.2535 15.3812 6.72268L7.72283 14.381C6.94091 15.1629 6.50163 16.2235 6.50163 17.3293C6.50163 18.4351 6.94091 19.4956 7.72283 20.2775C8.50475 21.0594 9.56527 21.4987 10.6711 21.4987C11.7769 21.4987 12.8374 21.0594 13.6193 20.2775L21.2777 12.6192C21.6031 12.2937 22.1307 12.2937 22.4562 12.6192C22.7816 12.9446 22.7816 13.4722 22.4562 13.7977L14.7978 21.456C13.7033 22.5505 12.2189 23.1654 10.6711 23.1654C9.12324 23.1654 7.6388 22.5505 6.54432 21.456C5.44984 20.3615 4.83496 18.8771 4.83496 17.3293C4.83496 15.7814 5.44984 14.297 6.54432 13.2025L14.2027 5.54417C14.9844 4.76242 16.0447 4.32324 17.1502 4.32324C18.2558 4.32324 19.3161 4.76242 20.0978 5.54417C20.8796 6.32592 21.3188 7.3862 21.3188 8.49176C21.3188 9.59732 20.8796 10.6576 20.0978 11.4394L12.4312 19.0977C11.9622 19.5667 11.326 19.8302 10.6627 19.8302C9.99945 19.8302 9.36333 19.5667 8.89432 19.0977C8.4253 18.6287 8.16181 17.9925 8.16181 17.3293C8.16181 16.666 8.4253 16.0299 8.89432 15.5608L15.9697 8.49383C16.2953 8.16858 16.8229 8.16889 17.1482 8.49452C17.4734 8.82015 17.4731 9.34779 17.1475 9.67303L10.0728 16.7394C9.91659 16.8958 9.82848 17.1082 9.82848 17.3293C9.82848 17.5505 9.91638 17.7627 10.0728 17.9192C10.2293 18.0756 10.4415 18.1635 10.6627 18.1635C10.884 18.1635 11.0962 18.0756 11.2527 17.9192L18.9193 10.2608C19.3883 9.79168 19.6521 9.15514 19.6521 8.49176C19.6521 7.82823 19.3885 7.19187 18.9193 6.72268C18.4501 6.2535 17.8138 5.98991 17.1502 5.98991Z' fill='%23BFC8D1'/%3E%3C/svg%3E%0A");
}

.chatFooterSmile.black {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9248_400)'%3E%3Cpath d='M14.0003 22.3332C18.6027 22.3332 22.3337 18.6022 22.3337 13.9998C22.3337 9.39746 18.6027 5.6665 14.0003 5.6665C9.39795 5.6665 5.66699 9.39746 5.66699 13.9998C5.66699 18.6022 9.39795 22.3332 14.0003 22.3332Z' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.667 15.6665C10.667 15.6665 11.917 17.3332 14.0003 17.3332C16.0837 17.3332 17.3337 15.6665 17.3337 15.6665' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 11.5H11.5083' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 11.5H16.5083' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9248_400'%3E%3Crect width='20' height='20' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.chatFooterSmile {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9248_400)'%3E%3Cpath d='M14.0003 22.3332C18.6027 22.3332 22.3337 18.6022 22.3337 13.9998C22.3337 9.39746 18.6027 5.6665 14.0003 5.6665C9.39795 5.6665 5.66699 9.39746 5.66699 13.9998C5.66699 18.6022 9.39795 22.3332 14.0003 22.3332Z' stroke='%23BFC8D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.667 15.6665C10.667 15.6665 11.917 17.3332 14.0003 17.3332C16.0837 17.3332 17.3337 15.6665 17.3337 15.6665' stroke='%23BFC8D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 11.5H11.5083' stroke='%23BFC8D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 11.5H16.5083' stroke='%23BFC8D1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9248_400'%3E%3Crect width='20' height='20' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.chatFooterSmile.active {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9280_664)'%3E%3Cpath d='M10.0003 18.3337C14.6027 18.3337 18.3337 14.6027 18.3337 10.0003C18.3337 5.39795 14.6027 1.66699 10.0003 1.66699C5.39795 1.66699 1.66699 5.39795 1.66699 10.0003C1.66699 14.6027 5.39795 18.3337 10.0003 18.3337Z' stroke='%2300A961' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66699 11.667C6.66699 11.667 7.91699 13.3337 10.0003 13.3337C12.0837 13.3337 13.3337 11.667 13.3337 11.667' stroke='%2300A961' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 7.5H7.50833' stroke='%2300A961' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 7.5H12.5083' stroke='%2300A961' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9280_664'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.sendMessage {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9248_406)'%3E%3Cpath d='M22.3337 5.6665L13.167 14.8332' stroke='%23BFC8D1' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.3337 5.6665L16.5003 22.3332L13.167 14.8332L5.66699 11.4998L22.3337 5.6665Z' stroke='%23BFC8D1' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9248_406'%3E%3Crect width='20' height='20' fill='white' transform='translate(4 4)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.chatFooter form textarea:not(:placeholder-shown)+.chatFooterActivity .sendMessage {
  background-color: #00A961;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9280_1084)'%3E%3Cpath d='M18.3337 1.66699L9.16699 10.8337' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3337 1.66699L12.5003 18.3337L9.16699 10.8337L1.66699 7.50033L18.3337 1.66699Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9280_1084'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.chatFooterAttachmentContainer {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.chatFooterAttachmentContainer.counted {
  background-color: #F7F8FA;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid transparent;
}

.chatFooterAttachmentContainer.counted.active {
  padding: 12px;
  background-color: transparent;
  border: 1px solid #DFE3E8;
  max-height: 200px;
  overflow-y: scroll;
}

.AttachmentContainerMore-visible {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 7px;
  max-height: 160px;
  overflow: scroll;
}

.AttachmentContainerMore-hide {
  border: none;
  background-color: #f7f8fa;
  overflow: auto;
}
.chatFooterAttachmentHead {
  display: none;
  justify-content: space-between;
  align-items: center;
}

.chatFooterAttachmentHead-visible {
  display: block;
}

.chatFooterAttachmentHead p {
  color: #5D6167;
  font-weight: 700;
  line-height: 16.8px;
  padding-left: 7px;
  float: left;
}

.chatFooterAttachmentHead p span {
  font-weight: inherit;
  color: inherit;
}

.counted .chatFooterAttachmentHead {
  display: flex;
}

.counted.active .chatFooterAttachmentHead {
  margin-bottom: 15px;
}

.showAttachments {
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9061_97556)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.41107 6.91107C4.73651 6.58563 5.26414 6.58563 5.58958 6.91107L10.0003 11.3218L14.4111 6.91107C14.7365 6.58563 15.2641 6.58563 15.5896 6.91107C15.915 7.23651 15.915 7.76414 15.5896 8.08958L10.5896 13.0896C10.2641 13.415 9.73651 13.415 9.41107 13.0896L4.41107 8.08958C4.08563 7.76414 4.08563 7.23651 4.41107 6.91107Z' fill='%235D6167'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9061_97556'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  float: right;
}

.showAttachmentsСollapsed {
  transform: rotate(180deg);
}

.AttachmentItemHide {
  display: none !important;
}

.chatFooterAttachmentContainer.counted.active .showAttachments {
  transform: rotate(180deg);
}

.counted .chatFooterAttachmentItem {
  display: none;
}

.counted.active .chatFooterAttachmentItem {
  display: flex;
  padding: 10px 0;
  background-color: transparent;
}

.chatFooterAttachmentItem {
  background-color: #F7F8FA;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  column-gap: 5px;
}

.chatFooterAttachmentItemTitle {
  color: #5D6167;
  font-weight: 700;
  line-height: 16.8px;
}

.chatFooterAttachmentItemSize {
  color: #AAADB1;
  line-height: 16.8px;
}

.chatFooterAttachmentItem button {
  border: none;
  background-color: transparent;
  outline: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.updateAttachment {
  margin-left: auto;
  margin-right: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9280_2138)'%3E%3Cpath d='M3.64167 2.95501C4.85138 1.90679 6.399 1.33078 7.99967 1.33301C11.6817 1.33301 14.6663 4.31768 14.6663 7.99968C14.6663 9.42368 14.2197 10.7437 13.4597 11.8263L11.333 7.99968H13.333C13.3331 6.9541 13.0258 5.93155 12.4495 5.05919C11.8731 4.18682 11.053 3.50312 10.0911 3.0931C9.12929 2.68307 8.06815 2.56482 7.03965 2.75303C6.01114 2.94124 5.06064 3.42761 4.30634 4.15168L3.64167 2.95501ZM12.3577 13.0443C11.148 14.0926 9.60035 14.6686 7.99967 14.6663C4.31767 14.6663 1.33301 11.6817 1.33301 7.99968C1.33301 6.57568 1.77967 5.25568 2.53967 4.17301L4.66634 7.99968H2.66634C2.66626 9.04527 2.97351 10.0678 3.5499 10.9402C4.12629 11.8125 4.94639 12.4962 5.90822 12.9063C6.87006 13.3163 7.9312 13.4345 8.9597 13.2463C9.98821 13.0581 10.9387 12.5717 11.693 11.8477L12.3577 13.0443Z' fill='%235D6167'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9280_2138'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  opacity: 0;
}

.removeAttachment {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7489 2.25105C14.0837 2.58579 14.0837 3.1285 13.7489 3.46323L3.46323 13.7489C3.1285 14.0837 2.58579 14.0837 2.25105 13.7489C1.91632 13.4142 1.91632 12.8715 2.25105 12.5368L12.5368 2.25105C12.8715 1.91632 13.4142 1.91632 13.7489 2.25105Z' fill='%235D6167'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25105 2.25105C2.58579 1.91632 3.1285 1.91632 3.46323 2.25105L13.7489 12.5368C14.0837 12.8715 14.0837 13.4142 13.7489 13.7489C13.4142 14.0837 12.8715 14.0837 12.5368 13.7489L2.25105 3.46323C1.91632 3.1285 1.91632 2.58579 2.25105 2.25105Z' fill='%235D6167'/%3E%3C/svg%3E%0A");
}

.chatSearch,
.messagesSearch {
  padding: 12px;
  display: none;
  border-bottom: 1px solid #DFE3E8;
}

.messagesSearch {
  display: none;
  align-items: center;
  column-gap: 10px;
}

.chatSearch.active,
.chatMenu .chatSearch {
  display: block;
}

.messagesSearch.active {
  display: flex;
}

.chatMenu .chatSearch {
  padding: 10px;
  border-bottom: none;
}

.chatSearch form,
.messagesSearch form {
  position: relative;
  width: 100%;
}

.chatSearch form::before,
.messagesSearch form:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.25 3C5.3505 3 3 5.3505 3 8.25C3 11.1495 5.3505 13.5 8.25 13.5C11.1495 13.5 13.5 11.1495 13.5 8.25C13.5 5.3505 11.1495 3 8.25 3ZM1.5 8.25C1.5 4.52208 4.52208 1.5 8.25 1.5C11.9779 1.5 15 4.52208 15 8.25C15 11.9779 11.9779 15 8.25 15C4.52208 15 1.5 11.9779 1.5 8.25Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.957 11.9572C12.2499 11.6643 12.7247 11.6643 13.0176 11.9572L16.2801 15.2197C16.573 15.5126 16.573 15.9874 16.2801 16.2803C15.9872 16.5732 15.5124 16.5732 15.2195 16.2803L11.957 13.0178C11.6641 12.7249 11.6641 12.2501 11.957 11.9572Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.chatSearch form input,
.messagesSearch form input {
  line-height: 16.8px;
  padding: 8px 33px 9px 33px;
  width: 100%;
  border: 1px solid transparent;
  background-color: #F7F8FA;
  border-radius: 4px;
  outline: none;
}
.chatSearch form input:hover,
.chatSearch form input:focus,
.messagesSearch form input:hover,
.messagesSearch form input:focus {
  padding-left: 33px;
}

.chatSearch form input:not(:placeholder-shown),
.messagesSearch form input:not(:placeholder-shown) {
  border-color: #DFE3E8;
}

.chatSearch form input::placeholder,
.messagesSearch form input::placeholder {
  color: #5D6167;
  font-size: 14px;
}

.chatSearch form input:focus,
.messagesSearch form input:focus {
  border-color: #00A961;
}

.chatSearch form .closeSearch,
.messagesSearch form .closeMessageSearch {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7489 2.25105C14.0837 2.58579 14.0837 3.1285 13.7489 3.46323L3.46323 13.7489C3.1285 14.0837 2.58579 14.0837 2.25105 13.7489C1.91632 13.4142 1.91632 12.8715 2.25105 12.5368L12.5368 2.25105C12.8715 1.91632 13.4142 1.91632 13.7489 2.25105Z' fill='%235D6167'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25105 2.25105C2.58579 1.91632 3.1285 1.91632 3.46323 2.25105L13.7489 12.5368C14.0837 12.8715 14.0837 13.4142 13.7489 13.7489C13.4142 14.0837 12.8715 14.0837 12.5368 13.7489L2.25105 3.46323C1.91632 3.1285 1.91632 2.58579 2.25105 2.25105Z' fill='%235D6167'/%3E%3C/svg%3E%0A");
}

.chatSearchContent,
.chatDefaultContent {
  display: none;
  height: 100%;
}

.chatSearchContent.active,
.chatDefaultContent.active {
  display: block;
}

.searchNav {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.searchNav svg {
  cursor: pointer;
}

.searchNav svg.lastSearchItem {
  pointer-events: none;
}
.searchNav svg.lastSearchItem path {
  fill: #5D6167;
}

.searchNav span {
  color: #5D6167;
  line-height: 16.8px;
}

.chatTabs,
.chatMiniTabs {
  display: flex;
  column-gap: 16px;
  padding: 14px 12px;
  background-color: #F7F8FA;
  border-bottom: 1px solid #DFE3E8;
}

.chatMiniTabs {
  padding: 10px;
  column-gap: 14px;
}

.chatTab,
.chatMiniTab {
  font-weight: 700;
  line-height: 16.8px;
  display: flex;
  column-gap: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.chatMiniTab {
  font-size: 13px;
}

.chatTab span,
.chatMiniTab span {
  color: #5D6167;
  font-weight: 700;
}

.chatTab.active,
.chatMiniTab.active {
  cursor: default;
  position: relative;
}

.chatTab.active::before,
.chatMiniTab.active::before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  height: 2px;
  bottom: -15px;
  background-color: #00A961;
}

.chatMiniTab.active::before {
  bottom: -11px;
}

.chatTab.active,
.chatTab:hover,
.chatTab.active span,
.chatMiniTab.active,
.chatMiniTab:hover,
.chatMiniTab.active span {
  color: #00A961;
}

.chatTabContent {
  display: none;
  height: calc(100% - 102px);
  overflow-y: scroll;
}

.chatMiniTabContent {
  display: none;
  padding: 10px;
  overflow-y: scroll;
  max-height: calc(320px - 96px);
  min-height: 211px;
}

.chatMiniTabContent.active {
  display: block;
}

.chatSearchContent .chatTabContent {
  height: calc(603px - 165px);
}

.chatBody::-webkit-scrollbar,
.chatTabContent::-webkit-scrollbar,
.chatMiniTabContent::-webkit-scrollbar,
.chatFooterAttachmentContainer::-webkit-scrollbar {
  width: 4px;
}

.chatBody::-webkit-scrollbar-thumb,
.chatTabContent::-webkit-scrollbar-thumb,
.chatMiniTabContent::-webkit-scrollbar-thumb,
.chatFooterAttachmentContainer::-webkit-scrollbar-thumb {
  background: #DFE3E8;
  border-radius: 10px;
}

.chatFooter form textarea::-webkit-scrollbar {
  width: 0;
}

.chatTabContent.active {
  display: block;
}

.emptySearchContainer,
.emptyResultContainer,
.emptyMessagesContainer {
  display: none;
}

.chatTabContent.emptySearch,
.chatTabContent.emptyResult,
.chatMiniTabContent.emptySearch,
.chatMiniTabContent.emptyResult,
.emptySearch .emptySearchContainer,
.emptyResult .emptyResultContainer,
.emptyMessages .emptyMessagesContainer,
.chatBody.emptyMessages {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.chatBody .goDownBtn {
  position: absolute;
  right: 16px;
  bottom: 90px;
  width: 44px;
  height: 44px;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0px 10px 30px rgba(27, 43, 55, 0.1);
}
.chatBody .goDownBtn .counter {
  position: absolute;
  top: -10px;
  right: 0;
  background: #00A961;
  border-radius: 50%;
  padding: 4px 7px;
  color: #FFF;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
}

.chatTabContent:not(.active),
.chatMiniTabContent:not(.active) {
  display: none;
}

.emptyContainerTitle {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 19.2px;
  margin-bottom: 8px;
}

.emptyContainerText {
  text-align: center;
  color: #5D6167;
  line-height: 1.5;
}

.emptyContainerText span {
  font-weight: 600;
}

.chatTabContentItemFile {
  padding: 10px 12px;
  border-bottom: 1px solid #E8EBED;
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.chatTabContentItemFileBody {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2px;
  width: calc(100% - 24px);
}

.chatTabContentItemFileBodyRow {
  width: 100%;
  display: flex;
  column-gap: 6px;
}

.chatTabContentItemFileTitle {
  font-size: 13px;
  line-height: 15.6px;
  font-weight: 600;
  color: #0F1835;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chatTabContentItemFileBodyRow span {
  font-size: 12px;
  line-height: 14.4px;
  color: #AAADB1;
}

.chatTabContentItemFileDate {
  margin-left: auto;
}

.chatTabContentItemFileAuthor {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 6px;
}

.chatTabContentItemFileAuthor::before {
  content: "";
  width: 3px;
  height: 3px;
  display: block;
  background-color: #AAADB1;
  border-radius: 100%;
}

.chatTabContentItem {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-gap: 4px 10px;
  cursor: pointer;
  padding: 10px 12px;
}

.chatTabContentItem.searchBlockHeader {
  display: flex;
  font-weight: 700;
  line-height: 16.8px;
  padding: 14px 12px;
  color: #000;
}

.chatMiniTabContentItem {
  display: flex;
  align-items: center;
  padding: 10px;
  column-gap: 10px;
  cursor: pointer;
}

.chatMiniTabContentItem:not(:last-child) {
  margin-bottom: 5px;
}

.chatMiniTabContentItem:hover {
  background-color: #F3F5FA;
}

.chatTabContentItem.unreadMessage {
  background-color: #F1FFF9;
}

.chatTabContentItem:hover {
  background-color: #F7F8FA;
}

.chatTabContentItem:not(:last-child) {
  border-bottom: 1px solid #E8EBED;
}

.chatTabContentItemAvatar,
.chatMiniTabContentItemAvatar {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  object-fit: cover;
  grid-row: 1/3;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

.chatMiniTabContentItemAvatar {
  width: 24px;
  height: 24px;
  font-size: 12px;
}

.chatTabContentItemAvatar img,
.chatMiniTabContentItemAvatar img {
  border-radius: 50%;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
  min-width: 50px;
  min-height: 50px;
  max-height: 50px;
}
.chatMiniTabContentItemAvatar img {
  min-width: 24px;
  min-height: 24px;
  max-height: 24px;
}

.speakerOnline .chatTabContentItemAvatar:after,
.speakerOffline .chatTabContentItemAvatar:after,
.speakerOnline .chatMiniTabContentItemAvatar:after,
.speakerOffline .chatMiniTabContentItemAvatar:after {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  border-radius: 100%;
  border: 2px solid #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
}

.speakerOnline .chatMiniTabContentItemAvatar:after,
.speakerOffline .chatMiniTabContentItemAvatar:after {
  width: 7px;
  height: 7px;
  border-width: 1px;
}

.speakerOnline .chatTabContentItemAvatar:after,
.speakerOnline .chatMiniTabContentItemAvatar:after {
  background-color: #00A961;
}

.speakerOffline .chatTabContentItemAvatar:after,
.speakerOffline .chatMiniTabContentItemAvatar:after {
  background-color: #F2994A;
}

.chatTabContentItemName {
  font-weight: 600;
  font-size: 13px;
  line-height: 15.6px;
  display: flex;
  align-self: flex-end;
}

.chatTabContentItemName svg {
  margin-left: 4px;
}

.chatMiniTabContentItem .chatTabContentItemName {
  align-self: center;
}

.chatTabContentItemMessage {
  color: #5D6167;
  line-height: 16.8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chatTabContentItemMessage .text {
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chatMenu {
  display: none;
  position: absolute;
  top: 48px;
  right: 10px;
  background-color: #fff;
  border: 1px solid #DFE3E8;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  max-width: 240px;
  max-height: 320px;
  width: 100%;
  overflow: hidden;
}

.chatMenu.active {
  display: block;
}

.messagesMenu {
  display: none;
  position: absolute;
  top: 40px;
  right: 10px;
  background-color: #fff;
  border: 1px solid #DFE3E8;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 180px;
  border-radius: 4px;
  flex-direction: column;
  row-gap: 5px;
  padding: 10px;
}

.messagesMenu.active {
  display: flex;
}

.messagesMenu button,
.messagesMenu a {
  padding: 10px;
  background-color: transparent;
  border: none;
  outline: none;
  color: #333;
  line-height: 16.8px;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  display: block;
}

.messagesMenu button:hover,
.messagesMenu a:hover {
  background-color: #F3F5FA;
}

.deleteModal {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
}

.deleteModal.active {
  display: flex;
}

.deleteModalBody {
  background-color: #FFFFFF;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 360px;
  width: 100%;
}

.deleteModalBodyHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 21px 20px 0;
}

.deleteModalBodyHead p {
  font-size: 18px;
  line-height: 21.8px;
  font-weight: 700;
}

.closeModal {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6234 3.37658C21.1255 3.87868 21.1255 4.69275 20.6234 5.19485L5.19485 20.6234C4.69275 21.1255 3.87868 21.1255 3.37658 20.6234C2.87447 20.1213 2.87447 19.3073 3.37658 18.8051L18.8051 3.37658C19.3073 2.87447 20.1213 2.87447 20.6234 3.37658Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.37658 3.37658C3.87868 2.87447 4.69275 2.87447 5.19485 3.37658L20.6234 18.8051C21.1255 19.3073 21.1255 20.1213 20.6234 20.6234C20.1213 21.1255 19.3073 21.1255 18.8051 20.6234L3.37658 5.19485C2.87447 4.69275 2.87447 3.87868 3.37658 3.37658Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.deleteModalBodyContent .custom-check__label {
  padding-left: 0;
}
.deleteModalBodyContent {
  line-height: 16.8px;
  padding: 0 20px;
}

.deleteModalFooter {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  column-gap: 16px;
  border-top: 1px solid #DFE3E8;
}

.deleteModalFooter button {
  width: 50%;
  padding: 6px;
  text-align: center;
  font-weight: 700;
  line-height: 18px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
}

.deleteModalFooter .cancelBtn {
  border-color: #DFE3E8;
  color: #00A961;
}

.deleteModalFooter .cancelBtn:hover {
  background-color: #DFE3E8;
}

.deleteModalFooter .applyBtn {
  background-color: #00A961;
  color: #fff;
}

.deleteModalFooter .applyBtn:hover {
  background-color: #02663b;
}

.deleteAlert {
  background: #F1FFF9;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 12px 12px 12px 10px;
  display: none;
  align-items: center;
  column-gap: 10px;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 360px;
}

.deleteAlert.active {
  display: flex;
}

.deleteCountDown {
  width: 24px;
  height: 24px;
  position: relative;
}

.deleteTimer {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 12px;
  line-height: 14.4px;
  font-weight: 600;
  color: #00A961;
  transform: translate(-50%, -50%);
}

.deleteCountDown svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

.deleteCountDown svg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: #00A961;
  fill: none;
}

.deleteAlert.active .deleteCountDown svg circle {
  animation: 5s linear forwards countdown;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }

  to {
    stroke-dashoffset: 113px;
  }
}

.deleteAlert p {
  line-height: 16.8px;
}

.deletionAbort {
  line-height: 16.8px;
  color: #00A961;
  font-weight: 700;
  margin-left: auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.emojiWindow.active {display: block;}
.emojiWindow {
  display: none;
  position: absolute;
  bottom: 68px;
  right: 10px;
  background-color: #fff;
  border: 1px solid #DFE3E8;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
  max-width: 336px;
  width: 100%;
  border-radius: 4px;
  height: 290px;
}
.emojiWindow .header {
  border-bottom: 1px solid #DFE3E8;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding: 10px;
}
.emojiWindow .content {
  padding: 5px;
  height: calc(100% - 80px);
}
.emojiWindow .overflow {
  padding: 10px;
  overflow: auto;
  height: 100%;
}
.emojiWindow .subTitle {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #BFC8D1;
  padding: 12px 6px 6px 6px;
}
.emojiWindow .navBar {
  border-bottom: 1px solid #DFE3E8;
  display: flex;
}
.emojiWindow .navBar span {
  display: inline-flex;
  padding: 0 8px;
  margin: 10px 0;
  height: 20px;
  align-items: center;
}
.emojiWindow .navBar .border-right {
  border-right: 1px solid #BFC8D1;
  padding: 0 12px;
  margin-right: 4px;
}
.emojiWindow .navBar svg {
  cursor: pointer;
}
.emojiWindow .navBar svg path {
  color: #BFC8D1;
  stroke: #BFC8D1;
}
.emojiWindow .navBar span:hover path {
  color: #00A961;
  stroke: #00A961;
}

.emojiWindow .content span {
  font-size: 16px;
  display: inline-block;
  margin: 5px;
  cursor: pointer;
  width: 20px;
}

.showCalendar {
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9061_97556)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.41107 6.91107C4.73651 6.58563 5.26414 6.58563 5.58958 6.91107L10.0003 11.3218L14.4111 6.91107C14.7365 6.58563 15.2641 6.58563 15.5896 6.91107C15.915 7.23651 15.915 7.76414 15.5896 8.08958L10.5896 13.0896C10.2641 13.415 9.73651 13.415 9.41107 13.0896L4.41107 8.08958C4.08563 7.76414 4.08563 7.23651 4.41107 6.91107Z' fill='%235D6167'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9061_97556'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  float: right;
}

.showCalendarСollapsed {
  transform: rotate(180deg);
}

.form-field-calendar {
  margin-left: auto;
}

.toggleCalendar svg {
  margin-bottom: -2px;
  margin-right: 5px;
}
.toggleCalendarСollapsed svg {
  transform: rotate(180deg);
}
.section .calendar_header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.section .calendar_header .section__wysiwyg:not(:last-child) {
  margin-bottom: 15px;
}
.section .calendar_header .form-field:not(:last-child) {
  margin-bottom: 0;
  margin-right: 15px;
}

.crm_contact_card {
  position: relative;
}
.crm_contact_card .sub-section {
  border-bottom: none;
}
.crm_contact_card .main_section {
  margin-bottom: 55px;
}
.crm_contact_card .btn-group {
  border-top: 1px solid #DFE3E8;
  padding-top: 15px;
}
.crm_contact_card .bottom_section {
  padding-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.crm_contact_card .overflow_items {
  max-height: 60px;
  overflow: hidden;
  align-items: start;
}
.crm_contact_card .overflow_description {
  max-height: 80px;
  overflow: hidden;
}
.read-more-state {
  display: none;
}
.overflow_items,
.overflow_description {
  transition: .25s ease;
}
.read-more-state:checked ~ .overflow_items,
.read-more-state:checked ~ .overflow_description {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-trigger {
  color: #00A961;
  display: block;
  margin: -10px 0 0;
  padding: 0;
  text-align: right;
  font-weight: 400;
  width: 100%;
}
.read-more-trigger.mb_minus {
  margin-bottom: -10px;;
}
.read-more-trigger:hover {
  color: #00A961;
}
.read-more-state ~ .read-more-trigger:before {
  content: 'Read more';
}
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Read less';
}
.section.experience h3,
.section.education h3 {
  color: #00A961;
}
.section.education .inline_items {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
.section.education .inline_items ul {
  margin-left: 10px;
  margin-bottom: 8px; }

.disabled_area {
  pointer-events: none;
  opacity: 0.5;
}

/*  */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-top;
  padding: 0 4px;
}
.ico-tooltip {
  display: block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M6 1.5C3.51472 1.5 1.5 3.51472 1.5 6C1.5 8.48528 3.51472 10.5 6 10.5C8.48528 10.5 10.5 8.48528 10.5 6C10.5 3.51472 8.48528 1.5 6 1.5ZM0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6ZM6 5.5C6.27614 5.5 6.5 5.72386 6.5 6V8C6.5 8.27614 6.27614 8.5 6 8.5C5.72386 8.5 5.5 8.27614 5.5 8V6C5.5 5.72386 5.72386 5.5 6 5.5ZM6 3.5C5.72386 3.5 5.5 3.72386 5.5 4C5.5 4.27614 5.72386 4.5 6 4.5H6.005C6.28114 4.5 6.505 4.27614 6.505 4C6.505 3.72386 6.28114 3.5 6.005 3.5H6Z' fill='%235D6167'/><clipPath><rect width='12' height='12' fill='white'/></clipPath></svg>") no-repeat center;
  background-size: contain;
}
.tooltip .tooltiptext {
  visibility: hidden;
  position:absolute;
}
.tooltip .tooltiptext {
  cursor: auto;
  min-width: 320px;
  background-color: #333;
  color: #fff;
  border-radius: 8px;
  padding: 12px;
  font-size: 12px;
  line-height: 18px;;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 1023px) {
  .tooltip.company-address {
    position: absolute;
    right: -4px;
    top: auto;
    bottom: -5px;
  }
}
.tooltip .tooltiptext.left {
  left: 26px;
  top: -30px;
}
.tooltip .tooltiptext.top {
  left: -29px;
  top: 20px;
}
.tooltip .tooltiptext.top-right {
  right: -29px;
  top: 20px;
}
@media screen and (min-width: 1024px) {
  .tooltip .tooltiptext.mw-220 {min-width: 220px;}
  .tooltip .tooltiptext.mw-240 {min-width: 240px;}
  .tooltip .tooltiptext.mw-460 {min-width: 460px;}
  .tooltip.company-address {
    position: absolute;
    right: -18px;
    top: -5px;
  }
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 1023px) {
  .tooltip .ico-close {
    display: block;
    width: 15px;
    height: 15px;
    background: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M17.1862 2.81381C17.6046 3.23223 17.6046 3.91062 17.1862 4.32904L4.32904 17.1862C3.91062 17.6046 3.23223 17.6046 2.81381 17.1862C2.3954 16.7678 2.3954 16.0894 2.81381 15.671L15.671 2.81381C16.0894 2.3954 16.7678 2.3954 17.1862 2.81381Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M2.81381 2.81381C3.23223 2.3954 3.91062 2.3954 4.32904 2.81381L17.1862 15.671C17.6046 16.0894 17.6046 16.7678 17.1862 17.1862C16.7678 17.6046 16.0894 17.6046 15.671 17.1862L2.81381 4.32904C2.3954 3.91062 2.3954 3.23223 2.81381 2.81381Z' fill='white'/></svg>") no-repeat center;
    background-size: contain;
    position: absolute;
    right: 12px;
    top: 12px;
  }
  .tooltip.active .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  .tooltip.active .bg-tooltip {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .tooltip .tooltiptext.left,
  .tooltip .tooltiptext.top-right,
  .tooltip .tooltiptext.top {
    position: fixed;
    bottom: auto;
    top: 20vh;
    right: 10px;
    left: 10px;
    max-height: 50vh;
    max-width: 600px;
    margin: auto;
    padding-top: 36px;
    border-radius: 12px;
  }
  .tooltip .tooltiptext::after {display: none;}
  .tooltip .tooltiptext .text {
    display: block;
    max-height: calc(50vh - 40px);
    overflow: auto;
  }
}
@media screen and (max-width: 579px) {}

.tooltip .tooltiptext.left::after {
  content: "";
  position: absolute;
  top: 30px;
  left: -6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  border-color: transparent #101828 transparent transparent;
}
.tooltip .tooltiptext.top::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 33px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #101828 transparent;
}
.tooltip .tooltiptext.top-right::after {
  content: "";
  position: absolute;
  top: -6px;
  right: 33px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #101828 transparent;
}

.overflow_visible {
  overflow: visible !important;
}
.dropdown .dropdown__content.mw-100 {
  max-width: 100%;
  min-width: 100%;
}

.feedback {
  margin-right: 16px;
}
.feedback_btn {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--green-20, #CCEEDF);
  background: var(--green-5, #F1FFF9);
  border-radius: 40px;
  padding: 4px 10px 4px 5px;
  color: var(--green-100, #00A961);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.feedback_btn svg {min-width: 24px;}
@media screen and (max-width: 400px) {
  .feedback_btn {
    padding: 4px 5px 4px 5px;
  }
  .feedback_btn .btn_text {display: none;}
}

.feedback_popup {
  position: relative;
  top: initial;
  left: initial;
  overflow: initial;
  -webkit-transform: initial;
          transform: initial; 
  }
.feedback_popup .dropdown .dropdown__init {
  padding: 10px 12px;
  color: var(--gray-100, #5D6167);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.feedback_popup .dropdown .dropdown__content {
  max-height: 147px;;
}
.feedback_popup .dropdown .dropdown__content .dropdown__link {padding: 6px;}
.feedback_popup {
  background-color: #FBF9F8;
}
.feedback_popup .border-bug {
  background-color: #FFF;
}
.feedback_popup .wysiwyg {
  font-size: 12px;
  line-height: normal;
  color: #5D6167;
}
.feedback_popup .box {
  margin: 30px 0 20px;
}
.feedback_popup .box .box__item {
  background-color: transparent;
  padding: 0;
}
.feedback_popup .box .box__item .box__avatar {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
}
.feedback_popup .box .box__item .box__main {
  width: calc(100% - 70px);
}
.feedback_popup .wysiwyg h3 {margin-bottom: 4px;}
.feedback_popup .wysiwyg ul li {
  font-size: 14px;
}
.feedback_popup .wysiwyg ul li:first-child:before {display: none;}
.feedback_popup .preview_content {
  color: var(--blue-100, #0F1835);
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  white-space: pre-wrap;
}