@font-face {
  font-family: "AeonikPro";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/frontend/aeonik_pro/AeonikPro-Regular_2_4.ttf) format("truetype");
}

/* При желании можно продублировать для жирного начертания,
   чтобы не было проблем при использовании font-weight: 700 */
@font-face {
  font-family: "AeonikPro";
  font-style: normal;
  font-weight: 700;
  src: url(/assets/frontend/aeonik_pro/AeonikPro-Regular_2_4.ttf) format("truetype");
}


@font-face {
  font-family: "FontAwesome", sans-serif;
  src: url(/assets/frontend/fonts/fontawesome-webfont.ttf) format("truetype");
  font-style: normal;
  font-weight: 400
}

:root {
  --color-main: #ff5f59;
  --color-main_rtans: #ff5f5959;
  --color-secondary: #ffe28eff;
  --color-third: #b7e4ffff;
  --color-text: #050505ff;
}

body {
  font-family: "AeonikPro", sans-serif;
  font-size: 14px;
  color: var(--color-text);
}

.presentation {
  padding: 10px 15px;
  background-color: var(--color-main);
  margin-left: 20px;
  border-radius: 10px;
  color: white !important;
}

@media screen and (max-width: 1250px) {

  #dodoisbtn {
    display: none;
  }

  /*.wrapper.wrapper_form {*/
  /*  opacity: 0.2;*/
  /*}*/
  /*body {*/
  /*  filter: blur(10px);*/
  /*}*/
  /*html:before {*/
  /*  content: 'Адаптация внешнего вида системы для экранов менее 1250px по ширине не поддерживается. Пожалуйста, используйте более широкий экран или используйте функцию уменьшения масштаба страницы в вашем браузере.';*/
  /*  position: absolute;*/
  /*  background-color: rgba(255, 255, 255, 0.30);*/
  /*  z-index: 999999;*/
  /*  color: black;*/
  /*  height: 100%;*/
  /*  padding-left: 20%;*/
  /*  padding-right: 20%;*/
  /*  text-align: center;*/
  /*  padding-top: 100px;*/
  /*  font-size: 18px;*/
  /*}*/
}

button {
  cursor: pointer !important;
}

button:disabled,button[disabled]{
  border: 1px solid var(--color-main)50 !important;
  background-color: var(--color-main)50 !important;
}

body.over {
  overflow: hidden
}

body,
html {
  height: 100%
}

.wrapper {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 100%
}

.wrapper-content {
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -o-flex: 1 0 auto;
  -webkit-box-flex: 1;
  flex: 1 0 auto
}

footer {
  position: relative;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "AeonikPro", sans-serif;
}

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

ul {
  list-style: none !important
}

.ta-c {
  text-align: center
}

.ta-r {
  text-align: right
}

.p-none {
  padding: 0
}

.pl-none {
  padding-left: 0
}

.pr-none {
  padding-right: 0
}

.fl-l {
  float: left
}

.fl-r {
  float: right
}

.bg-1 {
  background: url(img/bg/bg-1.jpg) no-repeat 50% 50%;
  background-size: cover
}

.upper {
  text-transform: uppercase
}

::-webkit-scrollbar {
  width: 0;
  height: 6px
}

::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 4px
}

::-webkit-scrollbar-thumb {
  background: var(--color-main);
  cursor: pointer !important;
  border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
  background: #f0c000
}

h1 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 35px
}

@media screen and (max-width: 1199px) {
  h1 {
    font-size: 30px;
    line-height: 30px
  }
}

@media screen and (max-width: 576px) {
  h1 {
    font-size: 20px;
    line-height: 20px
  }
}

i.ic_calendar {
  width: 17px;
  height: 19px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_map {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237bbb36%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-map%22%3E%3Cpolygon%20points%3D%221%206%201%2022%208%2018%2016%2022%2023%2018%2023%202%2016%206%208%202%201%206%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2216%22%20y1%3D%226%22%20x2%3D%2216%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}


i.ic_map2 {
  width: 51px;
  height: 51px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-map%22%3E%3Cpolygon%20points%3D%221%206%201%2022%208%2018%2016%2022%2023%2018%2023%202%2016%206%208%202%201%206%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2216%22%20y1%3D%226%22%20x2%3D%2216%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}


i.ic_external-link {
  width: 20px;
  height: 21px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_feather {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fc0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-feather%22%3E%3Cpath%20d%3D%22M20.24%2012.24a6%206%200%200%200-8.49-8.49L5%2010.5V19h8.5z%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%2216%22%20y1%3D%228%22%20x2%3D%222%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2217.5%22%20y1%3D%2215%22%20x2%3D%229%22%20y2%3D%2215%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_calendar1 {
  width: 46px;
  height: 50px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23cf5a1b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_command {
  width: 47px;
  height: 47px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237bbb36%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-command%22%3E%3Cpath%20d%3D%22M18%203a3%203%200%200%200-3%203v12a3%203%200%200%200%203%203%203%203%200%200%200%203-3%203%203%200%200%200-3-3H6a3%203%200%200%200-3%203%203%203%200%200%200%203%203%203%203%200%200%200%203-3V6a3%203%200%200%200-3-3%203%203%200%200%200-3%203%203%203%200%200%200%203%203h12a3%203%200%200%200%203-3%203%203%200%200%200-3-3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_box {
  width: 44px;
  height: 49px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231c8ce3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-box%22%3E%3Cpath%20d%3D%22M21%2016V8a2%202%200%200%200-1-1.73l-7-4a2%202%200%200%200-2%200l-7%204A2%202%200%200%200%203%208v8a2%202%200%200%200%201%201.73l7%204a2%202%200%200%200%202%200l7-4A2%202%200%200%200%2021%2016z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%223.27%206.96%2012%2012.01%2020.73%206.96%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2212%22%20y1%3D%2222.08%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_bell {
  width: 20px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-bell%22%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_log-out {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-log-out%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2221%22%20y1%3D%2212%22%20x2%3D%229%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_chevron-down {
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_clock_timer {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-clock%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpolyline%20points%3D%2212%206%2012%2012%2016%2014%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}


i.ic_clock_draft_el {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url('data:image/svg+xml,\
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit">\
	<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>\
	<path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>\
	</svg>') no-repeat 50% 50%/contain
}

i.ic_clock_block_el {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url('data:image/svg+xml,\
	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-lock">\
	<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>\
	<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>\
	</svg>') no-repeat 50% 50%/contain
}


i.ic_eye {
  width: 44px;
  height: 34px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e0d5aa%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye%22%3E%3Cpath%20d%3D%22M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_eye-off {
  width: 39px;
  height: 39px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye-off%22%3E%3Cpath%20d%3D%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-7%200-11-8-11-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9.12%209.12%200%200%201%2012%204c7%200%2011%208%2011%208a18.5%2018.5%200%200%201-2.16%203.19m-6.72-1.07a3%203%200%201%201-4.24-4.24%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%221%22%20y1%3D%221%22%20x2%3D%2223%22%20y2%3D%2223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

@media screen and (max-width: 1199px) {
  i.ic_eye-off {
    width: 34px;
    height: 34px
  }
}

i.ic_close {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23927400%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_frown {
  width: 27px;
  height: 27px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-frown%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M16%2016s-1.5-2-4-2-4%202-4%202%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%229.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2215%22%20y1%3D%229%22%20x2%3D%2215.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_smile {
  width: 27px;
  height: 27px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-smile%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M8%2014s1.5%202%204%202%204-2%204-2%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%229.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2215%22%20y1%3D%229%22%20x2%3D%2215.01%22%20y2%3D%229%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}


.active i.ic_grid {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ff5f59%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-grid%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3C%2Fsvg%3E ") no-repeat 50% 50%/contain
}

.active i.ic_list {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ff5f59%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-list%22%3E%3Cline%20x1%3D%228%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2218%22%20x2%3D%2221%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%223.01%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%223.01%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2218%22%20x2%3D%223.01%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E ") no-repeat 50% 50%/contain
}

.active i.ic_calendar2 {
  width: 28px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ff5f59%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E ") no-repeat 50% 50%/contain
}


i.ic_grid {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a8a8a8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-grid%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%3E%3C%2Frect%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_list {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a8a8a8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-list%22%3E%3Cline%20x1%3D%228%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%2218%22%20x2%3D%2221%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%223.01%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%223.01%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2218%22%20x2%3D%223.01%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_calendar2 {
  width: 28px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a8a8a8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_maximize {
  width: 21px;
  height: 21px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-maximize-2%22%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%229%2021%203%2021%203%2015%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2221%22%20y1%3D%223%22%20x2%3D%2214%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_chevron-right {
  width: 25px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23898989%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_chevron-right-2 {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23898989%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevrons-right%22%3E%3Cpolyline%20points%3D%2213%2017%2018%2012%2013%207%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%226%2017%2011%2012%206%207%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_info {
  min-width: 23px;
  width: 23px;
  height: 23px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_bell_tab {
  width: 18px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-bell%22%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_close_tab {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_message {
  width: 51px;
  height: 51px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-message-square%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H7l-4%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_zap {
  width: 50px;
  height: 56px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256%22%20height%3D%2256%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-zap%22%3E%3Cpolygon%20points%3D%2213%202%203%2014%2012%2014%2011%2022%2021%2010%2012%2010%2013%202%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_shield {
  width: 48px;
  height: 60px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-shield%22%3E%3Cpath%20d%3D%22M12%2022s8-4%208-10V5l-8-3-8%203v7c0%206%208%2010%208%2010z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_check {
  width: 22px;
  height: 23px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2368c100%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check-circle%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_edit {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b3b3b3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-edit-3%22%3E%3Cpath%20d%3D%22M12%2020h9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16.5%203.5a2.121%202.121%200%200%201%203%203L7%2019l-4%201%201-4L16.5%203.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_align {
  width: 28px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-align-left%22%3E%3Cline%20x1%3D%2217%22%20y1%3D%2210%22%20x2%3D%223%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2221%22%20y1%3D%226%22%20x2%3D%223%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2221%22%20y1%3D%2214%22%20x2%3D%223%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2217%22%20y1%3D%2218%22%20x2%3D%223%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_sidebar {
  width: 26px;
  height: 26px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-sidebar%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%229%22%20y1%3D%223%22%20x2%3D%229%22%20y2%3D%2221%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_star {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-star%22%3E%3Cpolygon%20points%3D%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_corner-down-right {
  width: 28px;
  height: 34px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-corner-down-right%22%3E%3Cpolyline%20points%3D%2215%2010%2020%2015%2015%2020%22%3E%3C%2Fpolyline%3E%3Cpath%20d%3D%22M4%204v7a4%204%200%200%200%204%204h12%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_layers {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-layers%22%3E%3Cpolygon%20points%3D%2212%202%202%207%2012%2012%2022%207%2012%202%22%3E%3C%2Fpolygon%3E%3Cpolyline%20points%3D%222%2017%2012%2022%2022%2017%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%222%2012%2012%2017%2022%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_users {
  width: 32px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-users%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}


.talks_plan i.ic_users {
  width: 32px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-users%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
}


.talks_plan .section__title {
  background-image: -o-repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(0, 0, 0, 1) 6px, rgba(0, 0, 0, 1) 6px);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(0, 0, 0, 1) 6px, rgba(0, 0, 0, 1) 6px);
}

i.ic_user {
  width: 25px;
  height: 29px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-user%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_lock {
  width: 15px;
  height: 17px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-lock%22%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2218%22%20height%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_filter {
  width: 27px;
  height: 25px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-filter%22%3E%3Cpolygon%20points%3D%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

@media screen and (min-width: 1200px) {
  .container {
    padding-left: 40px;
    padding-right: 40px
  }
}

.container {
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .container {
    padding-left: 15px;
    padding-right: 15px
  }
}

.main-page__inner {
  margin-top: 105px;
  padding-top: 55px
}

@media screen and (max-width: 991px) {
  .main-page__inner {
    padding-top: 40px
  }
}

@media screen and (max-width: 767px) {
  .main-page__inner {
    margin-top: 80px;
    padding-top: 30px
  }
}

.main .fix_del,
.main .fix_send {
  width: 100%;
  height: 110px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 45px 30px 60px;
  background-color: #68c100;
  z-index: 200
}

@media screen and (max-width: 767px) {

  .main .fix_del,
  .main .fix_send {
    height: auto;
    min-height: 80px;
    padding: 10px 15px 10px 15px
  }
}

.main .fix_del > div,
.main .fix_send > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media screen and (max-width: 767px) {

  .main .fix_del > div,
  .main .fix_send > div {
    padding-right: 10px
  }
}

.main .fix_del > div span,
.main .fix_send > div span {
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px
}

@media screen and (max-width: 767px) {

  .main .fix_del > div span,
  .main .fix_send > div span {
    font-size: 18px;
    line-height: 18px
  }
}

.main .fix_del > div p,
.main .fix_send > div p {
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-top: 10px
}

@media screen and (max-width: 767px) {

  .main .fix_del > div p,
  .main .fix_send > div p {
    font-size: 14px;
    line-height: 14px
  }
}

.main .fix_del > .progress,
.main .fix_send > .progress {
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .17);
  -webkit-animation: progress_width 3s;
  animation: progress_width 3s;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.main .fix_del i.ic_close_tab,
.main .fix_send i.ic_close_tab {
  min-width: 30px;
  height: 30px;
  cursor: pointer
}

.main .fix_del i.ic_check,
.main .fix_send i.ic_check {
  min-width: 44px;
  height: 44px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check-circle%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 30px
}

@media screen and (max-width: 767px) {

  .main .fix_del i.ic_check,
  .main .fix_send i.ic_check {
    min-width: 30px;
    height: 30px;
    margin-right: 10px
  }
}

@-webkit-keyframes progress_width {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@keyframes progress_width {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

.hide_student {
  display: none !important;
}

.sidebar {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all
}

.sidebar__inner {
  width: 276px;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: -.5px 10px 14.4px 3.6px rgba(0, 0, 0, .09);
  box-shadow: -.5px 10px 14.4px 3.6px rgba(0, 0, 0, .09);
  overflow-y: auto;
  padding: 105px 0
}

@media screen and (max-width: 991px) {
  .sidebar__inner {
    width: 230px
  }
}

@media screen and (max-width: 767px) {
  .sidebar__inner {
    padding: 80px 0
  }
}

.sidebar > span {
  width: 30px;
  height: 25px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 120px;
  left: -25px;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

@media screen and (max-width: 991px) {
  .sidebar > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.sidebar > span i {
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-minimize-2%22%3E%3Cpolyline%20points%3D%224%2014%2010%2014%2010%2020%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2220%2010%2014%2010%2014%204%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2214%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.sidebar h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 20px
}

@media screen and (max-width: 991px) {
  .sidebar h5 {
    font-size: 14px;
    margin-bottom: 10px
  }
}

.sidebar h5 a {
  display: block;
  color: #999999;
  border-bottom: 1px solid;
  font-family: "AeonikPro", sans-serif;
  font-size: 13px;
  line-height: 12px;
  text-decoration: none;
  text-transform: none;
  margin-left: 10px
}

.sidebar__blockinfo {
  padding: 32px 20px
}

.sidebar__blockinfo-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.sidebar__blockinfo-caption p {
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px;
  color: #000
}

@media screen and (max-width: 991px) {
  .sidebar__blockinfo-caption p {
    font-size: 14px
  }
}

.sidebar__blockinfo-caption p + p::before {
  content: '/';
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px;
  color: #999999;
  margin-left: 7px;
  margin-right: 7px
}

@media screen and (max-width: 991px) {
  .sidebar__blockinfo-caption p + p::before {
    font-size: 14px
  }
}

.sidebar__blockinfo-caption + h5 {
  margin-top: 35px
}

.sidebar__blockinfo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sidebar__blockinfo-link a {
  display: block;
  color: #999999;
  border-bottom: 1px solid;
  font-family: "AeonikPro", sans-serif;
  font-size: 13px;
  line-height: 12px;
  text-decoration: none
}

.sidebar__blockinfo-link a + a {
  margin-left: 20px
}

.sidebar__blockinfo-number div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: var(--color-main);
  font-family: "AeonikPro", sans-serif;
  font-size: 90px;
  line-height: 90px
}

.sidebar__blockinfo-number div span {
  display: block;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  margin-left: 5px
}

.sidebar__blockinfo-number p {
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 15px;
  line-height: 20px
}

@media screen and (max-width: 991px) {
  .sidebar__blockinfo-number p {
    font-size: 14px
  }
}

.sidebar__blockinfo > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 19px
}

@media screen and (max-width: 991px) {
  .sidebar__blockinfo > span {
    font-size: 14px
  }
}

.sidebar__blockinfo > span.sp_color {
  color: #7bbb36
}

.sidebar__blockinfo > span i {
  margin-right: 10px
}

.sidebar__blockinfo > span + span {
  margin-top: 10px
}

.sidebar__blockinfo-swiper {
  max-width: 200px;
  margin-left: 0;
  padding-top: 35px
}

.sidebar__blockinfo-slide p {
  width: 100%;
  height: 100%;
  max-height: 75px;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 15px;
  line-height: 19px;
  overflow: hidden
}

@media screen and (max-width: 991px) {
  .sidebar__blockinfo-slide p {
    font-size: 14px
  }
}

.sidebar__blockinfo-slide span {
  display: inline-block;
  border-bottom: 1px solid;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 13px;
  line-height: 13px;
  cursor: pointer;
  margin-top: 10px
}

.sidebar__blockinfo-slide span.btn_collapse {
  display: none
}

.sidebar__blockinfo-slide > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}

.sidebar__blockinfo-slide > div div {
  text-align: left
}

.sidebar__blockinfo-slide > div div p {
  font-family: "AeonikPro", sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #000
}

@media screen and (max-width: 991px) {
  .sidebar__blockinfo-slide > div div p {
    font-size: 14px;
    line-height: 18px
  }
}

.sidebar__blockinfo-slide > div div p + p {
  margin-top: 5px
}

.sidebar__blockinfo-slide > div div + div {
  margin-left: 10px
}

@media screen and (max-width: 991px) {
  .sidebar__blockinfo-slide > div div + div {
    margin-left: 5px
  }
}

.sidebar__blockinfo-slide > div div:first-child {
  width: 50px;
  text-align: right
}

.sidebar__blockinfo-slide > div div:first-child p {
  color: #999999
}

.sidebar__blockinfo-slide.open span.btn_collapse {
  display: inline-block
}

.sidebar__blockinfo-slide.open span.btn_expand {
  display: none
}

.sidebar__blockinfo-slide.open p {
  max-height: 100%
}

.sidebar__blockinfo-pagination {
  bottom: auto;
  top: 0;
  text-align: left;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-weight: 700
}

.sidebar__blockinfo-next,
.sidebar__blockinfo-prev {
  width: 8px;
  height: 14px;
  top: 3px;
  right: auto;
  left: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 0
}

.sidebar__blockinfo-next {
  right: auto;
  left: 85px;
  background-image: url(/assets/frontend/img/sidebar/arrow_left.png);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sidebar__blockinfo-next:hover {
  -webkit-transform: rotate(180deg) scale(1.3);
  -ms-transform: rotate(180deg) scale(1.3);
  transform: rotate(180deg) scale(1.3)
}

.sidebar__blockinfo-prev {
  left: 65px;
  background-image: url(/assets/frontend/img/sidebar/arrow_left.png)
}

.sidebar__blockinfo-prev:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3)
}

.sidebar__blockinfo + .sidebar__blockinfo {
  border-top: 1px solid #dbdbdb
}

.sidebar.show {
  right: -230px
}

.sidebar.show > span i {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-maximize-2%22%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%229%2021%203%2021%203%2015%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2221%22%20y1%3D%223%22%20x2%3D%2214%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.dashboard {
  width: calc(100% + 276px);
  background-color: #e21736;
  padding: 170px 0
}

@media screen and (max-width: 991px) {
  .dashboard {
    width: 100%;
    padding: 140px 0
  }
}

@media screen and (max-width: 767px) {
  .dashboard {
    padding: 115px 0 0
  }
}

.dashboard__wrapper {
  padding-right: 276px
}

@media screen and (max-width: 991px) {
  .dashboard__wrapper {
    padding-right: 0
  }
}

.dashboard__header {
  width: 100%;
  height: 105px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 14.4px 3.6px rgba(0, 0, 0, .06);
  box-shadow: 0 10px 14.4px 3.6px rgba(0, 0, 0, .06);
  z-index: 150
}

@media screen and (max-width: 1199px) {
  .dashboard__header {
    padding: 0
  }
}

@media screen and (max-width: 767px) {
  .dashboard__header {
    height: 80px
  }
}

.dashboard__header .container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.dashboard__header-logo {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 60px
}

@media screen and (max-width: 96px) {
  .dashboard__header-logo {
    margin-right: 50px
  }
}

@media screen and (max-width: 1199px) {
  .dashboard__header-logo {
    margin-right: 20px
  }
}

@media screen and (max-width: 767px) {
  .dashboard__header-logo {
    display: none
  }
}

.dashboard__header-logo a {
  width: 120px;
}

.dashboard__header-logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}


.dashboard__header-vhod {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.dashboard__header-vhod-foto {
  width: 79px;
  height: 55px;
  position: relative;
  background-color: var(--color-main);
  border: 2px solid #fff;
  border-radius: 10px;
  margin-right: 50px
}

@media screen and (max-width: 1199px) {
  .dashboard__header-vhod-foto {
    width: 60px;
    margin-right: 35px
  }
}

.dashboard__header-vhod-foto > img {
  width: 55px;
  height: 55px;
  position: absolute;
  top: -2.5px;
  right: -30px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid #fff;
  border-radius: 10px;
  overflow: hidden
}

.dashboard__header-vhod-foto a {
  text-decoration: none;
  color: #000
}

.dashboard__header-vhod-foto .alerts {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding-top: 10px;
  padding-right: 20px;
  cursor: pointer
}

.dashboard__header-vhod-foto .alerts > p {
  position: relative;
  background-color: var(--color-main);
  color: white;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  z-index: 1;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
}

.dashboard__header-vhod-foto .alerts > i {
  position: absolute;
  top: 19px;
  left: 17px
}

@media screen and (max-width: 1199px) {
  .dashboard__header-vhod-foto .alerts > i {
    left: 8px
  }
}

.dashboard__header-vhod-foto .alerts__menu {
  width: 435px;
  max-height: 650px;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
  box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
  z-index: 10;
  overflow-y: auto
}

@media screen and (max-width: 1199px) {
  .dashboard__header-vhod-foto .alerts__menu {
    max-height: 350px
  }
}

@media screen and (max-width: 767px) {
  .dashboard__header-vhod-foto .alerts__menu {
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu {
    width: 300px;
    right: 0;
    -webkit-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translateX(60%)
  }
}

.dashboard__header-vhod-foto .alerts__menu-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 25px 35px 30px
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu-top {
    padding: 25px 15px 35px 15px
  }
}

.dashboard__header-vhod-foto .alerts__menu-top h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu-top h2 {
    font-size: 18px;
    line-height: 18px
  }
}

.dashboard__header-vhod-foto .alerts__menu-top i {
  cursor: pointer
}

.dashboard__header-vhod-foto .alerts__menu-top i + i {
  margin-left: 20px
}

.dashboard__header-vhod-foto .alerts__menu-block {
  position: relative;
  border-top: 1px solid #d8d8d8;
  padding: 20px 0
}

.dashboard__header-vhod-foto .alerts__menu-block-naw {
  border-top: 1px solid var(--color-main)
}

.dashboard__header-vhod-foto .alerts__menu-block-naw .alerts__menu-time {
  background-color: var(--color-main)
}

.dashboard__header-vhod-foto .alerts__menu-block ul li {
  padding: 15px 45px 15px 30px
}

.dashboard__header-vhod-foto .alerts__menu-block ul li p {
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #0f1820;
  margin-bottom: 10px
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu-block ul li p {
    font-size: 12px;
    line-height: 14px
  }
}

.dashboard__header-vhod-foto .alerts__menu-block ul li p a {
  color: #0f1820;
  text-decoration: underline;
}

.dashboard__header-vhod-foto .alerts__menu-block ul li p span {
  color: black;
  font-size: 16px;
  padding-top: 5px;
  font-family: "AeonikPro", sans-serif;
}

.dashboard__header-vhod-foto .alerts__menu-block ul li span {
  display: block;
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px
}

.dashboard__header-vhod-foto .alerts__menu-block ul li + li {
  border-top: 1px solid #d8d8d8
}

.dashboard__header-vhod-foto .alerts__menu-time {
  height: 24px;
  position: absolute;
  top: -12px;
  left: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #999999;
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
  color: white;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  text-transform: uppercase;
  padding: 5px 20px 5px 30px
}

.dashboard__header-vhod-foto .alerts__menu2 {
  display: none;
  width: 435px;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
  box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .14);
  padding: 25px 25px 55px 30px;
  z-index: 10
}

@media screen and (max-width: 767px) {
  .dashboard__header-vhod-foto .alerts__menu2 {
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu2 {
    width: 300px;
    right: 0;
    -webkit-transform: translateX(60%);
    -ms-transform: translateX(60%);
    transform: translateX(60%);
    padding: 25px
  }
}

.dashboard__header-vhod-foto .alerts__menu2-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.dashboard__header-vhod-foto .alerts__menu2-top h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu2-top h2 {
    font-size: 18px;
    line-height: 18px
  }
}

.dashboard__header-vhod-foto .alerts__menu2-top i {
  cursor: pointer
}

.dashboard__header-vhod-foto .alerts__menu2-top i + i {
  margin-left: 20px
}

.dashboard__header-vhod-foto .alerts__menu2-content {
  text-align: center;
  margin-top: 25px
}

.dashboard__header-vhod-foto .alerts__menu2-content img {
  width: 250px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 30px
}

.dashboard__header-vhod-foto .alerts__menu2-content h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 20px
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu2-content h2 {
    font-size: 18px;
    line-height: 18px
  }
}

.dashboard__header-vhod-foto .alerts__menu2-content p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 18px
}

@media screen and (max-width: 576px) {
  .dashboard__header-vhod-foto .alerts__menu2-content p {
    font-size: 12px;
    line-height: 14px
  }
}

.dashboard__header-vhod-foto.bg {
  background-color: #e2e2e2
}

.dashboard__header-vhod-foto.bg .alerts > p {
  display: none
}

.dashboard__header-vhod-status p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 1199px) {
  .dashboard__header-vhod-status p {
    font-size: 16px
  }
}

.dashboard__header-vhod-status p a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 10px
}

.dashboard__header-vhod-status div {
  position: relative;
  margin-top: 5px
}

.dashboard__header-vhod-status div .dolznost_link {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer
}

.dashboard__header-vhod-status div .dolznost_link-active {
  position: relative
}

.dashboard__header-vhod-status div .dolznost_link-arrow {
  width: 19px;
  height: 14px;
  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%;
  right: -25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--color-main);
  border-radius: 5px;
  z-index: -1
}

.dashboard__header-vhod-status div .dolznost_link-arrow i.ic_chevron-down {
  width: 14px;
  height: 14px
}

.dashboard__header-vhod-status div .dolznost_link > ul {
  display: none;
  position: absolute;
  top: 135%;
  left: -20px;
  width: 190px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
  box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
  padding: 20px 25px
}

.dashboard__header-vhod-status div .dolznost_link > ul li {
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  color: #0f1820;
  cursor: pointer
}

.dashboard__header-vhod-status div .dolznost_link > ul li.active {
  color: #969696
}

.dashboard__header-vhod-status div .dolznost_link > ul li + li {
  margin-top: 15px
}

.dashboard__header-vhod-status div .dolznost_link.show > ul {
  display: block
}

.dashboard__header-vhod-status div .dolznost_link.show .ic_chevron-down {
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important
}

.dashboard__header-vhod-foto.show .alerts__menu {
  display: block
}

.dashboard__header-vhod-foto.show .alerts__menu2 {
  display: none
}

.dashboard__header-vhod-foto.not_message.show .alerts__menu {
  display: none
}

.dashboard__header-vhod-foto.not_message.show .alerts__menu2 {
  display: block
}

.dashboard__header-vhod-foto.not_message .alerts > i {
  top: 16px
}

.dashboard__content > h2 {
  color: #fffefe;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 40px
}

@media screen and (max-width: 767px) {
  .dashboard__content > h2 {
    font-size: 30px;
    line-height: 36px
  }
}

.dashboard__content > p {
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px
}

@media screen and (max-width: 767px) {
  .dashboard__content > p {
    font-size: 16px;
    line-height: 18px
  }
}

.dashboard__content > h2 + p {
  margin-top: 10px
}

.dashboard__content p + .dashboard__study {
  margin-top: 55px
}

@media screen and (max-width: 767px) {
  .dashboard__content p + .dashboard__study {
    margin-top: 35px
  }
}

.dashboard__study {
  height: 130px;
}

@media screen and (max-width: 1199px) {
  .dashboard__study {
    max-width: 475px
  }
}

@media screen and (max-width: 767px) {
  .dashboard__study {
    max-width: 100%;
    height: auto;
    padding: 40px 0 20px
  }
}

.dashboard__study-left {
  padding-left: 25px;
  height: 100%
}

@media screen and (max-width: 767px) {
  .dashboard__study-left {
    min-width: 90px;
    padding-left: 15px
  }
}


@media screen and (max-width: 767px) {
  .dashboard__study-right {
    padding-right: 15px
  }
}

.dashboard__study-right p {
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 10px
}

@media screen and (max-width: 1199px) {
  .dashboard__study-right p {
    font-size: 18px
  }
}

.dashboard__study-right span {
  color: #4f4f4f;
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 20px
}

@media screen and (max-width: 1199px) {
  .dashboard__study-right span {
    font-size: 16px
  }
}

.dashboard__study > a {
  width: 132px;
  height: 41px;
  position: absolute;
  top: 0;
  right: 0;
  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;
  background-color: #ededed;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 15px;
  text-decoration: none
}

@media screen and (max-width: 1199px) {
  .dashboard__study > a {
    width: 115px;
    height: 35px
  }
}

.dashboard__study > a i {
  margin-left: 13px
}

@media screen and (max-width: 1199px) {
  .dashboard__study > a i {
    margin-left: 8px
  }
}

.dashboard__study > span {
  max-width: 140px;
  position: absolute;
  top: 50px;
  right: -160px;
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-size: 15px;
  line-height: 18px;
  padding-left: 15px
}

@media screen and (max-width: 767px) {
  .dashboard__study > span {
    display: none
  }
}

.dashboard__study > span i {
  width: 37px;
  height: 22px;
  display: inline-block;
  background: url(/assets/frontend/img/dashboard/right.png) no-repeat center center;
  background-size: cover;
  margin-left: -20px;
  margin-top: 5px
}


@media screen and (max-width: 767px) {
  .dashboard__study + .dashboard__study {
    margin-top: 25px
  }
}

.authorization {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}

.authorization__wrap {
  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;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
  /*background: linear-gradient(to top, var(--color-main), var(--color-secondary));*/
  background:
          url(/assets/img/flowers/flower_1.png) no-repeat left bottom,
          url(/assets/img/flowers/flower_5.png) no-repeat right bottom ,
          linear-gradient(-10deg, var(--color-main), var(--color-secondary));
  background-size: 30% auto, 30% auto, cover;
  /*background-color: var(--color-secondary);
  background-image: url('/assets/img/flowers/bg1.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;*/

}

.authorization__account {
  max-width: 400px;
  min-width: 400px;
  position: relative;
  background: #fff;
  border-radius: 20px;
  margin: 0 auto;
  border: 5px solid white;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media screen and (max-width: 576px) {
  .authorization__account {
    max-width: 320px;
    min-width: 320px
  }
}

.authorization__account-top {
  width: 100%;


}

.authorization__account-top p {
  color: #404040;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 20px
}

.authorization__account-inp {
  border: 1px solid #999999;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  margin: 1px
}

.authorization__account-inp input {
  width: 100%;
  height: 50px;
  border: none;
  outline: 0;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 19px;
  line-height: 20px;
  padding: 0 25px
}

.authorization__account-inp input::-webkit-input-placeholder {
  color: rgba(141, 141, 141, .59)
}

.authorization__account-inp input::-moz-placeholder {
  color: rgba(141, 141, 141, .59)
}

.authorization__account-inp input:-ms-input-placeholder {
  color: rgba(141, 141, 141, .59)
}

.authorization__account-inp input::-ms-input-placeholder {
  color: rgba(141, 141, 141, .59)
}

.authorization__account-inp input::placeholder {
  color: rgba(141, 141, 141, .59)
}

.authorization__account-inp input + input {
  border-top: 1px solid #999999
}

.authorization__account-bot {
  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
}

@media screen and (max-width: 576px) {
  .authorization__account-bot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.authorization__account-bot .lab_cont {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: block;
  position: relative;
  color: rgba(141, 141, 141, .59);
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 22px;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0
}

.authorization__account-bot .lab_cont:hover {
  color: #999999
}

.authorization__account-bot .lab_cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.authorization__account-bot .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #999999;
  border-radius: 5px
}

.authorization__account-bot .lab_cont:hover input ~ .checkmark {
  background-color: #999999
}

.authorization__account-bot .lab_cont input:checked ~ .checkmark {
  background-color: #fff
}

.authorization__account-bot .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.authorization__account-bot .lab_cont input:checked ~ .checkmark:after {
  display: block
}

.authorization__account-bot .lab_cont .checkmark:after {
  left: 11px;
  top: -5px;
  width: 7px;
  height: 17px;
  border: solid #e21736;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.authorization__account-bot > a {
  color: rgba(141, 141, 141, .59);
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 22px;
  text-decoration: none
}

@media screen and (max-width: 576px) {
  .authorization__account-bot > a {
    margin-top: 20px
  }
}

.authorization__account-bot > a:hover {
  color: #999999
}

.authorization__account-bottom {
  width: 400px;
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 20px;
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 16px;
  padding: 20px 20px;
  margin-top: 65px;
  margin-bottom: 100px
}

.authorization__account-bottom p {
  text-align: center
}

.authorization__account-bottom p + p {
  margin-top: 5px
}

.authorization__account-menu {
  display: block;
  margin-top: 30px
}

.authorization__account-menu ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none
}

.authorization__account-menu ul li a i {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/assets/frontend/img/autorization/arrow-right.svg) no-repeat 50% 50%/contain;
  margin-right: 15px
}

.authorization__account-menu ul li + li {
  margin-top: 10px
}

.authorization__account-menu_arrow {
  width: 138px;
  height: 30px;
  position: absolute;
  bottom: -33px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(/assets/frontend/img/autorization/figura.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 5px;
  z-index: 10;
  cursor: pointer
}

.authorization__account-menu_arrow i {
  width: 17px;
  height: 11px;
  display: inline-block;
  position: absolute;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/assets/frontend/img/autorization/chevron-up.png) no-repeat center center;
  background-size: contain
}

.authorization__account.poll_auth_show .authorization__account-two {
  height: auto;
  opacity: 1
}

.authorization__account.poll_auth_show .authorization__account-two .chosen-container {
  display: inline-block
}

.authorization__account.show .authorization__account-one {
  display: none
}

.authorization__account-two {
  height: 0;
  opacity: 0
}

.authorization__account-two_desc {
  padding: 30px;
  border-bottom: 1px solid #999999
}

.authorization__account-two_desc h2 {
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px
}

.authorization__account-two_desc p {
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px
}

.authorization__account-two_desc h2 + p {
  margin-top: 20px
}

.authorization__account-two_desc p + p {
  margin-top: 25px
}

.authorization__account-two_slider {
  padding: 30px 5px
}

.authorization__account-two_slider h4 {
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 20px
}

.authorization__account-two_slider h4 span:first-child {
  margin-left: 10px
}

.authorization__account-two_slider p {
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 20px
}

.authorization__account-two_slider textarea {
  width: 100%;
  height: 79px;
  background-color: #fff;
  border: 1px solid #999999;
  border-radius: 5px;
  outline: 0;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  padding: 15px;
  resize: none
}

.authorization__account-two_slider textarea::-webkit-input-placeholder {
  color: rgba(141, 141, 141, .6)
}

.authorization__account-two_slider textarea::-moz-placeholder {
  color: rgba(141, 141, 141, .6)
}

.authorization__account-two_slider textarea:-ms-input-placeholder {
  color: rgba(141, 141, 141, .6)
}

.authorization__account-two_slider textarea::-ms-input-placeholder {
  color: rgba(141, 141, 141, .6)
}

.authorization__account-two_slider textarea::placeholder {
  color: rgba(141, 141, 141, .6)
}

.authorization__account-two_slider .slick-list {
  overflow: initial
}

.authorization__account-two_slider .slick-dots {
  bottom: auto;
  top: -8px;
  right: 25px;
  width: auto
}

.authorization__account-two_slider .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 2px
}

.authorization__account-two_slider .slick-dots li button {
  width: 100%;
  height: 100%;
  background-color: #999999;
  border-radius: 50%
}

.authorization__account-two_slider .slick-dots li button::before {
  display: none
}

.authorization__account-two_slider .slick-dots li.slick-active button {
  background-color: #e21736
}

.authorization__account-two_slider .slick-dotted.slick-slider {
  margin-bottom: 0
}

.authorization__account-two_slider .slick-arrow {
  display: none !important
}

.authorization__account-two .slick-initialized .slick-slide {
  height: 0;
  min-height: 200px
}

.authorization__account-two .slick-initialized .slick-slide.slick-active {
  height: auto
}

.authorization__account-one {
  display: block;
  position: relative;
  padding: 30px
}

.authorization__account-one > button {
  width: 100%;
  height: 55px;
  border: none;
  background-color: var(--color-main);
  border-radius: 20px;
  color: white;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  outline: 0;
  margin-top: 20px;
  cursor: pointer;
  transition: .2s;
}
.authorization__account-one > button:hover{background-color: var(--color-third)}

.authorization__account-one.show .authorization__account-menu {
  display: none
}

.authorization__account-one.show .authorization__account-menu_arrow i {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
}

.authorization__account.error .authorization__account-inp {
  border: 2px solid #e21736;
  margin: 0
}

.authorization__account-pagination {
  top: 0;
  left: auto !important;
  right: 0;
  bottom: auto !important;
  text-align: right
}

.authorization__account-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #999999
}

.authorization__account-pagination .swiper-pagination-bullet-active {
  background-color: #e21736
}

.authorization__account-slide {
  outline: 0;
  margin: 0 25px
}


.authorization__account-slide > button {
  width: 100%;
  height: 55px;
  border: none;
  background-color: var(--color-main);
  border-radius: 20px;
  color: #0f0f0f;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  outline: 0;
  margin-top: 12px;
  margin-bottom: 0;
  cursor: pointer
}

.authorization__account-slide > button.slick__btn-next {
  color: var(--color-main);
  background-color: #fff;
  border: 4px solid var(--color-main)
}

.red-circle-q {
  color: #f4bd05 !important
}

.authorization__account-slide.slick-active {
  opacity: 1
}

.authorization__account-slide.slick-active .chosen-container {
  display: inline-block
}

.authorization__account-slide.slick-active .chosen-container-single .chosen-single div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25px
}

.authorization__account-slide.slick-active .chosen-container-single .chosen-single div b {
  width: 17px;
  height: 9px;
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-size: cover !important
}

.authorization__account-slide.slick-active .chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-position: 0 0 !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.authorization .fix_del,
.authorization .fix_send {
  width: 100%;
  height: 110px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 45px 30px 60px;
  background-color: #68c100;
  z-index: 200
}

@media screen and (max-width: 767px) {

  .authorization .fix_del,
  .authorization .fix_send {
    height: auto;
    min-height: 80px;
    padding: 10px 15px 10px 15px
  }
}

.authorization .fix_del > div,
.authorization .fix_send > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media screen and (max-width: 767px) {

  .authorization .fix_del > div,
  .authorization .fix_send > div {
    padding-right: 10px
  }
}

.authorization .fix_del > div span,
.authorization .fix_send > div span {
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px
}

@media screen and (max-width: 767px) {

  .authorization .fix_del > div span,
  .authorization .fix_send > div span {
    font-size: 18px;
    line-height: 18px
  }
}

.authorization .fix_del > div p,
.authorization .fix_send > div p {
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-top: 10px
}

@media screen and (max-width: 767px) {

  .authorization .fix_del > div p,
  .authorization .fix_send > div p {
    font-size: 14px;
    line-height: 14px
  }
}

.authorization .fix_del > .progress,
.authorization .fix_send > .progress {
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .17);
  -webkit-animation: progress_width 3s;
  animation: progress_width 3s;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.authorization .fix_del i.ic_close_tab,
.authorization .fix_send i.ic_close_tab {
  min-width: 30px;
  height: 30px;
  cursor: pointer
}

.authorization .fix_del i.ic_check,
.authorization .fix_send i.ic_check {
  min-width: 44px;
  height: 44px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check-circle%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 30px
}

@media screen and (max-width: 767px) {

  .authorization .fix_del i.ic_check,
  .authorization .fix_send i.ic_check {
    min-width: 30px;
    height: 30px;
    margin-right: 10px
  }
}

.authorization .fix_del i.ic_alert,
.authorization .fix_send i.ic_alert {
  min-width: 44px;
  height: 44px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-alert-octagon%22%3E%3Cpolygon%20points%3D%227.86%202%2016.14%202%2022%207.86%2022%2016.14%2016.14%2022%207.86%2022%202%2016.14%202%207.86%207.86%202%22%3E%3C%2Fpolygon%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212.01%22%20y2%3D%2216%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 30px
}

@media screen and (max-width: 767px) {

  .authorization .fix_del i.ic_alert,
  .authorization .fix_send i.ic_alert {
    min-width: 30px;
    height: 30px;
    margin-right: 10px
  }
}

.authorization .fix_send {
  background-color: #cf5a1b
}

.authorization .progress {
  margin-left: 0
}

.training__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width: 991px) {
  .training__top {
    position: relative
  }
}

@media screen and (max-width: 767px) {
  .training__top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.training__top-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 767px) {
  .training__top-left {
    -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
  }
}

.training__top-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.training__top-right > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer
}

.training__top-right > div + span {
  margin-left: 30px
}

@media screen and (max-width: 576px) {
  .training__top-right > div + span {
    margin-left: 0
  }
}

.training__top-right > span + span {
  margin-left: 25px
}

@media screen and (max-width: 576px) {
  .training__top-right > span + span {
    margin-left: 10px
  }
}

.training__nav {
  height: 47px;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 5px;
  margin-left: 35px
}

@media screen and (max-width: 1199px) {
  .training__nav {
    margin-left: 20px
  }
}

@media screen and (max-width: 767px) {
  .training__nav {
    margin-left: 0;
    margin-top: 20px
  }
}

@media screen and (max-width: 1199px) {
  .training__nav .nav-item {
    height: 100%
  }
}

.training__nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  padding: 9px 21px
}

@media screen and (max-width: 1199px) {
  .training__nav-link {
    height: 100%;
    font-size: 16px;
    line-height: 16px;
    padding: 9px 15px
  }
}

@media screen and (max-width: 576px) {
  .training__nav-link {
    font-size: 14px;
    line-height: 14px;
    padding: 5px 5px
  }
}

.training__nav a {
  color: #969696
}

.training__nav .training__nav-link {
  border-radius: 10px
}

.training__nav .training__nav-link.active {
  background-color: var(--color-main);
  color: white;
}

.training__content-tab {
  margin-top: 50px
}

@media screen and (max-width: 991px) {
  .training__content-tab {
    margin-top: 90px
  }
}

@media screen and (max-width: 767px) {
  .training__content-tab {
    margin-top: 40px
  }
}

.training__card {
  height: 216px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 55px
}

@media screen and (max-width: 576px) {
  .training__card {
    height: 180px;
    margin-bottom: 25px
  }
}

.training__card-section {
  position: relative;
  background-color: #f9f6ea;
  padding: 90px 0 50px;
  margin-top: 60px
}

@media screen and (max-width: 1199px) {
  .training__card-section {
    padding: 90px 0 0
  }
}

.training__card-section-fon {
  background-color: transparent
}

.training__card-section .btn__eye {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.training__card-section .btn__eye-off {
  display: none
}

.training__card-section .training__card-failed,
.training__card-section .training__card-performed {
  display: none
}

.training__card-section.open_more .btn__eye {
  display: none
}

.training__card-section.open_more .btn__eye-off {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.training__card-section.open_more .training__card-failed,
.training__card-section.open_more .training__card-performed {
  display: block
}

.training__card-section-bg {
  background-color: transparent;
  padding: 0 0 50px
}

@media screen and (max-width: 1199px) {
  .training__card-section-bg {
    padding: 0 0 50px
  }
}

@media screen and (max-width: 767px) {
  .training__card-section-bg {
    margin-top: 0
  }
}

.training__card-section-bg .training__card-wrap .btn__eye {
  color: #999999;
  opacity: .5
}

.training__card-section-bg i.ic_eye {
  width: 44px;
  height: 34px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238d8d8d%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye%22%3E%3Cpath%20d%3D%22M1%2012s4-8%2011-8%2011%208%2011%208-4%208-11%208-11-8-11-8z%22%3E%3C%2Fpath%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.training__card-section + .training__card-section {
  margin-top: 0
}

@media screen and (max-width: 1199px) {
  .training__card-wrap .training__card:nth-child(3n+1) {
    padding-right: 10px;
    padding-left: 0
  }

  .training__card-wrap .training__card:nth-child(3n+1) .training__card-status {
    left: 0
  }

  .training__card-wrap .training__card:nth-child(3n+2) {
    padding-right: 5px;
    padding-left: 5px
  }

  .training__card-wrap .training__card:nth-child(3n+2) .training__card-status {
    left: 5px
  }

  .training__card-wrap .training__card:nth-child(3n+3) {
    padding-left: 10px;
    padding-right: 0
  }

  .training__card-wrap .training__card:nth-child(3n+3) .training__card-status {
    left: 10px
  }
}

@media screen and (max-width: 991px) {
  .training__card-wrap .training__card:nth-child(3n+1) {
    padding-right: 0
  }

  .training__card-wrap .training__card:nth-child(3n+2) {
    padding-right: 0;
    padding-left: 0
  }

  .training__card-wrap .training__card:nth-child(3n+2) .training__card-status {
    left: 0
  }

  .training__card-wrap .training__card:nth-child(3n+3) {
    padding-left: 0
  }

  .training__card-wrap .training__card:nth-child(3n+3) .training__card-status {
    left: 0
  }
}

.training__card-wrap .row {
  margin-left: -15px;
  margin-right: -15px
}

@media screen and (max-width: 1199px) {
  .training__card-wrap .row {
    margin-left: 0;
    margin-right: 0
  }
}

.training__card-wrap .btn__eye {
  max-width: 136px;
  height: 216px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #e0d5aa;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  cursor: pointer;
  margin-left: 25px;
  margin-bottom: 55px
}

@media screen and (max-width: 1199px) {
  .training__card-wrap .btn__eye {
    font-size: 16px;
    line-height: 18px
  }
}

@media screen and (max-width: 991px) {
  .training__card-wrap .btn__eye {
    max-width: 100%;
    height: auto;
    -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-left: 0;
    margin-bottom: 50px
  }
}

.training__card-wrap .btn__eye i {
  margin-bottom: 15px
}

@media screen and (max-width: 991px) {
  .training__card-wrap .btn__eye i {
    margin-bottom: 0;
    margin-right: 15px
  }
}

.training__card-wrap .btn__eye-off {
  color: #999999;
  opacity: .5
}

.training__card-bg1 {
  background: url(/assets/frontend/img/training/card1.jpg) no-repeat center center;
  background-size: cover
}

.training__card-bg2 {
  background: url(/assets/frontend/img/training/card2.jpg) no-repeat center center;
  background-size: cover
}

.training__card-bg3 {
  background: url(/assets/frontend/img/training/card3.jpg) no-repeat center center;
  background-size: cover
}

.training__card-bg4 {
  background: url(/assets/frontend/img/training/card4.jpg) no-repeat center center;
  background-size: cover
}

.training__card-bg5 {
  background: url(/assets/frontend/img/training/card5.jpg) no-repeat center center;
  background-size: cover
}

.training__card-bg6 {
  background: url(/assets/frontend/img/training/card6.jpg) no-repeat center center;
  background-size: cover
}

.training__card-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 10px;
  padding: 20px 10px 20px 20px
}

.training__card-inner p {
  max-width: 500px;
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 27px;
  line-height: 27px;
  margin-bottom: 20px
}

@media screen and (max-width: 96px) {
  .training__card-inner p {
    font-size: 24px;
    line-height: 27px
  }
}

@media screen and (max-width: 1199px) {
  .training__card-inner p {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px
  }
}

@media screen and (max-width: 991px) {
  .training__card-inner p {
    max-width: 100%
  }
}

.training__card-scroll {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: scroll;
  overflow-y: hidden;
  cursor: context-menu
}

.training__card-scroll::-webkit-scrollbar {
  display: none
}

.training__card-scroll span.sp_title {
  height: 26px;
  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;
  background-color: var(--color-secondary);
  border-radius: 10px;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 7px 15px
}

@media screen and (max-width: 1199px) {
  .training__card-scroll span.sp_title {
    height: auto;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 10px
  }
}

.training__card-scroll span.sp_title-blue {
  background-color: var(--color-third);
}

.training__card-scroll span.sp_title-purple {
  background-color: #fd64f5
}

.training__card-scroll span.sp_title-green {
  background-color: #90ea47;
}

.training__card-scroll > span + span {
  margin-left: 26px
}

@media screen and (max-width: 1199px) {
  .training__card-scroll > span + span {
    margin-left: 10px
  }
}

.training__card-scroll > span {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, .8);
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}


@media screen and (max-width: 1199px) {
  .training__card-scroll > span {
    font-size: 14px;
    line-height: 16px
  }
}

.training__card-failed .training__card-inner,
.training__card-performed .training__card-inner {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  position: relative
}

.training__card-failed .training__card-inner::before,
.training__card-performed .training__card-inner::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(255, 255, 255, .7);
  position: absolute;
  top: 0;
  left: 0
}

.training__card-failed .training__card-status,
.training__card-performed .training__card-status {
  width: 185px;
  height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 20px;
  background-color: #f81c3a;
  border: 2px solid #f81c3a;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px
}

@media screen and (max-width: 1199px) {

  .training__card-failed .training__card-status,
  .training__card-performed .training__card-status {
    width: 170px;
    height: 40px;
    font-size: 16px;
    line-height: 16px
  }
}

.training__card-failed .training__card-status:hover p,
.training__card-performed .training__card-status:hover p {
  display: block
}

.training__card-failed .training__card-status i,
.training__card-performed .training__card-status i {
  margin-right: 15px
}

.training__card-failed .training__card-status p,
.training__card-performed .training__card-status p {
  display: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  bottom: -40px;
  left: -2px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 17px 4px rgba(0, 0, 0, .11);
  box-shadow: 0 0 17px 4px rgba(0, 0, 0, .11);
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 16px;
  padding: 15px 20px
}

@media screen and (max-width: 1199px) {

  .training__card-failed .training__card-status p,
  .training__card-performed .training__card-status p {
    font-size: 12px;
    line-height: 12px;
    padding: 10px 15px;
    bottom: -30px
  }
}

.training__card-performed .training__card-status {
  background-color: #68c100;
  border: 2px solid #68c100
}

.training__footer {
  background-color: #fff;
  -webkit-box-shadow: 0 -10px 14.4px 3.6px rgba(198, 198, 198, .24);
  box-shadow: 0 -10px 14.4px 3.6px rgba(198, 198, 198, .24);
  padding: 25px 0 35px;
}

.training__footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

@media screen and (max-width: 991px) {
  .training__footer-top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (max-width: 576px) {
  .training__footer-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.training__footer-top > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 576px) {
  .training__footer-top > div {
    -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
  }
}

.training__footer-top > div p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px
}

.training__footer-top > div p.p_aft {
  display: none
}

.training__footer-top > div select {
  margin-left: 30px;
  margin-right: 35px
}

.training__footer-top > div .chosen-container {
  width: 220px !important
}

@media screen and (max-width: 1199px) {
  .training__footer-top > div .chosen-container {
    width: 180px !important
  }
}

.training__footer-top > div > div {
  margin-left: 30px;
  margin-right: 35px
}

@media screen and (max-width: 1199px) {
  .training__footer-top > div > div {
    margin-left: 15px;
    margin-right: 15px
  }
}

@media screen and (max-width: 576px) {
  .training__footer-top > div > div {
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px
  }
}

.training__footer-top > div > div .chosen-single {
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px
}

@media screen and (max-width: 1199px) {
  .training__footer-top > div > div .chosen-single {
    font-size: 14px
  }
}

.training__footer-top > div > div .chosen-single > div {
  width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.training__footer-top > div > div .chosen-single > span {
  margin-right: 40px
}

.training__footer-top > div > div .chosen-single div b {
  width: 17px;
  height: 9px;
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-size: cover !important
}

@media screen and (max-width: 1199px) {
  .training__footer-top > div > div .chosen-results {
    font-size: 14px
  }
}

.training__footer-top > div .chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-position: 0 0 !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.training__footer-top > div > i {
  cursor: pointer
}

.training__footer-top > div.close_p p.p_aft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.training__footer-top > div.close_p p.p_bef {
  display: none
}

.training__footer-top > .wrap_p {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media screen and (max-width: 991px) {
  .training__footer-top > .wrap_p {
    display: none
  }
}

.training__footer-top > .wrap_p P {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

@media screen and (max-width: 1199px) {
  .training__footer-top > .wrap_p P {
    font-size: 14px;
    line-height: 14px
  }
}

.training__footer-top > .wrap_p P i.ic_close {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-left: 15px
}

.training__footer .chosen-drop {
  top: auto;
  bottom: 100%;
  border-radius: 4px;
  border-top: 1px solid #aaa
}

.training__footer .timelain {
  display: none
}

.training__footer.timelain_open .timelain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.training__footer.timelain_open i.ic_maximize {
  width: 21px;
  height: 21px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-minimize-2%22%3E%3Cpolyline%20points%3D%224%2014%2010%2014%2010%2020%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2220%2010%2014%2010%2014%204%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2214%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2221%22%20x2%3D%2210%22%20y2%3D%2214%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

html body .additional.container .additional__inner {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
  box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
  padding: 30px 30px 30px 210px
}

@media screen and (max-width: 96px) {
  .additional__inner {
    height: auto
  }
}

@media screen and (max-width: 1199px) {
  .additional__inner {
    padding: 30px 30px 30px 30px
  }
}

html body .additional.container .additional__inner h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  text-transform: none;
}

@media screen and (max-width: 767px) {
  .additional__inner h2 {
    font-size: 24px;
    line-height: 24px
  }
}

.additional__inner p {
  display: inline-block;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px
}

@media screen and (max-width: 96px) {
  .additional__inner p {
    font-size: 14px;
    line-height: 18px
  }
}

@media screen and (max-width: 1199px) {
  .additional__inner p {
    display: inline-block
  }
}

@media screen and (max-width: 576px) {
  .additional__inner p {
    font-size: 12px;
    line-height: 16px
  }
}

@media screen and (max-width: 991px) {
  .additional__inner p > span {
    display: block;
    margin-top: 10px
  }
}

.additional__inner p a {
  width: 175px;
  height: 33px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--color-main);
  border-radius: 17px;
  color: #000;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px
}

@media screen and (max-width: 96px) {
  .additional__inner p a {
    width: auto;
    padding: 0 10px
  }
}

@media screen and (max-width: 576px) {
  .additional__inner p a {
    height: 24px
  }
}

.additional__inner p a span {
  width: 13px;
  height: 13px;
  display: block;
  background: url(/assets/frontend/img/training/arrow-right.png) no-repeat center center;
  background-size: cover;
  margin-left: 10px
}

.additional__inner img {
  width: 117px;
  height: 117px;
  background-size: cover;
  position: absolute;
  top: -15px;
  left: 45px
}

@media screen and (max-width: 96px) {
  .additional__inner img {
    left: 15px
  }
}

@media screen and (max-width: 1199px) {
  .additional__inner img {
    display: none
  }
}

.reklama {
  width: 100%;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-main)
}

@media screen and (max-width: 1199px) {
  .reklama {
    padding: 0
  }
}

@media screen and (max-width: 576px) {
  .reklama {
    height: auto;
    padding: 15px 0
  }
}

.reklama::before {
  content: '';
  width: 155px;
  height: 41px;
  display: block;
  background: url(/assets/frontend/img/training/bg_bef.png) no-repeat center center;
  position: absolute;
  top: -24px;
  left: 0
}

.reklama::after {
  content: '';
  width: 155px;
  height: 41px;
  display: block;
  background: url(/assets/frontend/img/training/bg_aft.png) no-repeat center center;
  position: absolute;
  bottom: -29px;
  left: 0
}

.reklama-more {
  background-color: #e2e2e2
}

.reklama-more::before {
  background: url(/assets/frontend/img/training/bg_bef1.png) no-repeat center center
}

.reklama-more::after {
  background: url(/assets/frontend/img/training/bg_aft1.png) no-repeat center center
}

.reklama-more i.ic_close {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237f7f7f%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.reklama-more .reklama__inner > div > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7f7f7f;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px;
  padding-left: 40px
}

@media screen and (max-width: 1199px) {
  .reklama-more .reklama__inner > div > p {
    font-size: 14px;
    line-height: 14px
  }
}

@media screen and (max-width: 767px) {
  .reklama-more .reklama__inner > div > p {
    padding-left: 15px
  }
}

.reklama-more .reklama__inner > div > p > span {
  display: inline-block;
  color: #7f7f7f;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

@media screen and (max-width: 1199px) {
  .reklama-more .reklama__inner > div > p > span {
    font-size: 14px;
    line-height: 14px
  }
}

@media screen and (max-width: 767px) {
  .reklama-more .reklama__inner > div > p > span {
    font-size: 12px;
    line-height: 12px
  }
}

.reklama-more .reklama__inner > div > p > span span {
  display: inline-block;
  border-bottom: 0 solid;
  padding-left: 5px;
}

.reklama-more .reklama__inner > div + div::before {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(139, 136, 136, .21)), to(transparent));
  background-image: -o-linear-gradient(left, rgba(139, 136, 136, .21) 0, transparent 100%);
  background-image: linear-gradient(to right, rgba(139, 136, 136, .21) 0, transparent 100%)
}

@media screen and (max-width: 576px) {
  .reklama-more .reklama__inner > div + div::before {
    display: none
  }
}

.reklama__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 991px) {
  .reklama__inner > div:first-child {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
  }
}

@media screen and (max-width: 767px) {
  .reklama__inner > div:first-child {
    font-size: 14px;
    line-height: 14px
  }
}

@media screen and (max-width: 576px) {
  .reklama__inner > div.js-wrap_p {
    display: none
  }
}

.reklama__inner > div {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px
}

@media screen and (max-width: 1199px) {
  .reklama__inner > div {
    font-size: 16px;
    line-height: 16px
  }
}

@media screen and (max-width: 767px) {
  .reklama__inner > div {
    font-size: 12px;
    line-height: 14px
  }
}

@media screen and (max-width: 576px) {
  .reklama__inner > div {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.reklama__inner > div > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #896d00;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px;
  padding-left: 40px
}

@media screen and (max-width: 1199px) {
  .reklama__inner > div > p {
    font-size: 14px;
    line-height: 14px
  }
}

@media screen and (max-width: 767px) {
  .reklama__inner > div > p {
    padding-left: 15px
  }
}

@media screen and (max-width: 576px) {
  .reklama__inner > div > p {
    font-size: 12px;
    line-height: 12px;
    padding-left: 0;
    text-align: center
  }
}

.reklama__inner > div > p > span {
  display: inline-block;
  color: #896d00;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

@media screen and (max-width: 1199px) {
  .reklama__inner > div > p > span {
    font-size: 14px;
    line-height: 14px
  }
}

@media screen and (max-width: 767px) {
  .reklama__inner > div > p > span {
    font-size: 12px;
    line-height: 12px
  }
}

.reklama__inner > div > p > span span {
  display: inline-block;
  border-bottom: 0 solid;
  padding-left: 5px !important;
}

.reklama__inner > div > p > span + span {
  margin-left: 20px
}

@media screen and (max-width: 767px) {
  .reklama__inner > div > p > span + span {
    margin-left: 10px
  }
}

.reklama__inner > div > p > i {
  margin-left: 10px;
  cursor: pointer
}

.reklama__inner > div > p.p_aft {
  display: none
}

.reklama__inner > div.close_p > p.p_aft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.reklama__inner > div.close_p > p.p_bef {
  display: none
}

.reklama__inner > div + div {
  margin-left: 40px
}

@media screen and (max-width: 767px) {
  .reklama__inner > div + div {
    margin-left: 15px
  }
}

@media screen and (max-width: 576px) {
  .reklama__inner > div + div {
    margin-left: 0
  }
}

.reklama__inner > div + div::before {
  content: '';
  width: 155px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(197, 161, 18, .21)), to(transparent));
  background-image: -o-linear-gradient(left, rgba(197, 161, 18, .21) 0, transparent 100%);
  background-image: linear-gradient(to right, rgba(197, 161, 18, .21) 0, transparent 100%);
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width: 576px) {
  .reklama__inner > div + div::before {
    display: none
  }
}

.timer {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 28px;
  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;
  background-color: #4a4a4a;
  border-radius: 11px;
  color: white;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  padding: 6px 15px 6px 15px;
  margin-bottom: 15px
}

@media screen and (max-width: 1199px) {
  .timer {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px
  }
}

.timer > i {
  margin-right: 12px
}

.timer > span {
  display: inline-block;
  padding-top: 2px;
  margin-right: 5px
}

@media screen and (max-width: 1199px) {
  .timer > span {
    display: none
  }
}

.timer .countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 2px
}

.timer .countdown-number span + span {
  margin-left: -3px
}

.timer .countdown__hourse {
  margin-right: 3px
}

.timelain {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  margin-top: -100px
}

.timelain::-webkit-scrollbar {
  height: 7px
}

.timelain__block {
  position: relative;
  min-width: 245px;
  min-height: 185px;
  border-bottom: 6px solid #e8e8e8;
  margin-bottom: 70px;
  padding: 0 11px;
  margin-top: 100px
}

.timelain__block-notEvent > span {
  width: calc(100% - 11px);
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 11px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .1)));
  background-image: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 100%);
  background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 100%);
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 15px;
  cursor: default
}

.timelain__block-start {
  width: 11px;
  height: 34px;
  display: block;
  position: absolute;
  bottom: -25px;
  left: 0;
  background-color: #e8e8e8;
  border: 3px solid #fff;
  border-radius: 5px
}

.timelain__block-start > span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: inline-block;
  position: absolute;
  top: 130%;
  left: 0;
  color: #767676;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px
}

.timelain__block-start > span span {
  color: #c5c5c5;
}

.timelain__block-line {
  width: 11px;
  height: 87px;
  position: absolute;
  bottom: -8px;
  left: 80%;
  background-color: #1c8ce3;
  border: 3px solid #fff;
  border-radius: 5px;
  z-index: 1;
  cursor: pointer
}

.timelain__block-line:hover {
  z-index: 2
}

.timelain__block-line:hover .tooltip {
  display: block
}

.timelain__block-line1 {
  height: 56px;
  left: 76%;
  background-color: #cf5a1b
}

.timelain__block-line2 {
  height: 56px;
  left: 40%;
  background-color: #982192
}

.timelain__own_goal {
  height: 56px;
  background-color: #982192 !important;
}

.timelain__team_goal {
  height: 56px;
  background-color: green !important;
}

.timelain__task {
  height: 56px;
  background-color: blue !important;
}

.timelain__block:last-child::after {
  content: '';
  width: 11px;
  height: 34px;
  display: block;
  position: absolute;
  bottom: -25px;
  right: -11px;
  background-color: #e8e8e8;
  border: 3px solid #fff;
  border-radius: 5px
}

.timelain__block-time {
  width: 5px;
  height: 95px;
  position: absolute;
  bottom: -8px;
  left: 20%;
  background-color: #de6d08;
  border: 2px solid #fff
}

.timelain__block-time span {
  width: 42px;
  height: 20px;
  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: -5px;
  left: 0;
  background-color: #f81c3a;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px
}

.timelain.tool__right .tooltip {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  right: 0;
  left: auto
}

.timelain.tool__right .tooltip__inner {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1)
}

.pagination {
  width: fit-content;
  height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 0 5px
}

@media screen and (max-width: 1199px) {
  .pagination {
    height: 40px
  }
}

.pagination__wrap {
  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
}

@media screen and (max-width: 767px) {
  .pagination__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.pagination__wrap-left,
.pagination__wrap-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.pagination__wrap-left > span,
.pagination__wrap-right > span {
  display: inline-block;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 16px
}

@media screen and (max-width: 767px) {

  .pagination__wrap-left > span,
  .pagination__wrap-right > span {
    margin-right: 5px
  }
}

@media screen and (max-width: 767px) {
  .pagination__wrap-left {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width: 767px) {
  .pagination__wrap-left .page-item + .page-item {
    margin-left: 5px
  }
}

@media screen and (max-width: 767px) {
  .pagination__wrap-left span {
    display: none
  }
}

@media screen and (max-width: 767px) {
  .pagination__wrap-right {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
  }
}

.pagination__wrap-right .pagination .page-item.active .page-link {
  background-color: #d8d8d8
}

.pagination__wrap-right .pagination .page-item .page-link:hover {
  background-color: #d8d8d8
}

.pagination__wrap nav {
  margin-left: 30px
}

@media screen and (max-width: 767px) {
  .pagination__wrap nav {
    margin-left: 0
  }
}

.pagination__wrap nav .page-item:first-child .page-link,
.pagination__wrap nav .page-item:last-child .page-link {
  border-radius: 18px
}

.pagination__wrap > span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 16px;
  line-height: 16px
}

.pagination .page-item.active .page-link {
  background-color: var(--color-main);
  color: #0f1820
}

.pagination .page-link {
  width: 44px;
  height: 39px;
  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;
  background-color: transparent;
  border-radius: 10px;
  border: none;
  padding: 0;
  margin-left: 0;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #969696
}

@media screen and (max-width: 1199px) {
  .pagination .page-link {
    width: 100%;
    min-width: 30px;
    height: 30px;
    padding: 4px;
    font-size: 16px
  }
}

.pagination li.active a.page-link {
  background-color: var(--color-main);
  border-radius: 10px;
}

.pagination .page-link:hover {
  background-color: white;
  color: #0f1820;
  border-radius: 10px;
}

.pagination .page-link:hover i.ic_chevron-right-2 {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevrons-right%22%3E%3Cpolyline%20points%3D%2213%2017%2018%2012%2013%207%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%226%2017%2011%2012%206%207%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.pagination .page-link:hover i.ic_chevron-right {
  width: 25px;
  height: 30px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.pagination .page-link:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.tooltip {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 415px;
  display: none;
  position: absolute;
  bottom: calc(100% + 20px);
  left: 0;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 42.3px 8.7px rgba(0, 0, 0, .24);
  box-shadow: 0 0 42.3px 8.7px rgba(0, 0, 0, .24);
  padding: 17px;
  opacity: 1
}

@media screen and (max-width: 767px) {
  .tooltip {
    max-width: 220px
  }
}

.tooltip::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -15px;
  left: 0
}

.tooltip::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 25px;
  background-color: transparent;
  display: block
}

.tooltip h5 {
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px
}

.tooltip h5 span {
  display: inline-block;
  color: #7a7a7a;
  margin-left: 10px
}

.tooltip a {
  display: block;
  color: var(--color-secondary);
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 13px;
  text-decoration: none;
  border-bottom: 1px solid;
  margin: 10px 0;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.tooltip2 h4 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
  margin-bottom: 10px
}

.tooltip2 p {
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 17px
}

.tooltip p + p {
  margin-top: 5px
}

.target .pagination__wrap {
  margin-top: 50px
}

.target span.sp_title {
  padding: 0 14px 0 14px
}

@media screen and (max-width: 1199px) {
  .target span.sp_title {
    height: 22px;
    line-height: 12px
  }
}

.target span.sp_title_notNumber {
  padding: 7px 14px
}

.target .number__wrap {
  width: 72px;
  height: 100%;
  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;
  background-color: rgba(0, 0, 0, .32);
  border-radius: 10px;
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  margin-right: -14px;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .target .number__wrap {
    font-size: 12px;
    line-height: 12px
  }
}

.target .number__wrap .number__first {
  margin-right: 5px
}

.target .number__wrap .number__finish {
  margin-left: 5px
}

@media screen and (max-width: 767px) {
  .target .input__block {
    bottom: -65px
  }
}

@media screen and (max-width: 767px) {
  .target .input__block.open {
    bottom: -65px
  }
}

@media screen and (max-width: 991px) {
  .target .training__card-section {
    margin-top: 90px
  }
}


.target__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #d8d8d8;
  padding: 25px 0 17px
}

.target__block:last-child {
  border-bottom: 1px solid transparent
}

.target__block > i {
  margin-right: 12px
}

.target__block-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
  font-family: "AeonikPro", sans-serif;
  line-height: 18px;
  color: #0f1820;
  font-size: 18px;
  cursor: pointer;
  z-index: 10
}

@media screen and (max-width: 1199px) {
  .target__block-name {
    font-size: 16px
  }
}

@media screen and (max-width: 1199px) {
  .target__block-name > span {
    display: inline;
    margin-right: 10px
  }
}

.target__block-name-disp {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  line-height: 28px
}

@media screen and (max-width: 1199px) {
  .target__block-name-disp {
    line-height: 20px
  }
}

.target__block-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 10px;
  margin-top: 3px
}

.target__block-btn > button + button {
  margin-left: 15px
}

@media screen and (max-width: 1199px) {
  .target__block-btn > button + button {
    margin-left: 8px
  }
}

.target__block-statistic {
  height: 26px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-color: #f1f1f1;
  border-radius: 13px;
  padding: 0 15px;
  margin-left: 15px;
  cursor: default
}

@media screen and (max-width: 1199px) {
  .target__block-statistic {
    margin-left: 0
  }
}

.target__block-statistic > span {
  display: inline-block;
  color: #969696;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px
}

.target__block-statistic > span.progress__good {
  color: #68c100
}

.target__block-statistic > span.progress__sr {
  color: #ff7800
}

.target__block-statistic > span.progress__bad {
  color: #f81c3a
}

.target__block-statistic > span + span {
  margin-left: 15px
}

.target__block-statistic-result {
  height: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 105%;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #fff !important;
  background-color: #68c100;
  border-radius: 13px;
  padding: 0 12px 0 10px;
  margin-left: 0 !important;
}

.target__block-statistic-result-bad {
  background-color: #f81c3a
}

.target-btn__move {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-move%22%3E%3Cpolyline%20points%3D%225%209%202%2012%205%2015%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%229%205%2012%202%2015%205%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2215%2019%2012%2022%209%2019%22%3E%3C%2Fpolyline%3E%3Cpolyline%20points%3D%2219%209%2022%2012%2019%2015%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%222%22%20y1%3D%2212%22%20x2%3D%2222%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%222%22%20x2%3D%2212%22%20y2%3D%2222%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.target-btn__move:focus {
  outline: 0 !important
}

.target-btn__close {
  width: 22px;
  height: 22px;
  display: inline-block;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.target-btn__close:focus {
  outline: 0 !important
}

.target-btn__edit {
  width: 22px;
  height: 21px;
  display: inline-block;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-edit-3%22%3E%3Cpath%20d%3D%22M12%2020h9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M16.5%203.5a2.121%202.121%200%200%201%203%203L7%2019l-4%201%201-4L16.5%203.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.target-btn__edit:focus {
  outline: 0 !important
}

.target-btn__add,
.target-btn__add-group,
.target-btn__save {
  height: 49px;
  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;
  background-color: var(--color-main);
  border: none;
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 5px 27px;
  outline: 0;
  margin-top: 35px
}

@media screen and (max-width: 576px) {

  .target-btn__add,
  .target-btn__add-group,
  .target-btn__save {
    margin-top: 15px
  }
}

.target-btn__add-group:focus,
.target-btn__add:focus,
.target-btn__save:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0
}

.target-btn__save {
  margin-top: 0
}

.appraisal__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 767px) {
  .appraisal__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}


.appraisal__nav {
  margin-left: 50px
}

@media screen and (max-width: 767px) {
  .appraisal__nav {
    margin-left: 0;
    margin-bottom: 20px
  }
}

.appraisal__tab {
  margin-top: 10px
}

.appraisal__tab-content .appraisal__link-right > p.p_done {
  color: #7bbb36
}

.appraisal__tab-content.open_wrap .appraisal__tab2 > span {
  display: none
}

.appraisal__tab-content.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important
}

@media screen and (max-width: 767px) {
  .appraisal__tab-content.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.appraisal__nav2 {
  width: 300px !important;
  min-width: 300px !important;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  -webkit-box-shadow: -2.3px 43.9px 35px rgba(0, 0, 0, .04);
  box-shadow: -2.3px 43.9px 35px rgba(0, 0, 0, .04);
  padding: 30px 0;
  margin-bottom: 50px;
  z-index: 1
}

@media screen and (max-width: 767px) {
  .appraisal__nav2 {
    width: 100%;
    margin-bottom: 10px
  }
}

.appraisal__nav2 .wrap_new > p {
  margin-bottom: 20px;
}

.appraisal__nav2 > p, .appraisal__nav2 .wrap_new > p {
  width: 95%;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -o-repeating-linear-gradient(135deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px);
  background: repeating-linear-gradient(-45deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px)
}

.appraisal__nav2 > p span, .appraisal__nav2 .wrap_new > p span {
  display: inline-block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  color: #7a7a7a;
  background-color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  padding-left: 22px;
  padding-right: 15px
}

.appraisal__nav2 > p + div {
  margin-top: 20px
}

.appraisal__nav2 > div + p {
  margin-top: 60px
}

.appraisal__nav2 > div > a {
  height: 62px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 0;
  padding-left: 22px
}

.appraisal__nav2 > div > a::after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid transparent;
  border-radius: 10px
}

.appraisal__nav2 > div > a.nav-link.active,
.appraisal__nav2 > div > a.nav-link:hover {
  background-color: #fff;
  border-radius: 10px
}

.appraisal__nav2 > div > a.nav-link.active::before,
.appraisal__nav2 > div > a.nav-link:hover::before {
  content: '';
  width: 50px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
  background: url(/assets/frontend/img/appraisal/tab/arrow_before.png) no-repeat center right 6px;
  background-size: 9px 15px;
  background-color: var(--color-main);
  border-radius: 10px;
  z-index: -1
}

.appraisal__nav2 > div > a.nav-link.active::after,
.appraisal__nav2 > div > a.nav-link:hover::after {
  border: 3px solid var(--color-main);
  z-index: 10
}

.appraisal__nav2 > a.people__btn_add {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 30px;
  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;
  background-color: #fff;
  border: 2px solid var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  padding: 0 20px;
  margin: 20px 0 35px 76px
}

.appraisal__nav2 > a.people__btn_add:hover {
  color: #0f1820;
  background-color: var(--color-main);
  border-color: var(--color-main)
}

.appraisal__nav2 > div.appraisal__nav2-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 18px 0 23px
}

@media screen and (max-width: 767px) {
  .appraisal__nav2 > div.appraisal__nav2-info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.appraisal__nav2 > div.appraisal__nav2-info i {
  width: 37px;
  height: 37px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

@media screen and (max-width: 767px) {
  .appraisal__nav2 > div.appraisal__nav2-info i {
    margin-right: 15px
  }
}

.appraisal__nav2 > div.appraisal__nav2-info div {
  max-width: 205px
}

.appraisal__nav2 > div.appraisal__nav2-info p {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-size: 14px;
  line-height: 14px
}

.appraisal__nav2 > div.appraisal__nav2-info p + p {
  margin-top: 20px
}

.appraisal__nav2 > div.appraisal__nav2-info a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 30px;
  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;
  background-color: var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  padding: 0 20px;
  margin: 20px 0 35px 0
}

.appraisal__link-left {
  position: relative;
  margin-right: 12px
}

.appraisal__link-left > img {
  position: relative;
  z-index: 12
}

.appraisal__link-left > div {
  width: 50px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: -32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
  padding-right: 15px;
  z-index: 11
}

.appraisal__link-left > div.notification {
  background-color: #dd6800
}

.appraisal__link-left > div.del {
  background-color: #f81c3a
}

.appraisal__link-right > h3 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 5px
}

.appraisal__link-right > p {
  color: var(--color-secondary);
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px
}

.appraisal__link-right.not_send p {
  color: #7a7a7a
}

.appraisal__link-right.get p {
  color: #7bbb36
}

.appraisal__tab2 {
  width: calc(100% - 300px);
  padding: 30px 0 30px 50px
}

@media screen and (max-width: 991px) {
  .appraisal__tab2 {
    padding: 30px 0 30px 25px
  }
}

@media screen and (max-width: 767px) {
  .appraisal__tab2 {
    width: 100%;
    padding: 30px 0
  }
}

.appraisal__tab2-wrap-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 45px
}

.appraisal__tab2 > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 96px) {
  .appraisal__tab2 > span {
    font-size: 16px;
    line-height: 18px
  }
}

.appraisal__tab2 > span i {
  width: 41px;
  height: 41px;
  display: inline-block;
  background: url(/assets/frontend/img/appraisal/tab/arrow-right.png) no-repeat center center;
  background-size: cover;
  margin-right: 25px
}

@media screen and (max-width: 1199px) {
  .appraisal__tab2 > span i {
    background-size: contain
  }
}

@media screen and (max-width: 991px) {
  .appraisal__tab2 > span i {
    width: 55px;
    height: 55px
  }
}

@media screen and (max-width: 767px) {
  .appraisal__tab2 > span i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

@media screen and (max-width: 576px) {
  .appraisal__tab2 > span i {
    min-width: 35px
  }
}

.appraisal__tab2-get > p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 96px) {
  .appraisal__tab2-get > p {
    font-size: 16px;
    line-height: 18px
  }
}

.appraisal__tab2-get > p + p {
  margin-top: 5px
}

.prompt {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #fff;
  background-image: url(/assets/frontend/img/appraisal/prompt/alert-circle.jpg);
  background-repeat: no-repeat;
  background-size: 115px 115px;
  background-position: -25px 12px;
  border-radius: 10px;
  -webkit-box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
  box-shadow: -.3px 6px 32px 8px rgba(0, 0, 0, .09);
  padding: 25px 175px 35px 125px;
  margin-bottom: 25px
}

@media screen and (max-width: 96px) {
  .prompt {
    padding: 25px 105px 25px 115px
  }
}

@media screen and (max-width: 767px) {
  .prompt {
    background-size: 80px 80px;
    background-position: -35px 10px;
    padding: 35px 20px 25px 50px
  }
}

.prompt > h5 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px
}

@media screen and (max-width: 96px) {
  .prompt > h5 {
    font-size: 20px;
    line-height: 22px
  }
}

.prompt > p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-top: 10px
}

@media screen and (max-width: 96px) {
  .prompt > p {
    font-size: 16px;
    line-height: 18px
  }
}

@media screen and (max-width: 767px) {
  .prompt > p {
    font-size: 14px;
    line-height: 16px
  }
}

.prompt > p a {
  color: #0f1820;
  text-decoration: none;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
}

.prompt > p + p {
  margin-top: 20px
}

.prompt > span {
  width: 37px;
  height: 37px;
  position: absolute;
  top: 12px;
  right: 12px;
  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;
  background-color: var(--color-main);
  border-radius: 50%;
  cursor: pointer
}

.prompt > span i {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.breadcrumb {
  padding: 0;
  margin-bottom: 25px;
  background-color: transparent;
  border-radius: 0
}

.breadcrumb-item {
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 15px;
  line-height: 15px
}

.breadcrumb-item a {
  display: block;
  color: #999999;
  text-decoration: none;
  border-bottom: 1px solid
}

.breadcrumb-item.active {
  color: #999999
}

.breadcrumb-item.active > span {
  height: 32px;
  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;
  background-color: #f1f1f1;
  border-radius: 10px;
  color: #969696;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  padding: 0 20px;
  margin-left: 20px
}

@media screen and (max-width: 576px) {
  .breadcrumb-item.active > span {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px
  }
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 10px
}

.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 10px
}

.comment {
  min-width: 585px;
  max-width: 585px;
  min-height: 100%;
  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;
  margin-left: 65px;
  padding: 25px 15px 25px 15px
}

@media screen and (max-width: 96px) {
  .comment {
    min-width: 450px;
    max-width: 450px;
    margin-left: 25px
  }
}

@media screen and (max-width: 1199px) {
  .comment {
    min-width: 275px;
    max-width: 275px
  }
}

@media screen and (max-width: 991px) {
  .comment {
    min-width: auto;
    max-width: 100%;
    margin-left: 0;
    padding: 25px
  }
}

.comment__del {
  display: none
}

.comment > p {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-size: 14px;
  line-height: 14px;
  border-bottom: 1px solid;
  padding-top: 8px;
  margin-left: 25px;
  cursor: pointer
}

@media screen and (max-width: 1199px) {
  .comment > p {
    margin-left: 0;
    margin-top: 10px
  }
}

@media screen and (max-width: 767px) {
  .comment > p {
    margin-left: 15px;
    margin-top: 0
  }
}

@media screen and (max-width: 576px) {
  .comment > p {
    margin-left: 0;
    margin-top: 10px
  }
}

.comment > textarea {
  display: none;
  width: 100%;
  height: 80px;
  background-color: #fff;
  border: 1px solid #999999;
  border-radius: 5px;
  color: #7d7d7d;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  padding: 15px;
  outline: 0
}

@media screen and (max-width: 96px) {
  .comment > textarea {
    font-size: 16px;
    line-height: 18px
  }
}

.comment > span {
  width: 31px;
  height: 29px;
  display: inline-block;
  background: url(/assets/frontend/img/appraisal/comment/star.png) no-repeat center center;
  background-size: cover;
  cursor: pointer
}

.comment > span.sp_gold_half {
  background: url(/assets/frontend/img/appraisal/comment/star_active_half.png) no-repeat center center
}

.comment > span.sp_gold {
  background: url(/assets/frontend/img/appraisal/comment/star_active.png) no-repeat center center
}

.comment > span + span {
  margin-left: 10px
}

.comment.add .comment__del {
  display: inline-block
}

.comment.add .comment__add {
  display: none
}

.comment.add > textarea {
  display: block
}

.comment.add.done,
.comment.done {
  background: -o-repeating-linear-gradient(135deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px);
  background: repeating-linear-gradient(-45deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px)
}

.comment.add.done > p,
.comment.done > p {
  display: none
}

.comment.add.done > span,
.comment.done > span {
  pointer-events: none
}

.comment.add.done > textarea,
.comment.done > textarea {
  pointer-events: none
}

.comment.add.done .rating > label,
.comment.done .rating > label {
  pointer-events: none
}

.rating {
  border: none
}

.rating > [id^=st] {
  display: none
}

.rating > label {
  color: #ddd;
  float: right;
  margin: 0
}

.rating > label:before {
  content: "\f005";
  display: inline-block;
  font-size: 33px;
  line-height: 33px;
  font-family: "FontAwesome", sans-serif;
  cursor: pointer;
  margin-right: 10px
}

.rating > .half:before {
  content: "\f089";
  position: absolute
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label,
.rating > [id^=st]:checked ~ label {
  color: #FFD600
}

.rating > [id^=st]:checked + label:hover,
.rating > [id^=st]:checked ~ label:hover,
.rating > [id^=st]:checked ~ label:hover ~ label,
.rating > label:hover ~ [id^=st]:checked ~ label {
  color: #ffed85
}

.reset-option {
  display: none
}

.modal-dialog {
  max-width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 100px
}

@media screen and (max-width: 767px) {
  .modal-dialog {
    max-width: 100%
  }
}

.modal-content {
  border-radius: 10px
}

.modal__employee-body {
  position: relative;
  padding: 30px 30px 40px 30px
}

.modal__employee-body > h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px
}

.modal__employee-body > p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-top: 25px;
  margin-bottom: 25px
}

.modal__employee-body > span {
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: var(--color-main);
  border-radius: 17px;
  cursor: pointer
}

.modal__employee-body > span i {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__employee-body > a {
  width: 140px;
  height: 49px;
  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;
  background-color: var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  margin-top: 30px
}

.modal__employee-body .chosen-container {
  max-width: 345px;
  height: 40px
}

.modal__employee-body .chosen-container-single .chosen-single div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 10px
}

.modal__employee-body .chosen-container-single .chosen-single div b {
  width: 17px;
  height: 9px;
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-size: cover !important
}

.modal__employee-body .chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.modal__assessment-body {
  position: relative;
  padding: 30px 12px 40px 30px
}

.modal__assessment-body > span {
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: var(--color-main);
  border-radius: 17px;
  cursor: pointer
}

.modal__assessment-body > span i {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__assessment-body > h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 25px
}

.modal__assessment-body > p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 15px
}

.modal__assessment-body > a {
  width: 150px;
  height: 49px;
  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;
  background-color: var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  margin-top: 60px
}

.modal__assessment-inp {
  width: 390px;
  position: relative;
  margin-bottom: 55px
}

@media screen and (max-width: 576px) {
  .modal__assessment-inp {
    width: 100%
  }
}

.modal__assessment-inp input {
  width: 100%;
  height: 39px;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  outline: 0;
  padding: 5px 30px 5px 15px
}

@media screen and (max-width: 576px) {
  .modal__assessment-inp input {
    border-bottom-right-radius: 17px;
    border-top-right-radius: 17px;
    padding: 5px 145px 5px 15px
  }
}

.modal__assessment-inp > span {
  width: 125px;
  height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: -100px;
  background-color: var(--color-main);
  border-radius: 17px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer
}

@media screen and (max-width: 576px) {
  .modal__assessment-inp > span {
    right: 0;
    font-size: 16px
  }
}

.modal__assessment-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.modal__assessment-container > span {
  height: 39px;
  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;
  background-color: #f1f1f1;
  border-radius: 17px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 0 15px;
  margin-right: 20px;
  margin-bottom: 20px
}

@media screen and (max-width: 576px) {
  .modal__assessment-container > span {
    font-size: 12px;
    padding: 0 10px;
    margin-right: 10px;
    margin-bottom: 10px
  }
}

.modal__assessment-container > span i {
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-left: 15px;
  cursor: pointer
}

@media screen and (max-width: 576px) {
  .modal__assessment-container > span i {
    margin-left: 7px
  }
}

.modal__assessment-container > span.sp__lock {
  background-color: #fff7cf
}

.modal__assessment-container > span.sp__lock i.ic_lock {
  width: 16px;
  height: 18px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-lock%22%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2218%22%20height%3D%2211%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M7%2011V7a5%205%200%200%201%2010%200v4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 11px;
  margin-left: 0;
  cursor: default
}

@media screen and (max-width: 576px) {
  .modal__assessment-container > span.sp__lock i.ic_lock {
    margin-right: 7px
  }
}

.modal__setting_goal {
  position: relative;
  padding: 30px 30px 30px 30px
}

@media screen and (max-width: 767px) {
  .modal__setting_goal {
    padding: 30px 15px 20px
  }
}

.modal__setting_goal > h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px
}

.modal__setting_goal > h2 span {
  font-family: "AeonikPro", sans-serif;
}

.modal__setting_goal > p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-top: 25px;
  margin-bottom: 25px
}

@media screen and (max-width: 576px) {
  .modal__setting_goal > p {
    font-size: 16px;
    line-height: 18px
  }
}

.modal__setting_goal > p span {
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
}

.modal__setting_goal > p.text_light {
  color: #969696
}

.modal__setting_goal > span {
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 12px;
  background-color: var(--color-main);
  border-radius: 17px;
  cursor: pointer
}

.modal__setting_goal > span i {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__setting_goal-btn {
  height: 49px;
  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;
  background-color: var(--color-main);
  border: none;
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 5px 27px;
  margin-top: 40px
}

@media screen and (max-width: 576px) {
  .modal__setting_goal-btn {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px
  }
}

.modal__setting_goal-btn > span {
  display: inline-block
}

.modal__setting_goal-btn > span + span {
  margin-left: 5px
}

.modal__setting_goal .chosen__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 576px) {
  .modal__setting_goal .chosen__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.modal__setting_goal .chosen__wrap > span {
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 576px) {
  .modal__setting_goal .chosen__wrap .chosen-container-single .chosen-single {
    font-size: 14px
  }
}

.modal__setting_goal .chosen__wrap .chosen-container-single .chosen-single div b {
  width: 17px;
  height: 100%;
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center !important;
  background-size: 17px 9px !important
}

.modal__setting_goal .chosen__wrap .chosen-container-single .chosen-single div {
  right: 15px
}

.modal__setting_goal .chosen__wrap .chosen-container {
  margin-right: 40px;
  margin-left: 40px
}

.modal__composition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.modal__composition-left {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  margin-right: 25px
}

@media screen and (max-width: 576px) {
  .modal__composition-left {
    margin-right: 10px;
    font-size: 14px;
    line-height: 14px
  }
}

.modal__composition-right.hide_btn .modal__composition-add {
  display: none
}

.modal__composition-inp {
  width: 100%;
  height: 39px;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  color: #969696;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 0 20px;
  margin-bottom: 35px
}

.modal__composition-ul li {
  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;
  position: relative;
  font-family: "AeonikPro", sans-serif;
  line-height: 18px;
  color: #0f1820;
  font-size: 18px;
  padding-left: 15px
}

@media screen and (max-width: 576px) {
  .modal__composition-ul li {
    font-size: 14px;
    line-height: 14px
  }
}

.modal__composition-ul li::before {
  content: '';
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #bababa;
  border-radius: 50%
}

.modal__composition-ul li span {
  color: #bababa;
  font-size: 15px;
  line-height: 15px;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
}

.modal__composition-ul li + li {
  margin-top: 10px
}

.modal__composition-select {
  width: 355px;
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px
}

@media screen and (max-width: 576px) {
  .modal__composition-select {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.modal__composition-select .chosen-container {
  z-index: 1
}

.modal__composition-select .chosen-container-single .chosen-single {
  font-size: 14px
}

.modal__composition-select .chosen-container-single .chosen-single div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px
}

.modal__composition-select .chosen-container-single .chosen-single div b {
  width: 17px;
  height: 9px;
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-size: cover !important
}

.modal__composition-select .chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-position: 0 0 !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.modal__composition-select-add {
  height: 40px;
  position: absolute;
  top: 0;
  left: 90%;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--color-main);
  border: none;
  outline: 0;
  border-radius: 5px;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  padding: 0 30px 0 60px
}

@media screen and (max-width: 576px) {
  .modal__composition-select-add {
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 30px
  }
}

.modal__composition-select-add:focus {
  outline: 0
}

.modal__composition-select.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal__composition-select.open .modal__composition-select-add {
  display: none
}

.modal__composition-select.active .modal__composition-select-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal__composition-del {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: none;
  outline: 0;
  padding: 0;
  cursor: pointer;
  margin-left: 10px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__composition-add {
  border: none;
  background-color: transparent;
  border-bottom: 1px solid;
  outline: 0;
  padding: 0;
  color: #969696;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
  margin-left: 15px;
  margin-top: 15px
}

.modal__composition-save {
  height: 49px;
  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;
  background-color: var(--color-main);
  border: none;
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 5px 27px;
  margin-top: 60px
}

.modal__cascade_target-inner .cascade__btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: -150px;
  left: 0;
  background-color: var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  padding: 0 27px
}

.modal__form-inner {
  position: relative;
  padding: 30px
}

.modal__form-inner_bd {
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 45px
}

.modal__form-inner a {
  text-decoration: none
}

.modal__form-inner .editing__block-line {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 15px
}

@media screen and (max-width: 767px) {
  .modal__form-inner .editing__block-line {
    -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
  }
}

@media screen and (max-width: 576px) {
  .modal__form-inner .editing__block-line {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.modal__form-inner .editing__block-line-right {
  margin-left: 25px
}

@media screen and (max-width: 767px) {
  .modal__form-inner .editing__block-line-right {
    margin-top: 0
  }
}

@media screen and (max-width: 576px) {
  .modal__form-inner .editing__block-line-right {
    margin-left: 0;
    margin-top: 10px
  }
}

.modal__form-inner .editing__block-line-dop .editing__block-line-right {
  max-width: 290px;
  margin-left: auto
}

.modal__form-inner .editing__block-line-left {
  width: auto;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content
}

.modal__form-inner .editing__block-line-wrap + .modal__form-btn {
  margin-top: 50px;
  color: white;
}

.modal__form-inner .editing__block-line-wrap.show .editing__block-line-dop {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 1
}

.modal__form-inner .editing__block-line-dop {
  position: relative;
  z-index: -1
}

.modal__form-inner .chosen-container-single .chosen-single {
  background-color: #d8d8d8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(63%, #f5f5f5), color-stop(100%, #ebebeb), color-stop(100%, #fff), to(#efefef));
  background-image: -o-linear-gradient(top, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
  background-image: linear-gradient(180deg, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
  border: 1px solid #bababa;
  border-radius: 10px;
}

.modal__form-inner .chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-position: 0 0 !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.modal__form-inner .chosen-container-single .chosen-single div b {
  width: 17px;
  height: 9px;
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-size: cover !important
}

.modal__form-inner .chosen-container-single .chosen-single div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 34px
}

.modal__form-inner .chosen-container-single .chosen-single span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px
}

.modal__form-inner .datepicker__wrap {
  width: 100%;
  background-color: #d8d8d8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(63%, #f5f5f5), color-stop(100%, #ebebeb), color-stop(100%, #fff), to(#efefef));
  background-image: -o-linear-gradient(top, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
  background-image: linear-gradient(180deg, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
  border: 1px solid #bababa;
  border-radius: 10px;
  position: relative;
  margin-bottom: 15px;
  margin-top: 15px
}

.modal__form-inner .datepicker__wrap .modal__form-inp {
  background-color: transparent;
  border: none;
  position: relative;
  z-index: 10;
}

.modal__form-inner .datepicker__wrap span {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background: url(/assets/frontend/img/autorization/calendar.svg) no-repeat center center;
  background-size: contain
}

.modal__form-inner .chosen-container {
  margin-top: 15px
}

.modal__form-inner-fast .chosen-container {
  display: none
}

.modal__form-inner-fast .modal__form-btn-show {
  display: none
}

.modal__form-inner-fast.pas_good .modal__form-inp {
  display: none
}

.modal__form-inner .select__hide {
  display: none
}

.modal__form-inner.str2 .modal__form-btn_no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: all
}

.modal__form-inner.str2 .modal__form-btn_yes {
  display: none;
  pointer-events: none
}

.modal__form-inner.str2 .modal__form-btn_proverka {
  display: none
}

.modal__form-inner.str1 .modal__form-btn_yes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: all
}

.modal__form-inner.str1 .modal__form-btn_no {
  display: none
}

.modal__form-inner.str1 .modal__form-btn_proverka {
  display: none
}

.modal__form-inner.no .modal__form-btn {
  pointer-events: none
}

.modal__form-inner.no .modal__form-btn_no {
  display: none
}

.modal__form-inner.no .modal__form-btn_yes {
  display: none
}

.modal__form-inner.no .modal__form-btn_proverka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal__form-inner.no.good .modal__form-btn_proverka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: all
}

.modal__form-inner.error .modal__form-inp {
  border: 1px solid #e21736
}

.modal__form-inner.error .modal__form-btn-prevent {
  pointer-events: none
}

.modal__form-inner.good .modal__form-btn-prevent {
  pointer-events: all
}

.modal__form-inner.pas_good .modal__form-btn2 {
  display: none
}

.modal__form-inner.pas_good .chosen-container {
  display: inline-block
}

.modal__form-inner.pas_good .modal__form-btn-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal__form-dop_block {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  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;
  color: #e21736;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  border-bottom: 1px solid;
  margin: 0 auto;
  margin-top: 20px
}

.modal__form-dop_block:hover {
  color: #e21736
}

.modal__form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 25px;
  padding-bottom: 30px
}

.modal__form-bottom > span + span {
  margin-left: 40px
}

.modal__form-bottom > span + span::before {
  content: '';
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 50%;
  left: -30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/assets/frontend/img/autorization/chevron-right.svg) no-repeat center;
  background-size: contain
}

.modal__form-bottom > span {
  position: relative
}

.modal__form-bottom-stage1 {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-mail%22%3E%3Cpath%20d%3D%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%2C6%2012%2C13%202%2C6%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__form-bottom-stage1-dis {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-mail%22%3E%3Cpath%20d%3D%22M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2222%2C6%2012%2C13%202%2C6%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__form-bottom-stage2 {
  width: 23px;
  height: 23px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-pocket%22%3E%3Cpath%20d%3D%22M4%203h16a2%202%200%200%201%202%202v6a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2011V5a2%202%200%200%201%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%228%2010%2012%2014%2016%2010%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__form-bottom-stage2-dis {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-pocket%22%3E%3Cpath%20d%3D%22M4%203h16a2%202%200%200%201%202%202v6a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2011V5a2%202%200%200%201%202-2z%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%228%2010%2012%2014%2016%2010%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__form-bottom-stage3 {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-key%22%3E%3Cpath%20d%3D%22M21%202l-2%202m-7.61%207.61a5.5%205.5%200%201%201-7.778%207.778%205.5%205.5%200%200%201%207.777-7.777zm0%200L15.5%207.5m0%200l3%203L22%207l-3-3m-3.5%203.5L19%204%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__form-bottom-stage3-dis {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-key%22%3E%3Cpath%20d%3D%22M21%202l-2%202m-7.61%207.61a5.5%205.5%200%201%201-7.778%207.778%205.5%205.5%200%200%201%207.777-7.777zm0%200L15.5%207.5m0%200l3%203L22%207l-3-3m-3.5%203.5L19%204%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.modal__form-btn {
  width: 100%;
  height: 55px;
  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;
  background-color: var(--color-main);
  border: none;
  border-radius: 20px;
  color: white;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  outline: 0
}

@media screen and (max-width: 576px) {
  .modal__form-btn {
    height: 48px;
    font-size: 18px
  }
}

.modal__form-btn:focus {
  outline: 0
}

.modal__form-btn:hover {
  color: white;
}

.modal__form-btn2 {
  background-color: #fff;
  border: 3px solid var(--color-main);
  color: var(--color-main)
}

.modal__form-btn2:hover {
  color: var(--color-main)
}

.modal__form-btn-prevent {
  pointer-events: none
}

.modal__form-btn_mg {
  margin-top: 50px
}

.modal__form-btn + .modal__form-btn {
  margin-top: 25px
}

.modal__form-inp {
  border-radius: 10px;
  width: 100%;
  border: 1px solid #999999;
  height: 47px;
  box-shadow: none;
  line-height: 1;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 10px 15px;
  outline: 0
}

.modal__form-inp::-webkit-input-placeholder {
  color: #bababa
}

.modal__form-inp::-moz-placeholder {
  color: #bababa
}

.modal__form-inp:-ms-input-placeholder {
  color: #bababa
}

.modal__form-inp::-ms-input-placeholder {
  color: #bababa
}

.modal__form-inp::placeholder {
  color: #bababa
}

.modal__form-inp + .modal__form-btn2 {
  margin-top: 25px
}

.modal__form-inp + .modal__form-inp {
  margin-top: 15px
}

.modal__form-inp + .modal__form-btn {
  margin-top: 25px
}

.modal__form-h2 {
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 28px;
  margin-bottom: 20px
}

@media screen and (max-width: 576px) {
  .modal__form-h2 {
    font-size: 20px;
    line-height: 22px
  }
}

.modal__form-p {
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #7d7d7d
}

@media screen and (max-width: 576px) {
  .modal__form-p {
    font-size: 16px;
    line-height: 18px
  }
}

.modal__form-p a {
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
  color: #e21736;
  border-bottom: 1px solid
}

@media screen and (max-width: 576px) {
  .modal__form-p a {
    font-size: 16px;
    line-height: 16px
  }
}

.modal__form-p + .modal__form-btn {
  margin-top: 25px
}

.modal__form-p + .modal__form-p {
  margin-top: 15px
}

@media screen and (max-width: 576px) {
  .modal__form-p + .modal__form-p {
    margin-top: 10px
  }
}

.modal__form-p + .modal__form-inp {
  margin-top: 30px
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #0f1820;
  background-color: var(--color-main);
  border-color: var(--color-main)
}

.btn-primary.focus,
.btn-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.Deadline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 100px
}

.Deadline span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

.Deadline div {
  width: 219px;
  height: 39px;
  position: relative;
  margin-left: 35px
}

.Deadline div i {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.Deadline input {
  width: 100%;
  height: 100%;
  background-color: #d8d8d8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(63%, #f5f5f5), color-stop(100%, #ebebeb), color-stop(100%, #fff), to(#efefef));
  background-image: -o-linear-gradient(top, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
  background-image: linear-gradient(180deg, #fff 0, #f5f5f5 63%, #ebebeb 100%, #fff 100%, #efefef 100%);
  border: 1px solid #bababa;
  border-radius: 5px;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 10px 15px
}

.development__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px
}

@media screen and (max-width: 1199px) {
  .development__title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.development__title div + div,
.development__title h1 + div {
  margin-left: 25px
}

@media screen and (max-width: 1199px) {

  .development__title div + div,
  .development__title h1 + div {
    margin-left: 0
  }
}

@media screen and (max-width: 1199px) {
  .development__title h1 {
    width: 100%
  }
}

@media screen and (max-width: 1199px) {
  .development__title div {
    margin-top: 15px;
    margin-right: 10px
  }
}

.development__status {
  height: 39px;
  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;
  background-color: #fff;
  border: 2px solid #e2e2e2;
  border-radius: 10px;
  padding: 12px 25px 12px 20px;
  cursor: default
}

.development__status span {
  display: inline-block;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px
}

@media screen and (max-width: 767px) {
  .development__status span {
    font-size: 14px;
    line-height: 14px
  }
}

.development__status span + span {
  margin-left: 15px
}

.development__status-dis {
  height: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 25px 12px 20px;
  background-color: #f1f1f1;
  border-radius: 10px;
  cursor: default
}

.development__status-dis span {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px
}

@media screen and (max-width: 767px) {
  .development__status-dis span {
    font-size: 14px;
    line-height: 14px
  }
}

.development__status-dis i {
  width: 21px;
  height: 23px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 15px
}

.development__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0;
  padding-left: 15px;
  margin-bottom: 50px
}

@media screen and (max-width: 1199px) {
  .development__block {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
}

@media screen and (max-width: 767px) {
  .development__block {
    margin-top: 20px
  }
}

.development__block > div {
  min-width: 70px
}

@media screen and (max-width: 576px) {
  .development__block > div {
    min-width: 40px
  }

  .development__block > div i.ic_message {
    width: 40px;
    height: 40px
  }

  .development__block > div i.ic_zap {
    width: 40px;
    height: 46px
  }
}

.development__block > div > h3 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 12px
}

@media screen and (max-width: 767px) {
  .development__block > div > h3 {
    font-size: 16px;
    line-height: 18px
  }
}

.development__block > div > p {
  color: #0f1820;
  font-size: 16px;
  line-height: 22px;
  font-family: "AeonikPro", sans-serif;
}

@media screen and (max-width: 767px) {
  .development__block > div > p {
    font-size: 14px;
    line-height: 16px
  }
}

.development__block > div > p + p {
  margin-top: 20px
}

.development__block > div + div {
  margin-left: 20px
}

.development__block-txtr > div > div.noborder {
  margin-bottom: 0 !important;
}

.development__block-txtr > div > div {
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 10px;
  padding: 80px 30px 55px 25px;
  margin: 35px 0 75px
}

@media screen and (max-width: 576px) {
  .development__block-txtr > div > div {
    padding: 50px 15px 30px 15px
  }
}

.development__block-txtr > div > div > span {
  width: 148px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -1px;
  left: -1px;
  background-color: #d8d8d8;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 767px) {
  .development__block-txtr > div > div > span {
    font-size: 16px;
    line-height: 18px
  }
}

@media screen and (max-width: 576px) {
  .development__block-txtr > div > div > span {
    height: 40px
  }
}

.development__block + .development__block {
  margin-bottom: 65px
}

@media screen and (max-width: 576px) {
  .development__block + .development__block {
    margin-top: 20px
  }
}

.development__message {
  max-width: 860px
}

.development__message-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.development__message-bot {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  margin-top: 17px
}

@media screen and (max-width: 767px) {
  .development__message-bot {
    font-size: 14px;
    line-height: 16px
  }
}

.development__message-img {
  width: 49px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 17px
}

.development__message-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.development__message-name span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 767px) {
  .development__message-name span {
    font-size: 16px;
    line-height: 18px
  }
}

.development__message-name p {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
  margin-top: 7px
}

@media screen and (max-width: 767px) {
  .development__message-name p {
    font-size: 14px;
    line-height: 16px
  }
}

.development__message + .development__message {
  margin-top: 35px
}

.development__send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 90px
}

@media screen and (max-width: 767px) {
  .development__send {
    margin-top: 30px
  }
}

.development__send-img {
  width: 49px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 17px
}

@media screen and (max-width: 576px) {
  .development__send-img {
    display: none
  }
}

.development__send-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.development__send-right {
  width: 100%;
  height: 81px;
  position: relative
}

@media screen and (max-width: 991px) {
  .development__send-right {
    height: 50px
  }
}

@media screen and (max-width: 576px) {
  .development__send-right {
    height: 30px
  }
}

.development__send-right > input {
  width: calc(100% - 25px);
  height: 100%;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  outline: 0;
  padding: 10px 80px 10px 20px
}

@media screen and (max-width: 576px) {
  .development__send-right > input {
    width: calc(100% - 10px);
    padding: 0 50px 0 15px
  }
}

.development__send-right > button {
  width: 90px;
  height: 81px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-main);
  background-image: url(/assets/frontend/img/development/send.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 42px 42px;
  border-radius: 10px;
  border: none;
  outline: 0;
  cursor: pointer
}

@media screen and (max-width: 991px) {
  .development__send-right > button {
    width: 60px;
    height: 50px;
    background-size: 25px 25px
  }
}

@media screen and (max-width: 576px) {
  .development__send-right > button {
    width: 35px;
    height: 30px;
    background-size: 15px 15px
  }
}

.confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 60%;
  -webkit-box-flex: 0;
  flex: 0 0 60%;
  max-width: 60%;
  position: relative;
  padding-right: 70px;
  padding-left: 15px;
  margin-bottom: 100px
}

@media screen and (max-width: 1710px) {
  .confirmation {
    padding-right: 35px
  }
}

@media screen and (max-width: 1199px) {
  .confirmation {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px
  }
}

.confirmation::before {
  content: '';
  width: 100vw;
  height: calc(100% + 70px);
  display: block;
  position: absolute;
  top: -35px;
  right: 0;
  background-color: var(--color-main);
  border-radius: 10px;
  z-index: -1
}

@media screen and (max-width: 1199px) {
  .confirmation::before {
    width: 200%;
    right: -25%
  }
}

.confirmation > div {
  min-width: 70px
}

@media screen and (max-width: 576px) {
  .confirmation > div {
    min-width: 40px
  }
}

@media screen and (max-width: 576px) {
  .confirmation > div > i.ic_shield {
    width: 38px;
    height: 38px
  }
}

.confirmation > div > h3 {
  position: relative;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 25px
}

@media screen and (max-width: 767px) {
  .confirmation > div > h3 {
    font-size: 16px;
    line-height: 18px
  }
}

.confirmation > div > p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px
}

@media screen and (max-width: 767px) {
  .confirmation > div > p {
    font-size: 14px;
    line-height: 16px
  }
}

.confirmation > div + div {
  margin-left: 20px
}

.confirmation__block {
  width: 100%;
  max-width: 460px;
  height: 151px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 7px 30.5px 4.6px rgba(0, 0, 0, .1);
  box-shadow: 0 7px 30.5px 4.6px rgba(0, 0, 0, .1);
  padding: 15px 17px 17px;
  margin-top: 25px
}

@media screen and (max-width: 96px) {
  .confirmation__block {
    height: auto;
    padding: 15px 15px
  }
}

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

@media screen and (max-width: 767px) {
  .confirmation__block-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.confirmation__block-left {
  width: 61px;
  height: 61px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 20px
}

@media screen and (max-width: 96px) {
  .confirmation__block-left {
    width: 55px;
    height: 55px;
    margin-right: 20px
  }
}

@media screen and (max-width: 1199px) {
  .confirmation__block-left {
    height: 55px;
    margin-right: 10px
  }
}

@media screen and (max-width: 576px) {
  .confirmation__block-left {
    min-width: 40px;
    width: 40px;
    height: 40px
  }
}

.confirmation__block-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.confirmation__block-right > span {
  display: inline-block;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  margin-top: 10px
}

@media screen and (max-width: 767px) {
  .confirmation__block-right > span {
    font-size: 18px;
    line-height: 18px
  }
}

.confirmation__block-right > p {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
  margin-top: 5px
}

.confirmation__block-right > a {
  display: inline-block;
  background-color: var(--color-main);
  border: 3px solid #fff;
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  text-align: center;
  padding: 15px 25px;
  margin-top: 12px
}

@media screen and (max-width: 767px) {
  .confirmation__block-right > a {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 20px
  }
}

.confirmation__block-right > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 28px
}

.confirmation__block-right > div i {
  margin-right: 13px
}

.confirmation__block-right > div span {
  color: #68c100;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  padding-top: 3px
}

@media screen and (max-width: 767px) {
  .confirmation__block-right > div span {
    font-size: 16px;
    line-height: 18px
  }
}

.confirmation__block + .confirmation__block {
  margin-left: 35px
}

@media screen and (max-width: 96px) {
  .confirmation__block + .confirmation__block {
    margin-left: 15px
  }
}

@media screen and (max-width: 767px) {
  .confirmation__block + .confirmation__block {
    margin-left: 0;
    margin-top: 15px
  }
}

.editing {
  padding-bottom: 100px
}

.editing__inner h1 {
  margin-bottom: 10px
}

.editing__inner h1 span {
  font-family: "AeonikPro", sans-serif;
}

.editing__bookmark {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  top: 5px;
  right: 97%;
  border-radius: 10px;
  padding: 0 15px;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

@media screen and (max-width: 96px) {
  .editing__bookmark {
    right: 95%
  }
}

@media screen and (max-width: 767px) {
  .editing__bookmark {
    right: 92%
  }
}

@media screen and (max-width: 576px) {
  .editing__bookmark {
    right: 87%
  }
}

.editing__bookmark span {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px
}

.editing__bookmark span i {
  margin-right: 15px
}

.editing__bookmark > i {
  display: inline-block
}

.editing__bookmark i.ic_calendar {
  width: 26px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-calendar%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%20ry%3D%222%22%3E%3C%2Frect%3E%3Cline%20x1%3D%2216%22%20y1%3D%222%22%20x2%3D%2216%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%228%22%20y1%3D%222%22%20x2%3D%228%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2210%22%20x2%3D%2221%22%20y2%3D%2210%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.editing__bookmark i.ic_bell {
  width: 26px;
  height: 28px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-bell%22%3E%3Cpath%20d%3D%22M18%208A6%206%200%200%200%206%208c0%207-3%209-3%209h18s-3-2-3-9%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M13.73%2021a2%202%200%200%201-3.46%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.editing__bookmark:hover {
  right: 80%
}

@media screen and (max-width: 96px) {
  .editing__bookmark:hover {
    right: 70%
  }
}

@media screen and (max-width: 1199px) {
  .editing__bookmark:hover {
    right: 80%
  }
}

@media screen and (max-width: 991px) {
  .editing__bookmark:hover {
    right: 75%
  }
}

@media screen and (max-width: 767px) {
  .editing__bookmark:hover {
    right: 65%
  }
}

@media screen and (max-width: 576px) {
  .editing__bookmark:hover {
    right: 50%
  }
}

@media screen and (max-width: 359px) {
  .editing__bookmark:hover {
    right: 40%
  }
}

.editing__bookmark:hover span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.editing__bookmark:hover > i {
  display: none
}

.editing__block {
  position: relative;
  padding-top: 10px;
  padding-left: 55px
}

@media screen and (max-width: 1199px) {
  .editing__block {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%
  }
}

.editing__block-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 767px) {
  .editing__block-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.editing__block-line-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 96px) {
  .editing__block-line-left {
    max-width: 150px;
    width: 100%
  }
}

@media screen and (max-width: 1199px) {
  .editing__block-line-left {
    max-width: 350px
  }
}

@media screen and (max-width: 991px) {
  .editing__block-line-left {
    max-width: 250px
  }
}

@media screen and (max-width: 767px) {
  .editing__block-line-left {
    max-width: 100%
  }
}

.editing__block-line-left > i {
  margin-right: 15px
}

.editing__block-line-right {
  width: 480px
}

@media screen and (max-width: 96px) {
  .editing__block-line-right {
    max-width: 450px;
    width: 100%
  }
}

@media screen and (max-width: 767px) {
  .editing__block-line-right {
    max-width: 100%;
    margin-top: 10px
  }
}

.editing__block-line-right-fl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.editing__block-line-right-fl > span {
  display: inline-block;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-right: 15px
}

.editing__block-line-right-fl > div + span {
  margin-left: 35px
}

.editing__block-line-right-fl > div {
  width: 90px !important
}

.editing__block-line-right > input,
.editing__block-line-right > textarea {
  width: 100%;
  height: 39px;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  padding: 5px 10px;
  outline: 0
}

.editing__block-line-right > textarea {
  height: 125px;
  padding: 15px
}

.editing__block-line-right .nav-pills {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 500px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 4px;
  overflow-x: auto
}

@media screen and (max-width: 1400px) {
  .editing__block-line-right .nav-pills {
    max-width: 365px
  }
}

@media screen and (max-width: 1199px) {
  .editing__block-line-right .nav-pills {
    max-width: 500px
  }
}

@media screen and (max-width: 991px) {
  .editing__block-line-right .nav-pills {
    max-width: 400px
  }
}

@media screen and (max-width: 767px) {
  .editing__block-line-right .nav-pills {
    max-width: 100%
  }
}

.editing__block-line-right .nav-pills::-webkit-scrollbar {
  width: 4px;
  height: 4px
}

.editing__block-line-right .nav-pills > a {
  width: 44px;
  height: 39px;
  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;
  background-color: transparent;
  border-radius: 10px;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #969696
}

.editing__block-line-right .nav-pills > a.nav-link.active,
.editing__block-line-right .nav-pills > a.show > .nav-link {
  color: #0f1820;
  background-color: var(--color-main)
}

.editing__block-line-right-nav {
  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
}

.editing__block-line-right-nav > span {
  display: inline-block;
  border-bottom: 1px solid;
  color: #969696;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
  margin-left: 22px;
  margin-top: 10px;
  cursor: pointer
}

.editing__block-line-right-constructor {
  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
}

.editing__block-line-right-constructor > div,
.editing__block-line-right-constructor > input {
  width: 437px !important
}

@media screen and (max-width: 96px) {

  .editing__block-line-right-constructor > div,
  .editing__block-line-right-constructor > input {
    width: 400px !important
  }
}

@media screen and (max-width: 1350px) {

  .editing__block-line-right-constructor > div,
  .editing__block-line-right-constructor > input {
    width: 315px !important
  }
}

@media screen and (max-width: 1199px) {

  .editing__block-line-right-constructor > div,
  .editing__block-line-right-constructor > input {
    width: 400px !important
  }
}

@media screen and (max-width: 991px) {

  .editing__block-line-right-constructor > div,
  .editing__block-line-right-constructor > input {
    max-width: 350px !important
  }
}

@media screen and (max-width: 767px) {

  .editing__block-line-right-constructor > div,
  .editing__block-line-right-constructor > input {
    max-width: calc(100% - 50px) !important;
    width: 100% !important
  }
}

.editing__block-line-right-constructor > i.ic_close {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b3b3b3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  cursor: pointer
}

.editing__block-line-right-constructor > i.ic_edit {
  cursor: pointer
}

.editing__block-line-dop {
  height: 0;
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.editing__block-line-dop .chosen-container-single .chosen-single {
  display: none
}

.editing__block-line-dop .hasDatepicker {
  display: none
}

.editing__block-line-dop .editing__block-line-left {
  display: none
}

.editing__block-line-wrap.show .editing__block-line-dop {
  height: auto;
  margin-top: 30px;
  opacity: 1
}

.editing__block-line-wrap.show .editing__block-line-dop .chosen-container-single .chosen-single {
  display: block
}

.editing__block-line-wrap.show .editing__block-line-dop .hasDatepicker {
  display: block
}

.editing__block-line-wrap.show .editing__block-line-dop .editing__block-line-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.editing__block-line-wrap .tab-content {
  margin-top: 35px
}

.editing__block-line + .editing__block-line,
.editing__block-line + .editing__block-line-wrap,
.editing__block-line-wrap + .editing__block-line {
  margin-top: 30px
}

@media screen and (max-width: 576px) {

  .editing__block-line + .editing__block-line,
  .editing__block-line + .editing__block-line-wrap,
  .editing__block-line-wrap + .editing__block-line {
    margin-top: 15px
  }
}

.editing__block-line + .editing__block-line-dop {
  margin-top: 0
}

.editing__block .chosen-container-single .chosen-single div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25px
}

.editing__block .chosen-container-single .chosen-single div b {
  width: 17px;
  height: 9px;
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-size: cover !important
}

.editing__block .chosen-container-active.chosen-with-drop .chosen-single div b {
  background: url(/assets/frontend/img/training/down-arrow.png) no-repeat center center !important;
  background-position: 0 0 !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.editing__block + .editing__block {
  margin-top: 50px
}

@media screen and (max-width: 576px) {
  .editing__block + .editing__block {
    margin-top: 30px
  }
}

.editing__btn {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  margin-top: 20px !important
}

@media screen and (max-width: 1199px) {
  .editing__btn {
    margin-left: 0 !important
  }
}

@media screen and (max-width: 576px) {
  .editing__btn {
    margin-top: 20px !important
  }
}

@media screen and (max-width: 1199px) {
  .editing__btn > span {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width: 767px) {
  .editing__btn > span {
    text-align: center
  }
}

.goal__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 767px) {
  .goal__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.goal__top > h1 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 40px
}

.goal__tab {
  padding-top: 25px
}

.goal__tab-pd {
  padding-bottom: 100px
}

.goal__tab.active {
  min-height: 100vh
}

@media screen and (max-width: 1199px) {
  .goal__tab.active {
    min-height: 1000px
  }
}

.goal__tab.show_section .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 991px) {
  .goal__tab.show_section .section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.group__tab-nav {
  height: 47px;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 5px;
  margin-left: 35px
}

@media screen and (max-width: 1199px) {
  .group__tab-nav {
    margin-left: 20px
  }
}

@media screen and (max-width: 767px) {
  .group__tab-nav {
    margin-left: 0;
    margin-top: 20px
  }
}

@media screen and (max-width: 1199px) {
  .group__tab-nav .nav-item {
    height: 100%
  }
}

.group__tab-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  padding: 9px 21px
}

@media screen and (max-width: 1199px) {
  .group__tab-nav-link {
    height: 100%;
    font-size: 16px;
    line-height: 16px;
    padding: 9px 15px
  }
}

@media screen and (max-width: 576px) {
  .group__tab-nav-link {
    font-size: 14px;
    line-height: 14px;
    padding: 5px 5px
  }
}

.group__tab-nav a {
  color: #969696
}

.group__tab-nav .group__tab-nav-link {
  border-radius: 18px
}

.group__tab-nav .group__tab-nav-link.active {
  background-color: var(--color-main);
  color: #0f1820
}

.group__tab-content {
  margin-top: 40px
}

.navigator {
  width: 65px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/assets/frontend/img/navigator/navigator.png) no-repeat center center;
  background-size: 65px 56px;
  cursor: pointer;
  padding-left: 15px;
  z-index: 10
}

.navigator > i {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-image: url(/assets/frontend/img/navigator/crosshair.png);
  background-repeat: no-repeat;
  background-position: center
}

.navigator__wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 100px
}

@media screen and (max-width: 767px) {
  .navigator__wrap {
    padding-left: 90px
  }
}

@media screen and (max-width: 576px) {
  .navigator__wrap {
    padding-left: 80px
  }
}

.navigator__wrap > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 767px) {
  .navigator__wrap > span {
    font-size: 14px;
    line-height: 14px
  }
}

@media screen and (max-width: 576px) {
  .navigator__wrap > span {
    font-size: 10px;
    line-height: 12px
  }
}

.navigator__wrap > span i {
  width: 41px;
  height: 41px;
  display: inline-block;
  background: url(/assets/frontend/img/appraisal/tab/arrow-right.png) no-repeat center center;
  background-size: contain;
  margin-right: 25px
}

@media screen and (max-width: 767px) {
  .navigator__wrap > span i {
    margin-right: 10px
  }
}

.navigator__wrap .breadcrumb {
  display: none;
  margin-bottom: 0
}

.navigator__wrap .breadcrumb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 20px;
  color: #0f1820
}

@media screen and (max-width: 1199px) {
  .navigator__wrap .breadcrumb-item {
    font-size: 20px;
    line-height: 20px
  }
}

@media screen and (max-width: 991px) {
  .navigator__wrap .breadcrumb-item {
    font-size: 16px;
    line-height: 18px
  }
}

.navigator__wrap .breadcrumb-item a {
  color: #7a7a7a;
  border-bottom: none
}

.navigator__wrap .breadcrumb-item a:hover {
  border-bottom: 1px solid
}

.navigator__wrap .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: url(/assets/frontend/img/navigator/chevron-10.png);
  width: 20px;
  height: 16px
}

.navigator__wrap.open .navigator {
  top: 5px;
  left: -5px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.navigator__wrap.open .navigator__menu {
  display: block
}

.navigator__wrap.show .breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.navigator__wrap.show > span {
  display: none
}

.navigator__menu {
  width: 888px;
  max-height: 560px;
  display: none;
  position: relative;
  top: 160%;
  left: 0;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 48.8px 57.2px rgba(198, 198, 198, .42);
  box-shadow: 0 10px 48.8px 57.2px rgba(198, 198, 198, .42);
  overflow-y: auto;
  z-index: 100
}

@media screen and (max-width: 991px) {
  .navigator__menu {
    width: 100%
  }
}

.navigator__menu-top {
  padding: 45px 20px
}

@media screen and (max-width: 576px) {
  .navigator__menu-top {
    padding: 30px 10px
  }
}

.navigator__menu-top ul li {
  position: relative;
  color: #c9c9c9;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  cursor: default
}

.navigator__menu-top ul li:before {
  content: '';
  width: 2px;
  height: calc(100% - 36px);
  position: absolute;
  top: 30px;
  left: 9px;
  background-image: -o-repeating-linear-gradient(top, #000 1px, #fff 2px 5px);
  background-image: repeating-linear-gradient(to bottom, #000 1px, #fff 2px 5px);
  z-index: 0
}

@media screen and (max-width: 576px) {
  .navigator__menu-top ul li:before {
    height: calc(100% - 40px);
    top: 40px
  }
}

.navigator__menu-top ul li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.navigator__menu-top ul li > div span.mark {
  min-width: 20px;
  width: 20px;
  height: 20px;
  background-color: #d8d8d8;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  margin-right: 10px
}

.navigator__menu-top ul li.li_active {
  color: #000;
  cursor: pointer
}

.navigator__menu-top ul li.li_active > div span.mark {
  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;
  background-color: #fff
}

.navigator__menu-top ul li.li_active > div span.mark i {
  width: 8px;
  height: 8px;
  display: inline-block;
  background: url(/assets/frontend/img/navigator/plus.png) no-repeat center center;
  background-size: contain
}

.navigator__menu-top ul li.li_active > div span.mark.open i {
  width: 8px;
  height: 2px;
  background: url(/assets/frontend/img/navigator/minus.png) no-repeat center center;
  background-size: contain
}

.navigator__menu-top ul li.li_active > div span.link {
  padding-top: 3px;
  border-bottom: 1px solid transparent
}

.navigator__menu-top ul li.li_active > div span.link:hover {
  border-bottom: 1px solid #000
}

.navigator__menu-top ul li.li_active > ul {
  display: none
}

.navigator__menu-top ul li.li_active > span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  padding-left: 50px;
  margin-top: 10px
}

@media screen and (max-width: 767px) {
  .navigator__menu-top ul li.li_active > span {
    font-size: 14px;
    line-height: 14px
  }
}

.navigator__menu-top ul li.li_active > span + span {
  margin-top: 5px
}

.navigator__menu-top ul li.li_active.li_open > ul {
  display: block
}

.navigator__menu-top ul li.li_active.li_open > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.navigator__menu-top ul li.li_active.li_open > span > span:first-child {
  border-bottom: 1px solid transparent
}

.navigator__menu-top ul li.li_active.li_open > span > span:first-child:hover {
  border-bottom: 1px solid #000
}

.navigator__menu-top ul.ul__line_1 > li {
  font-size: 28px;
  line-height: 28px
}

@media screen and (max-width: 767px) {
  .navigator__menu-top ul.ul__line_1 > li {
    font-size: 20px;
    line-height: 20px
  }
}

.navigator__menu-top ul.ul__line_1 > li + li {
  margin-top: 50px
}

.navigator__menu-top ul.ul__line_2 {
  padding-left: 30px;
  margin-top: 20px
}

.navigator__menu-top ul.ul__line_2 > li {
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 767px) {
  .navigator__menu-top ul.ul__line_2 > li {
    font-size: 16px;
    line-height: 16px
  }
}

.navigator__menu-top ul.ul__line_2 > li + li {
  margin-top: 20px
}

.navigator__menu-top ul.ul__line_3 {
  padding-left: 30px;
  margin-top: 15px
}

.navigator__menu-top ul.ul__line_3 > li {
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 767px) {
  .navigator__menu-top ul.ul__line_3 > li {
    font-size: 16px;
    line-height: 16px
  }
}

.navigator__menu-top ul.ul__line_3 > li + li {
  margin-top: 10px
}

.navigator__menu-bot {
  border-top: 1px solid #c1c1c1;
  padding: 15px 20px
}

.navigator__menu-bot span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #828282;
  font-family: "AeonikPro", sans-serif;
  font-size: 14px;
  line-height: 14px
}

.navigator__menu-bot span i {
  margin-right: 15px
}

.progress {
  height: 26px;
  /*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;
  background-color: #f1f1f1;
  border-radius: 13px;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #888;
  padding: 0 17px;
  cursor: default;
  overflow: visible;
  margin-left: 15px
}

@media screen and (max-width: 576px) {
  .progress {
    display: none
  }
}

.progress span {
  display: inline-block;
  margin-left: 5px
}

.progress__good {
  color: #68c100 !important
}

.progress__sr {
  color: #dd6800 !important
}

.progress__bad {
  color: #f81c3a !important
}

.progress__ic {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23838383%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-left: 15px !important
}

.progress__ic:hover .tooltip {
  display: block;
  bottom: 160%;
  left: -5px
}

.progress__ic.tool__right .tooltip {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  right: -5px;
  left: auto
}

.progress__ic.tool__right .tooltip__inner {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1)
}

.section {
  display: none;
  margin-top: 55px
}

.section__left,
.section__right {
  width: 50%
}

@media screen and (max-width: 991px) {

  .section__left,
  .section__right {
    width: 100%
  }
}

.section__left {
  padding-right: 60px
}

@media screen and (max-width: 1199px) {
  .section__left {
    padding-right: 20px
  }
}

@media screen and (max-width: 991px) {
  .section__left {
    padding-right: 0
  }
}

.section__right {
  position: relative;
  padding-left: 60px;
  padding-bottom: 100px;
  margin-bottom: 50px
}

@media screen and (max-width: 1199px) {
  .section__right {
    padding-left: 30px
  }
}

@media screen and (max-width: 991px) {
  .section__right {
    padding-left: 0;
    margin-top: 30px
  }
}

.section__right:before {
  content: '';
  width: 8px;
  height: calc(100% + 20px);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f1f1f1;
  border-radius: 3px
}

@media screen and (max-width: 991px) {
  .section__right:before {
    display: none
  }
}

.section__right-group + .section__right-group {
  margin-top: 80px
}

.section__title {
  width: 100%;
  height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  background-image: -o-repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(0, 0, 0, .4) 6px, rgba(0, 0, 0, .4) 6px);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(0, 0, 0, .4) 6px, rgba(0, 0, 0, .4) 6px);
  margin-bottom: 35px
}

.section__title > div {
  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;
  background-color: #fff;
  color: #7a7a7a;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  padding-right: 25px
}

.section__title > div > span {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  color: #969696;
  text-transform: none;
  margin-left: 10px
}

@media screen and (max-width: 576px) {
  .section__title > div > span {
    margin-left: 0;
    margin-top: 5px
  }
}

.section__title > div > i {
  margin-right: 15px
}

.section .navigator__menu-top {
  padding: 25px 0
}

.section ul.ul__line_1 > li {
  font-size: 18px;
  line-height: 18px
}

.section ul.ul__line_1 > li + li {
  margin-top: 20px
}

.section ul.ul__line_2 {
  margin-top: 15px
}

.section ul.ul__line_2 > li + li {
  margin-top: 10px
}

.staging__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 576px) {
  .staging__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.staging__top span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

.staging__tab {
  height: 47px;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 5px;
  margin-left: 25px
}

@media screen and (max-width: 576px) {
  .staging__tab {
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    margin-top: 10px
  }
}

.staging__tab-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent !important;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  border-radius: 18px !important;
  padding: 9px 21px
}

@media screen and (max-width: 576px) {
  .staging__tab-link {
    font-size: 14px;
    line-height: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.staging__tab-link.active {
  background-color: var(--color-main) !important;
  color: #0f1820 !important
}

.staging__tab a {
  color: #969696
}

.staging__tabContent {
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px
}

.staging__tabContent-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.staging__tabContent-inner button.staging-btn__close {
  width: 27px;
  height: 27px;
  margin-left: 25px
}

.staging__tabContent-inp {
  width: 100%;
  height: 39px;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 15px
}

.staging__tabContent-inp::-webkit-input-placeholder {
  color: #969696
}

.staging__tabContent-inp::-moz-placeholder {
  color: #969696
}

.staging__tabContent-inp:-ms-input-placeholder {
  color: #969696
}

.staging__tabContent-inp::-ms-input-placeholder {
  color: #969696
}

.staging__tabContent-inp::placeholder {
  color: #969696
}

.staging__tabContent-text {
  width: 100%;
  height: 125px;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 15px;
  margin-top: 25px
}

.staging__tabContent-text::-webkit-input-placeholder {
  color: #969696
}

.staging__tabContent-text::-moz-placeholder {
  color: #969696
}

.staging__tabContent-text:-ms-input-placeholder {
  color: #969696
}

.staging__tabContent-text::-ms-input-placeholder {
  color: #969696
}

.staging__tabContent-text::placeholder {
  color: #969696
}

.staging__tabContent .add__target {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: -150px;
  left: 0;
  background-color: var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  padding: 0 27px
}

.staging__tabContent-nav {
  width: 100%;
  margin-bottom: 25px
}

.edit__tab {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 47px;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 5px;
  margin-top: 30px
}

@media screen and (max-width: 767px) {
  .edit__tab {
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.edit__tab-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent !important;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  border-radius: 18px !important;
  padding: 9px 21px
}

@media screen and (max-width: 767px) {
  .edit__tab-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.edit__tab-link.active {
  background-color: var(--color-main) !important;
  color: #0f1820 !important
}

.edit__tab a {
  color: #969696
}

.edit__tabContent {
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px
}

.edit__tabContent-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.edit__tabContent-inner button {
  margin-left: 25px
}

.edit__tabContent-inner button.staging-btn__close {
  width: 27px;
  height: 27px
}

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

.edit__tabContent-inner + .edit__tabContent-inner {
  margin-top: 25px
}

.edit__tabContent-inp {
  width: 100%;
  height: 39px;
  background: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 15px
}

.edit__tabContent-inp::-webkit-input-placeholder {
  color: #969696
}

.edit__tabContent-inp::-moz-placeholder {
  color: #969696
}

.edit__tabContent-inp:-ms-input-placeholder {
  color: #969696
}

.edit__tabContent-inp::-ms-input-placeholder {
  color: #969696
}

.edit__tabContent-inp::placeholder {
  color: #969696
}

.edit__tabContent-inp.None,
.edit__tabContent-text.None {
  pointer-events: none;
  background: -o-repeating-linear-gradient(135deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px);
  background: repeating-linear-gradient(-45deg, #b1b1b1, #b1b1b1 2px, #fff 2px, #fff 6px)
}

.edit__tabContent-text {
  width: 100%;
  height: 125px;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 5px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 15px
}

.edit__tabContent-text::-webkit-input-placeholder {
  color: #969696
}

.edit__tabContent-text::-moz-placeholder {
  color: #969696
}

.edit__tabContent-text:-ms-input-placeholder {
  color: #969696
}

.edit__tabContent-text::-ms-input-placeholder {
  color: #969696
}

.edit__tabContent-text::placeholder {
  color: #969696
}

.edit__tabContent .add__target {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: -150px;
  left: 0;
  background-color: var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  padding: 0 27px
}

.edit__tabContent-nav {
  width: 100%;
  margin-bottom: 25px
}

.edit__tabContent .Deadline {
  margin-top: 25px;
  margin-bottom: 45px
}

.accordion .card:first-of-type {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px
}

.accordion .card:last-of-type {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px
}

.accordion .card:first-of-type {
  border-bottom: 1px solid #c6c6c6
}

.accordion__btn {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: none;
  padding: 0;
  border-radius: 0
}

.accordion__btn:focus,
.accordion__btn:hover {
  color: #0f1820;
  text-decoration: none
}

.accordion__btn .ic_chevron-down {
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.accordion__btn-left {
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

@media screen and (max-width: 1199px) {
  .accordion__btn-left {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media screen and (max-width: 991px) {
  .accordion__btn-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
}

.accordion__btn-left > span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px
}

@media screen and (max-width: 1199px) {
  .accordion__btn-left > span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px
  }
}

@media screen and (max-width: 991px) {
  .accordion__btn-left > span {
    margin-bottom: 0
  }
}

@media screen and (max-width: 576px) {
  .accordion__btn-left > span {
    font-size: 18px;
    line-height: 18px
  }
}

.accordion__btn-info {
  height: 26px;
  background-color: #f1f1f1;
  border-radius: 13px;
  padding: 0 15px;
  margin-left: 15px;
  float: left;
}

@media screen and (max-width: 1199px) {
  .accordion__btn-info {
    margin-left: 0
  }
}

@media screen and (max-width: 767px) {
  .accordion__btn-info {
    margin-top: 5px
  }
}

@media screen and (max-width: 576px) {
  .accordion__btn-info {
    display: none
  }
}

.accordion__btn-info > span {
  display: inline-block;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #969696
}

.accordion__btn-info > span + span {
  margin-left: 15px
}

.accordion__btn-info > span.progress__good {
  color: #68c100
}

.accordion__btn-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 115%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.accordion__btn-modal a + a {
  margin-left: 10px
}

.accordion__btn.collapsed .ic_chevron-down {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}

.accordion + .accordion {
  margin-top: 35px
}

.card {
  border: 1px solid #c6c6c6;
  overflow: hidden
}

.card-header {
  border-bottom: none;
  padding: 22px 27px
}

@media screen and (max-width: 576px) {
  .card-header {
    padding: 15px 20px
  }
}

.card-header:first-child {
  border-radius: 10px
}

.card-header > h5 {
  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
}

.card__body {
  padding: 0
}

.card__body-top {
  padding: 10px 25px 25px
}

@media screen and (max-width: 576px) {
  .card__body-top {
    padding: 10px 20px 25px
  }
}

.card__body-top .target__block-name {
  font-size: 16px
}

.card__body-top .target__block-name-disp {
  line-height: 22px
}

.card__body-bot {
  height: 78px;
  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;
  background: rgba(240, 240, 240, 1.0);
  background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1.0), rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(top, rgba(240, 240, 240, 1.0), rgba(255, 255, 255, 0));
  background: linear-gradient(to bottom, rgba(240, 240, 240, 1.0), rgba(255, 255, 255, 0));
  padding: 0 25px
}

@media screen and (max-width: 576px) {
  .card__body-bot {
    height: auto;
    padding: 10px 20px
  }
}

.card__body-bot span {
  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;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #7a7a7a
}

@media screen and (max-width: 1199px) {
  .card__body-bot span {
    font-size: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width: 576px) {
  .card__body-bot span {
    display: inline-block
  }
}

.card__body-bot span button {
  height: 33px;
  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;
  background-color: var(--color-main);
  border-radius: 17px;
  border: none;
  outline: 0;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  padding: 0 15px;
  margin: 0 10px;
  cursor: pointer
}

@media screen and (max-width: 1199px) {
  .card__body-bot span button {
    height: 26px;
    font-size: 14px;
    margin-top: 2px
  }
}

@media screen and (max-width: 576px) {
  .card__body-bot span button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

.card__body-bot span button i {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url(/assets/frontend/img/accordion/arrow-right.svg) no-repeat 50% 50%/contain;
  margin-left: 5px
}

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

.history__top {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-bottom: 100px
}

.history__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.history__block-left {
  min-width: 175px;
  max-width: 175px;
  text-align: right;
  padding-right: 30px
}

@media screen and (max-width: 576px) {
  .history__block-left {
    min-width: 115px
  }
}

@media screen and (max-width: 359px) {
  .history__block-left {
    padding-right: 15px
  }
}

.history__block-left p {
  color: #767676;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px
}

.history__block-left p + p {
  margin-top: 5px
}

.history__block-right {
  width: 100%;
  position: relative;
  text-align: left;
  padding-left: 30px;
  padding-bottom: 30px
}

@media screen and (max-width: 359px) {
  .history__block-right {
    padding-left: 15px
  }
}

.history__block-right::before {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d8d8d8;
  border-radius: 3px
}

.history__block-right::after {
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0;
  left: -9px;
  border: 3px solid #fff;
  border-radius: 50%
}

.history__block-right h3 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 8px
}

.history__block-right p {
  font-size: 13px;
  line-height: 17px
}

.history__block-right p span {
  color: #767676;
  font-family: "AeonikPro", sans-serif;
  font-size: 13px;
  line-height: 13px
}

.history__block-right-title {
  margin-bottom: 10px
}

.history__block-good .history__block-right::after {
  background-color: #68c100
}

.history__block-sr .history__block-right::after {
  background-color: var(--color-main)
}

.history__block-bad .history__block-right::after {
  background-color: #dd6800
}

.history__bot {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding-top: 15px
}

.history__bot::before {
  content: '';
  width: calc(100% + 60px);
  height: 1px;
  background-color: #c1c1c1;
  position: absolute;
  top: 0;
  left: -30px
}

.history__bot p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #828282;
  font-family: "AeonikPro", sans-serif;
  font-size: 14px;
  line-height: 14px
}

.history__bot p i {
  width: 23px;
  height: 23px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23838383%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 15px
}

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

.chat__top {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.chat__bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding-top: 15px
}

.chat__bot::before {
  content: '';
  width: calc(100% + 60px);
  height: 1px;
  background-color: #c1c1c1;
  position: absolute;
  top: 0;
  left: -30px
}

.chat__bot p {
  color: #828282;
  font-family: "AeonikPro", sans-serif;
  font-size: 14px;
  line-height: 14px
}

.chat__bot p + p {
  margin-top: 10px
}

.chat__bot i {
  min-width: 23px;
  height: 23px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23838383%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 15px
}

.chat__answer,
.chat__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 30px
}

.chat__answer-left,
.chat__block-left {
  margin-right: 20px
}

@media screen and (max-width: 576px) {

  .chat__answer-left,
  .chat__block-left {
    margin-right: 7px
  }
}

.chat__answer-left img,
.chat__block-left img {
  width: 54px;
  height: 54px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
  overflow: hidden
}

.chat__answer-title,
.chat__block-title {
  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;
  margin-bottom: 10px
}

.chat__answer-title h3,
.chat__block-title h3 {
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  color: #0f1820
}

.chat__answer-title p,
.chat__block-title p {
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  color: #969696;
  margin-left: 15px
}

@media screen and (max-width: 576px) {

  .chat__answer-title p,
  .chat__block-title p {
    margin-left: 0
  }
}

.chat__answer-title span,
.chat__block-title span {
  height: 26px;
  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;
  background-color: var(--color-main);
  border-radius: 13px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  padding: 0 12px;
  margin-left: 15px
}

@media screen and (max-width: 576px) {

  .chat__answer-title span,
  .chat__block-title span {
    margin-left: 0
  }
}

.chat__answer-text span,
.chat__block-text span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 576px) {

  .chat__answer-text span,
  .chat__block-text span {
    font-size: 12px;
    line-height: 14px
  }
}

.chat__btn-answer {
  display: block;
  background-color: transparent;
  color: #969696;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  border: none;
  border-bottom: 1px solid #969696;
  outline: 0;
  padding: 0
}

@media screen and (max-width: 576px) {
  .chat__btn-answer {
    font-size: 12px;
    line-height: 14px
  }
}

.chat__btn-answer:focus {
  outline: 0
}

.chat__answer {
  position: relative;
  padding-left: 74px
}

@media screen and (max-width: 576px) {
  .chat__answer {
    padding-left: 0
  }
}

.chat__answer-corner {
  width: 31px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 12px;
  background: url(/assets/frontend/img/chat/corner-left-up.png) no-repeat center;
  background-size: cover
}

@media screen and (max-width: 576px) {
  .chat__answer-corner {
    display: none
  }
}

.chat__send {
  display: none
}

.chat__send-inner {
  width: 100%;
  height: 97px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.chat__send-inp {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2
}

.chat__send-inp input {
  width: 100%;
  height: 100%;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  outline: 0;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #bababa;
  padding: 15px 75px 15px 15px
}

.chat__send-btn {
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-main);
  background-image: url(/assets/frontend/img/chat/send.svg);
  background-repeat: no-repeat;
  background-position: left 45% center;
  background-size: 25px 25px;
  border-radius: 5px;
  border: none;
  outline: 0;
  z-index: 3
}

.chat__send-btn:focus {
  outline: 0
}

.chat__send-people {
  display: none;
  width: calc(100% - 60px);
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 26.6px 8.4px rgba(0, 0, 0, .2);
  box-shadow: 0 6px 26.6px 8.4px rgba(0, 0, 0, .2);
  padding: 20px 20px 120px 20px;
  z-index: -1
}

.chat__send-people_block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.chat__send-people_block img {
  width: 45px;
  height: 45px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 25px;
  margin-right: 15px
}

.chat__send-people_block span {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px
}

.chat__send-people_block + .chat__send-people_block {
  margin-top: 15px
}

.chat.show .chat__send {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.desc {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow-x: scroll;
  padding-bottom: 100px;
  margin-bottom: 50px
}

.desc::-webkit-scrollbar {
  width: 7px;
  height: 7px
}

.desc::-webkit-scrollbar-track {
  background: #999999;
  border-radius: 4px
}

.desc::-webkit-scrollbar-thumb {
  background-color: var(--color-main);
  border-radius: 4px
}

.desc::-webkit-scrollbar-thumb:hover {
  background: var(--color-main)
}

.desc__wrap {
  margin-top: 40px
}


@media screen and (max-width: 96px) {
  .desc__navigation {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.desc__navigation .development__title {
  margin-bottom: 0
}

@media screen and (max-width: 991px) {
  .desc__navigation .input__block {
    width: 55px;
    bottom: -5px;
    background-color: #f1f1f1
  }
}

@media screen and (max-width: 767px) {
  .desc__navigation .input__block:hover {
    background-color: #f1f1f1
  }
}

@media screen and (max-width: 767px) {
  .desc__navigation .input__block.open {
    bottom: -5px
  }
}

@media screen and (max-width: 96px) {
  .desc__caption {
    -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
  }
}

@media screen and (max-width: 96px) {

  .desc__caption > div + div,
  .desc__caption > h1 + div {
    margin-left: 0;
    margin-top: 10px
  }
}

.desc__link {
  margin-bottom: 15px
}

.desc__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7a7a7a;
  text-decoration: none
}

.desc__link i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%237a7a7a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-arrow-left%22%3E%3Cline%20x1%3D%2219%22%20y1%3D%2212%22%20x2%3D%225%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cpolyline%20points%3D%2212%2019%205%2012%2012%205%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 11px
}

.desc__link span {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase
}

.desc__filter {
  height: 47px;
  position: relative;
  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;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 11px 14px;
  margin-left: 15px;
  cursor: pointer
}

.desc__filter > span {
  width: 26px;
  height: 26px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: var(--color-main);
  border: 3px solid #fff;
  border-radius: 50%;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 14px
}

.desc__filter-inner {
  display: none;
  width: 431px;
  height: 251px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
  box-shadow: 0 0 25.1px 31.9px rgba(198, 198, 198, .39);
  padding: 25px 25px 35px;
  z-index: 101
}

@media screen and (max-width: 576px) {
  .desc__filter-inner {
    width: 320px;
    height: auto
  }
}

@media screen and (max-width: 359px) {
  .desc__filter-inner {
    width: 300px
  }
}

.desc__filter-inner .ic_filter {
  position: absolute;
  top: 15px;
  right: 20px
}

.desc__filter-people {
  width: 45px;
  height: 45px;
  position: relative;
  border: 2px solid #fff;
  border-radius: 10px;

}

@media screen and (max-width: 576px) {
  .desc__filter-people {
    margin-bottom: 3px
  }
}

.desc__filter-people:hover .tooltip {
  display: block
}

.desc__filter-people.active {
  border: 2px solid #ffc300
}

.desc__filter-people.active::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(255, 229, 125, .5);
  border: 2px solid transparent;
  border-radius: 10px
}

.desc__filter-people > img {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.desc__filter-people-wrap {
  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;
  margin-bottom: 25px
}

.desc__filter-people .tooltip {
  display: none;
  bottom: calc(100% + 5px);
  left: -2px;
  padding: 10px 17px
}

.desc__filter-people .tooltip p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px
}

.desc__filter-people-add {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  outline: 0;
  border-radius: 50%;
  background-color: #f1f1f1;
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-size: 34px;
  padding: 0;
  padding-top: 5px
}

.desc__filter-people-add:focus {
  outline: 0
}

.desc__filter-title {
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.desc__filter .chosen-container-multi .chosen-choices li.search-choice {
  padding: 0 35px 0 15px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.desc__filter.open .desc__filter-inner {
  display: block
}

.desc__filter.open.active {
  background-color: var(--color-main)
}

.desc__filter.open.active > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.desc__filter.open.active .ic_filter {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-filter%22%3E%3Cpolygon%20points%3D%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.desc__filter.open.active .desc__filter-inner {
  display: none
}

.desc__filter.active {
  background-color: var(--color-main)
}

.desc__filter.active > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.desc__filter.active .ic_filter {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-filter%22%3E%3Cpolygon%20points%3D%2222%203%202%203%2010%2012.46%2010%2019%2014%2021%2014%2012.46%2022%203%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.desc__filter.active .desc__filter-inner {
  display: none
}

.desc__block {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
  box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
  padding: 12px;
  margin-top: 15px
}

.desc__block-wrap {
  min-width: 280px;
  max-width: 280px;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 17px 7px 13px
}

.desc__block-wrap-status {
  position: relative;
  padding-top: 46px
}

.desc__block-wrap textarea {
  width: 100%;
  min-height: 89px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
  box-shadow: 0 5px 14.4px 3.6px rgba(0, 0, 0, .07);
  color: #0f1820;
  border: none;
  outline: 0;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px;
  padding: 20px 13px;
  margin-top: 15px;
  resize: none;
  overflow: hidden
}

.desc__block-wrap textarea::-webkit-input-placeholder {
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

.desc__block-wrap textarea::-moz-placeholder {
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

.desc__block-wrap textarea:-ms-input-placeholder {
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

.desc__block-wrap textarea::-ms-input-placeholder {
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

.desc__block-wrap textarea::placeholder {
  color: #c5c5c5;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px
}

.desc__block-wrap .desc__block-title + button {
  margin-top: 25px
}

.desc__block-wrap.start button {
  display: none
}

.desc__block-wrap + .desc__block-wrap {
  margin-left: 21px
}

.desc__block-status {
  width: 100%;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #68c100;
  border-radius: 5px;
  padding: 0 12px
}

.desc__block-status i {
  width: 30px;
  height: 25px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-check%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-right: 11px
}

.desc__block-status span {
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px
}

.desc__block-title {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px
}

.desc__block-btn {
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  border: none;
  outline: 0;
  cursor: pointer;
  margin-top: 15px
}

.desc__block-btn:focus {
  outline: 0
}

.desc__block-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px
}

.desc__block-top span {
  width: 37px;
  height: 7px;
  display: block;
  border-radius: 3px
}

.desc__block-top span + span {
  margin-left: 6px
}

.desc__block-cont {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  line-height: 17px;
  margin-bottom: 15px
}

.desc__block-bot {
  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
}

.desc__block-bot-pos {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.desc__block-date {
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px
}

.desc__block-date-bad {
  color: #f81c3a
}

.desc__block-date-sr {
  color: #ff7800
}

.desc__block-foto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.desc__block-foto div {
  width: 38px;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 50%
}

.desc__block-foto-one {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.desc__block-foto img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.load__inp__file {
  position: absolute;
  opacity: 0
}

.load__inp__file-wrap {
  position: relative;
  margin-top: 25px
}

.load__inp__file-wrap label {
  color: #e21736;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px;
  border-bottom: 1px solid;
  margin-bottom: 0
}

.load__foto {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 3px solid #d8d8d8;
  border-radius: 20px;
  margin-top: 0;
  padding: 30px 0 30px;
  margin-bottom: 30px;
}

.load__foto-img {
  border-radius: 20px;
  overflow: hidden
}

.load__foto.foto .load__foto-img {
  display: none
}

.load__modal-body {
  height: 800px;
  padding: 30px
}

.load__modal-body .croppie-container {
  height: auto
}

.load__modal-body .croppie-container .cr-boundary {
  height: 535px
}

@media screen and (max-width: 767px) {
  .load__modal-body .croppie-container .cr-boundary {
    height: 500px
  }
}

.load__modal-body .croppie-container .cr-slider-wrap {
  width: 100%;
  margin: 30px auto
}

.load__modal-body .cr-slider {
  width: 100%
}

.load__modal-body .cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  background-color: var(--color-main);
  border-radius: 5px;
  border: 0
}

.load__modal-body .cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 34px;
  height: 34px;
  background: var(--color-main);
  border: 5px solid #fff;
  border-radius: 50%;
  margin-top: -12px
}

.load__modal-body .basic-result {
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  background-color: var(--color-main);
  border-radius: 10px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 10px 30px
}

.load__modal-h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  margin-bottom: 45px
}

.load__modal-close {
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 14px;
  right: 6px;
  background-color: var(--color-main);
  background-image: url(/assets/frontend/img/autorization/load/x.png);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: center center;
  border-radius: 17px
}

.personal_data {
  max-width: 1320px;
  min-width: 1320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 0 auto;
  margin-top: 200px;
  margin-bottom: 150px
}

@media screen and (max-width: 96px) {
  .personal_data {
    max-width: 90%;
    min-width: 90%
  }
}

.personal_data-wrapper {
  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;
  background: url(/assets/frontend/img/main_background.jpg) no-repeat center center;
  background-size: cover;
}

.personal_data-top {
  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;
  -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: -125px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.personal_data-top p {
  color: #fff;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  margin-top: 15px
}

.personal_data-content {
  height: 635px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow-y: auto;
  padding: 60px 35px 30px 40px;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .personal_data-content {
    padding: 30px 25px 20px 25px
  }
}

.personal_data-content h2 {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 15px
}

@media screen and (max-width: 1199px) {
  .personal_data-content h2 {
    font-size: 30px;
    line-height: 30px
  }
}

@media screen and (max-width: 420px) {
  .personal_data-content h2 {
    font-size: 22px;
    line-height: 22px
  }
}

.personal_data-content p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 20px
}

@media screen and (max-width: 1199px) {
  .personal_data-content p {
    font-size: 16px;
    line-height: 18px
  }
}


@media screen and (max-width: 1199px) {
  .personal_data-content p + p {
    margin-top: 30px
  }
}

.personal_data-bot {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-color: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top: 1px solid #bababa;
  padding: 30px 20px
}

@media screen and (max-width: 767px) {
  .personal_data-bot {
    -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
  }
}

.personal_data-bot::before {
  content: '';
  width: 100%;
  height: 75px;
  display: block;
  position: absolute;
  top: -76px;
  left: 0;
  background-image: -o-linear-gradient(92deg, #fff 0, transparent 100%);
  background-image: linear-gradient(-2deg, #fff 0, transparent 100%);
  z-index: 1
}

.personal_data-bot .switch {
  margin-right: 300px
}

@media screen and (max-width: 767px) {
  .personal_data-bot .switch {
    margin-right: auto;
    margin-bottom: 20px
  }
}

.personal_data-bot .switch__text {
  color: #0f1820;
  font-size: 18px
}

@media screen and (max-width: 767px) {
  .personal_data-bot .switch__text {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
  }
}

@media screen and (max-width: 420px) {
  .personal_data-bot .switch__text {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content
  }
}

.personal_data-btn {
  width: 340px;
  height: 55px;
  background-color: #bababa;
  border-radius: 20px;
  border: none;
  outline: 0;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none
}

@media screen and (max-width: 991px) {
  .personal_data-btn {
    width: 260px;
    height: 45px;
    font-size: 18px;
    line-height: 18px
  }
}

.personal_data-btn:focus {
  outline: 0
}

.personal_data.show .personal_data-btn {
  background-color: #f4c10a;
  color: #000;
  -moz-appearance: button;
  appearance: button;
  -webkit-appearance: button
}

.personal_data.show .switch input:checked ~ .switch__text {
  color: #0f1820
}

.personal_data.scroll_bot .personal_data-bot::before {
  display: none
}

.input__block {
  height: 47px;
  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;
  background-color: rgba(226, 226, 226, .47);
  border-radius: 10px;
  padding: 11px 15px;
  -webkit-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all
}

@media screen and (max-width: 991px) {
  .input__block {
    width: 55px;
    position: absolute;
    bottom: -65px;
    right: 15px
  }
}

@media screen and (max-width: 767px) {
  .input__block {
    bottom: 0
  }
}

@media screen and (max-width: 991px) {
  .input__block:hover {
    width: calc(100% - 30px)
  }
}

@media screen and (max-width: 767px) {
  .input__block:hover {
    background-color: #e2e2e2
  }
}

.input__block:hover input {
  width: 220px;
  padding: 0 10px
}

@media screen and (max-width: 991px) {
  .input__block:hover input {
    width: 100%
  }
}

@media screen and (max-width: 576px) {
  .input__block:hover input {
    width: auto
  }
}

.input__block:hover span {
  margin-right: 10px
}

.input__block span {
  width: 24px;
  height: 24px;
  display: block;
  background: url(/assets/frontend/img/training/search.png) no-repeat center center;
  background-size: cover;
  margin-right: 0;
  cursor: pointer
}

.input__block input {
  width: 0;
  height: 22px;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 17px;
  border: none;
  background: 0 0;
  outline: 0;
  padding: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

.input__block input::-webkit-input-placeholder {
  color: #999999
}

.input__block input::-moz-placeholder {
  color: #999999
}

.input__block input:-ms-input-placeholder {
  color: #999999
}

.input__block input::-ms-input-placeholder {
  color: #999999
}

.input__block input::placeholder {
  color: #999999
}

@media screen and (max-width: 991px) {
  .input__block.open {
    width: calc(100% - 30px)
  }
}

@media screen and (max-width: 767px) {
  .input__block.open {
    bottom: 0;
    background-color: #e2e2e2
  }
}

.input__block.open input {
  width: 220px;
  padding: 0 10px
}

@media screen and (max-width: 991px) {
  .input__block.open input {
    width: 100%
  }
}

@media screen and (max-width: 576px) {
  .input__block.open input {
    width: auto
  }
}

.input__block.open span {
  margin-right: 10px
}

.que_ans__title {
  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
}

.que_ans__title > p {
  min-width: 570px;
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  text-transform: uppercase
}

@media screen and (max-width: 96px) {
  .que_ans__title > p {
    min-width: auto
  }
}

@media screen and (max-width: 96px) {
  .que_ans__title > p + p {
    min-width: 435px
  }
}

@media screen and (max-width: 1199px) {
  .que_ans__title > p + p {
    min-width: 260px
  }
}

@media screen and (max-width: 991px) {
  .que_ans__title > p + p {
    min-width: auto
  }
}

.que_ans__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #999999
}

@media screen and (max-width: 991px) {
  .que_ans__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.que_ans__line-two .comment > textarea {
  display: block;
  margin-top: 0
}

.que_ans__line-left {
  padding: 25px 0
}

@media screen and (max-width: 991px) {
  .que_ans__line-left {
    padding: 25px 0 0 0
  }
}

.que_ans__line-left > p {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px
}

@media screen and (max-width: 96px) {
  .que_ans__line-left > p {
    font-size: 16px;
    line-height: 18px
  }
}

.que_ans__line-left > p span {
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
}

.que_ans__line-left > p + p {
  margin-top: 20px
}

.que_ans__bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px
}

@media screen and (max-width: 1199px) {
  .que_ans__bot {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.que_ans__bot > button {
  height: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  outline: 0;
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  border-radius: 10px;
  padding: 15px 30px;
  cursor: pointer
}

@media screen and (max-width: 96px) {
  .que_ans__bot > button {
    font-size: 18px;
    padding: 15px 20px
  }
}

@media screen and (max-width: 576px) {
  .que_ans__bot > button {
    font-size: 16px;
    padding: 10px 10px
  }
}

.que_ans__bot > button.btn__send {
  background-color: var(--color-main);
  z-index: 2
}

.que_ans__bot > button.btn__cancel {
  background-color: #f1f1f1;
  margin-left: -45px;
  padding-left: 75px;
  z-index: 1
}

@media screen and (max-width: 96px) {
  .que_ans__bot > button.btn__cancel {
    margin-left: -25px;
    padding-left: 35px
  }
}

.que_ans__bot > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7a7a7a;
  font-family: "AeonikPro", sans-serif;
  font-size: 14px;
  line-height: 14px;
  margin-left: 25px
}

@media screen and (max-width: 1199px) {
  .que_ans__bot > span {
    margin-left: 0;
    margin-top: 15px
  }
}

.que_ans__bot > span i {
  margin-right: 10px
}

.que_ans__bot > span.sp_finish {
  display: none
}

.que_ans__bot.done > span {
  display: none
}

.que_ans__bot.done > span.sp_finish {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0
}

.que_ans__bot.done > button {
  display: none
}

.switch {
  width: 55px;
  height: 30px;
  position: relative;
  display: inline-block;
  margin-bottom: 0
}

.switch-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0
}

.switch input:checked ~ .switch__text {
  color: #68c100
}

.switch input:checked ~ .switch__btn {
  background-color: #68c100
}

.switch input:checked ~ .switch__btn:before {
  background-color: #fff;
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px)
}

.switch__text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 400px;
  position: absolute;
  top: 52%;
  left: 75px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #969696;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px
}

@media screen and (max-width: 96px) {
  .switch__text {
    max-width: 280px
  }
}


@media screen and (max-width: 1600px) {
  .hey__logo {
    width: 500px !important;
  }

  .hey {
    padding-left: 540px !important;
  }

  .dashboard__study {
    height: 160px !important;
  }

  .hey-wrapper {
    width: 500px !important;
  }

}


@media screen and (max-width: 767px) {
  .switch__text {
    max-width: 360px
  }
}

@media screen and (max-width: 576px) {
  .switch__text {
    max-width: 210px;
    font-size: 14px;
    line-height: 15px
  }
}

@media screen and (max-width: 359px) {
  .switch__text {
    max-width: 185px;
    left: 65px;
    font-size: 12px
  }
}

.switch__btn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  background-color: #d8d8d8;
  border-radius: 10px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.switch__btn:before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 5px;
  bottom: 3px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s
}

.hey__wrapper {
  min-height: 1085px;
  position: relative;
  background-repeat: repeat-x;
  background-position: top 15px center;
  background-size: cover;
}

.hey {
  padding-top: 60px;
  padding-right: 60px;
  padding-left: 800px;
}

@media screen and (max-width: 96px) {
  .hey {
    padding-left: 800px;
    padding-right: 25px;
  }
}

.hey__h1 {
  position: relative;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 40px;
  margin-bottom: 15px;
  z-index: 1;
}

.hey__p {
  position: relative;
  color: #000;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 50px;
  z-index: 1;
}

.hey > a {
  text-decoration: none;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.hey__study {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

.hey > a {
  text-decoration: none;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.hey__study {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

.dashboard__study {
  width: calc(50% - 20px);
  display: block;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px 0;
  float: left;
  margin-bottom: 20px !important;
  margin-right: 20px !important;
}

.dashboard__study:hover {
  box-shadow: 0 20px 60px #00000017;
}

.dashboard__study-right {
  display: flex;
  float: left;
  width: calc(100% - 100px);
  padding-left: 20px;
  height: 100%;
}

.dashboard__study-left {
  float: left;
  display: flex;
}

.service_img_icon {
  width: 50px;
  height: 50px;
  display: block;
  margin: auto;
}

.service_info_link {
  margin: auto;
  margin-left: 0;
  margin-right: 0;
}

.service_info_link b {
  font-weight: normal;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 20px;
  line-height: 20px;
}

.service_info_link {
  color: #535353;
  font-size: 16px;
}

.hey > a:hover {
  -webkit-box-shadow: 0 0 42px 18px rgb(0 0 0 / 8%);
  box-shadow: 0 0 42px 18px rgb(0 0 0 / 8%);
}


i.ic_external {
  width: 21px;
  height: 21px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-external-link%22%3E%3Cpath%20d%3D%22M18%2013v6a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h6%22%3E%3C%2Fpath%3E%3Cpolyline%20points%3D%2215%203%2021%203%2021%209%22%3E%3C%2Fpolyline%3E%3Cline%20x1%3D%2210%22%20y1%3D%2214%22%20x2%3D%2221%22%20y2%3D%223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

i.ic_alert_eye {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin-right: 13px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23d8d8d8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-eye-off%22%3E%3Cpath%20d%3D%22M17.94%2017.94A10.07%2010.07%200%200%201%2012%2020c-7%200-11-8-11-8a18.45%2018.45%200%200%201%205.06-5.94M9.9%204.24A9.12%209.12%200%200%201%2012%204c7%200%2011%208%2011%208a18.5%2018.5%200%200%201-2.16%203.19m-6.72-1.07a3%203%200%201%201-4.24-4.24%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%221%22%20y1%3D%221%22%20x2%3D%2223%22%20y2%3D%2223%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

.dashboard__header-menu {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

@media screen and (max-width: 991px) {
  .dashboard__header-menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width: 767px) {
  .dashboard__header-menu {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.dashboard__header-menu > ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 991px) {
  .dashboard__header-menu > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #f9f6ea;
    position: fixed;
    top: -100%;
    left: 0;
    right: 0;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    z-index: 100
  }
}

.dashboard__header-menu > ul > li {
  height: 100%;
  position: relative
}

@media screen and (max-width: 991px) {
  .dashboard__header-menu > ul > li {
    height: 60px
  }
}

.dashboard__header-menu > ul > li:hover::before {
  content: '';
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background-color: var(--color-main);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px
}

.dashboard__header-menu > ul > li:hover a {
  color: var(--color-main)
}

.dashboard__header-menu > ul > li:hover i.ic_chevron-down {
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZjVmNTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tZG93biI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+ ") no-repeat 50% 50%/contain;
}

.dashboard__header-menu > ul > li i.ic_chevron-down {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23969696%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-chevron-down%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain;
  margin-left: 5px
}

.dashboard__header-menu > ul > li > a {
  height: 100%;
  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;
  color: #999999;
  font-family: "AeonikPro", sans-serif;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none
}

@media screen and (max-width: 96px) {
  .dashboard__header-menu > ul > li > a {
    font-size: 18px
  }
}

@media screen and (max-width: 1199px) {
  .dashboard__header-menu > ul > li > a {
    font-size: 16px
  }
}

@media screen and (max-width: 991px) {
  .dashboard__header-menu > ul > li > a {
    font-size: 20px
  }
}

.dashboard__header-menu > ul > li .header__inner_menu {
  width: 240px;
  display: none;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .05);
  box-shadow: 0 0 32.3px 16.7px rgba(0, 0, 0, .05);
  position: absolute;
  top: 200%;
  left: -20px;
  overflow: hidden
}

.dashboard__header-menu > ul > li .header__inner_menu > li a {
  padding: 12px 20px !important;
  display: block;
  width: 100%;
}

.dashboard__header-menu > ul > li .header__inner_menu > li {
  height: 42px;
  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;
  background-color: #fff;
}

.dashboard__header-menu > ul > li .header__inner_menu > li:hover {
  background-color: rgb(0 104 255 / 10%);
}

.dashboard__header-menu > ul > li .header__inner_menu > li:hover a {
  color: #0f1820
}

.dashboard__header-menu > ul > li .header__inner_menu > li > a {
  color: #0f1820;
  font-family: "AeonikPro", sans-serif;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none
}

.dashboard__header-menu > ul > li .header__inner_menu > li + li {
  border-top: 1px solid #e2e2e2
}

.dashboard__header-menu > ul > li.show {
  height: auto
}

.dashboard__header-menu > ul > li.show:hover::before {
  display: none
}

.dashboard__header-menu > ul > li.show a {
  height: auto
}

.dashboard__header-menu > ul > li.show i.ic_chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.dashboard__header-menu > ul > li.show .header__inner_menu {
  display: block;
  z-index: 100
}

@media screen and (max-width: 991px) {
  .dashboard__header-menu > ul > li.show .header__inner_menu {
    width: 50vw;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    margin-top: 25px
  }
}

@media screen and (max-width: 576px) {
  .dashboard__header-menu > ul > li.show .header__inner_menu {
    width: 80vw
  }
}

.dashboard__header-menu > ul > li + li {
  margin-left: 30px
}

@media screen and (max-width: 96px) {
  .dashboard__header-menu > ul > li + li {
    margin-left: 30px
  }
}

@media screen and (max-width: 1199px) {
  .dashboard__header-menu > ul > li + li {
    margin-left: 15px
  }
}

.dashboard__header-menu > ul > li.li_active::before {
  content: '';
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background-color: var(--color-main);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px
}

.dashboard__header-menu > ul > li.li_active a {
  color: var(--color-main)
}

.dashboard__header-menu > span {
  width: 55px;
  height: 55px;
  display: none;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23313131%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-menu%22%3E%3Cline%20x1%3D%223%22%20y1%3D%2212%22%20x2%3D%2221%22%20y2%3D%2212%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%226%22%20x2%3D%2221%22%20y2%3D%226%22%3E%3C%2Fline%3E%3Cline%20x1%3D%223%22%20y1%3D%2218%22%20x2%3D%2221%22%20y2%3D%2218%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") no-repeat 50% 50%/contain
}

@media screen and (max-width: 991px) {
  .dashboard__header-menu > span {
    display: inline-block
  }
}

@media screen and (max-width: 767px) {
  .dashboard__header-menu > span {
    width: 40px;
    height: 40px
  }
}

.dashboard__header-menu.open > ul {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  overflow-y: auto;
  padding: 50px 0
}

.dashboard__header-menu.open > ul > li + li {
  margin-left: 0;
  margin-top: 15px
}

.dashboard__header-menu.open > span {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 101;
  background: url(/assets/frontend/img/header/x-circle.svg) no-repeat 50% 50%/contain
}

@media screen and (max-width: 767px) {
  .dashboard__header-menu.open > span {
    left: 15px
  }
}

.personal_data-top img {
  width: 80px;
}

#form_agree ul {
  margin-top: 30px;
  font-size: 15px;
}

#form_agree ul li {
  list-style: circle !important;
  margin-left: 20px !important;
}

.dolznost_link.js-dolznost_link .chosen-search {
  display: none !important;
}

.dolznost_link.js-dolznost_link .chosen-single,
.dolznost_link.js-dolznost_link .chosen-container-active.chosen-with-drop .chosen-single {
  border: 0;
  background: white;
  font-size: 14px;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  padding-left: 0;
}

#switch_role_select_chosen {
  margin-top: 3px !important;
}

.dolznost_link.js-dolznost_link .chosen-single span {
  line-height: 20px;
  color: #999999;
  font-size: 16px;
}

.dolznost_link.js-dolznost_link .chosen-single div b {
  width: 10px;
  background-color: #e0e0e0;
  height: 16px;
  padding: 0 12px;
  background-size: 12px;
  background-position: 6px 3px !important;
  border-radius: 3px;
}

.dolznost_link.js-dolznost_link .chosen-single div {
  margin-top: 1px;
}

.dolznost_link.js-dolznost_link .chosen-drop {
  width: 150px;
  border-radius: 10px;
  box-shadow: 0 0 25px #0000003d;
  overflow: hidden;
  margin-top: 10px;
}

.dolznost_link.js-dolznost_link .chosen-results li:hover {
  background-color: rgba(42, 68, 231, .2) !important;
}


.hey-wrapper {
  width: 726px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  /*background-image: url(/assets/frontend/img/check_services_bg.png);*/
  background-repeat: repeat-y;

}

.hey__logo {
  width: 726px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-image: url(/assets/frontend/img/check_services.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 726px auto;
}


@media screen and (max-width: 1199px) {
  .hey__logo {
    width: 400px;
    height: 101%;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
  }
}

@media screen and (max-width: 767px) {
  .hey__logo {
    display: none;
  }
}


.hey-wrapper img {
  width: 80px;
  display: none;
  margin-left: 40px;
  margin-top: 40px;
  position: absolute;
  z-index: 2;
}


.page_add_info b {
  font-size: 16px;
}


.special_h1_separator {
  display: inline-block;
  margin-right: 50px;
  float: left;
  font-size: 20px !important;
  padding: 5px 20px;
  margin-top: 20px !important;
  margin-bottom: 0;
  background-color: var(--color-main);
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;

}


.special_h1_separator_wrapper {
  border-bottom: 3px solid var(--color-main);
  width: 100%
}


ul#tabs-block-title, ul#tabs-title {
  background-color: #f1f1f1;
  padding: 5px;
  margin-top: 15px;
  border-radius: 10px;
  border-bottom: 0;
}


ul#tabs-block-title li.active, ul#tabs-title li.active {
  background-color: var(--color-main);
  border-radius: 10px;
  /*padding: 0 10px;*/
}


ul#tabs-block-title li.active a, ul#tabs-title li.active a {
  color: white;
  padding: 10px 7px 6px 10px;
  font-size: 18px;
}


ul#tabs-block-title li {
  border-radius: 10px;
  padding: 0 10px;
}


ul#tabs-block-title li a, ul#tabs-title li a {
  color: #a0a0a0;
  padding: 10px 7px 6px 10px;
  font-size: 18px;
}


.add-new-block-question {
  padding-right: 0 !important;
}

ul#tabs-block-title li.add-new-block-question a, ul#tabs-title li.add-new-question a {

  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  width: 40px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  margin-right: 0 !important;
  font-size: 28px;
  border: 2px solid var(--color-main);
  color: var(--color-main);
  box-shadow: 0 0 20px #0000001c;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  text-indent: -99999px;
  background-image: url(/assets/frontend/img/add_plus.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;

}

.btn-success:hover {
  background-color: var(--color-main) !important;
}

.one_answer_input .chosen-search {
  display: none;
}


form#form_pa .div_pa_questions .chosen-container-multi .chosen-choices li.search-choice {
  height: 44px;
}

html .chosen-container.chosen-container-single {
  font-size: 17px;
  vertical-align: top;
}


html .chosen-container.chosen-container-single a {
  border-radius: 10px;
  border: 1px solid #999999;
  height: 47px;
  padding-left: 10px;
  box-shadow: none;
  background: white;

}

html .chosen-container.chosen-container-single a span {
  line-height: 35px;
}

html .chosen-container-single .chosen-search input[type="text"] {
  border: 1px solid #d5dfe1;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  margin: 1px 0;
  padding: 4px 20px 4px 4px;
  width: 100%;
}

html .chosen-container .chosen-drop {
  border: 1px solid #d5dfe1;
}

html .chosen-container .chosen-results li {
  line-height: 1.42857143;
}


html .chosen-container-single .chosen-single div b {
  background: url(/assets/frontend/img/down-arrow.svg);
  background-size: contain;
  width: 18px;
  background-repeat: no-repeat;
  background-position-y: 13px;
}

html .chosen-container-single .chosen-single div {
  width: 30px;
}

html .chosen-container-single .chosen-single span {
  margin-right: 30px;
}

html .chosen-container.chosen-container-multi {
  font-size: 17px;
}

html .chosen-container-multi ul.chosen-choices {
  border-radius: 10px;
  border: 1px solid #dfe4ec;
  min-height: 47px;
  padding-left: 0;
  box-shadow: none;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
}

html .chosen-container-multi .chosen-choices li.search-field {
  line-height: 35px;
}

html .chosen-container-multi .chosen-choices li.search-choice {
  margin: 0;
  height: 35px;
  border: none;
  background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(243, 246, 248, 1) 100%);
  border-radius: 0;
  padding: 10px 40px 10px 15px;
  border-right: 1px solid #dfe4ec;
}

html .chosen-container.chosen-container-multi .chosen-choices li.search-field input {
  padding-left: 10px;
}

html .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 14px;
  right: 13px;
  display: block;
  width: 15px;
  background-image: url(/assets/frontend/img/cross.svg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

html body .chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #999999;
}

html .chosen-container-multi ul.chosen-choices {
  border: 1px solid #999999;
  background: white;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  transform: rotate(180deg);
  background-position: center;
}

.authorization__account-two_slider h4 i {
  font-size: 14px;
}


.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  color: #999999 !important;
  font-size: 17px !important;
}


.labelloadfile {
  background-color: var(--color-main);
  color: #0f0f0f !important;
  border: 0;
  border-radius: 10px;
}


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


#right_table .accordion-style .panel-heading .panel-title a {
  padding-left: 27px;
}


.unplash-column {
  margin-top: 70px !important;
  margin-bottom: 20px;
}

#add_all_users_btn {
  border-radius: 10px;
}

.work_area .accordion__btn-info span {
  line-height: 26px;
}

.work_area .card-header {
  padding-bottom: 14px;
  padding-top: 14px;
}

.stroke_area1, .stroke_area2, .stroke_area3, .stroke_area4 {
  float: left;
}


.stroke_area1 {
  width: 47px;
}

.stroke_area1 .form-control.is_finish {
  margin: 0;
}

.stroke_area2 {
  width: calc(100% - 170px);
  margin-left: 15px;
  font-size: 17px;
  margin-top: 12px;
}

.stroke_area3 .info-popup {
  margin-top: 12px;
  display: block;
  margin-left: 5px;
}


.work_area .card-header .btn.btn-link.accordion__btn {
  padding-right: 0 !important;
}


.toggleButton.littlecheck input + div svg {
  fill: none;
  stroke-width: 3.6;
  stroke: #e1e1e1;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 1;
  stroke-dashoffset: 124.6;
  stroke-dasharray: 0 162.6 133 29.6;
  transition: all 0.4s ease 0s;
}


.toggleButton.littlecheck input + div {
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: relative;
  width: 34px;
  height: 34px;
}


.toggleButton {
  cursor: pointer;
  display: block;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  transition: transform 0.14s ease;
}

.toggleButton:active {
  transform: rotateX(30deg);
}

.toggleButton input {
  display: none;
}

.toggleButton input + div {
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: relative;
  width: 44px;
  height: 44px;
}

.toggleButton input + div svg {
  fill: none;
  stroke-width: 3.6;
  stroke: #e1e1e1;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  z-index: 1;
  stroke-dashoffset: 124.6;
  stroke-dasharray: 0 162.6 133 29.6;
  transition: all 0.4s ease 0s;
}

.toggleButton input + div:before, .toggleButton input + div:after {
  content: "";
  width: 3px;
  height: 16px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 5px;
}

.toggleButton input + div:before {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  -webkit-animation: bounceInBefore 0.3s linear forwards 0.3s;
  animation: bounceInBefore 0.3s linear forwards 0.3s;
}

.toggleButton input + div:after {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  -webkit-animation: bounceInAfter 0.3s linear forwards 0.3s;
  animation: bounceInAfter 0.3s linear forwards 0.3s;
}

.toggleButton input:checked + div svg {
  stroke-dashoffset: 162.6;
  stroke-dasharray: 0 162.6 28 134.6;
  transition: all 0.4s ease 0.2s;
  stroke: #05C51E;
}

.toggleButton input:checked + div:before {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  -webkit-animation: bounceInBeforeDont 0.3s linear forwards 0s;
  animation: bounceInBeforeDont 0.3s linear forwards 0s;
}

.toggleButton input:checked + div:after {
  opacity: 0;
  transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  -webkit-animation: bounceInAfterDont 0.3s linear forwards 0s;
  animation: bounceInAfterDont 0.3s linear forwards 0s;
}

@-webkit-keyframes bounceInBefore {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
}

@keyframes bounceInBefore {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
}

@-webkit-keyframes bounceInAfter {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
}

@keyframes bounceInAfter {
  0% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1) translate(-50%, -50%) rotate(-45deg);
  }
  80% {
    opacity: 1;
    transform: scale(0.89) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
}

@-webkit-keyframes bounceInBeforeDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
}

@keyframes bounceInBeforeDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(45deg);
  }
}

@-webkit-keyframes bounceInAfterDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
}

@keyframes bounceInAfterDont {
  0% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%) rotate(-45deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.3) translate(-50%, -50%) rotate(-45deg);
  }
}


body .dribbble {
  position: fixed;
  display: block;
  right: 24px;
  bottom: 24px;
}

body .dribbble img {
  display: block;
  width: 76px;
}


ol#plan-list li {
  margin-bottom: 10px;
}


.work_area .accordion {
  margin-bottom: 20px;
  margin-top: 0 !important;
}


.work_area .accordion, .work_area .accordion .card {
  overflow: visible;
}

button.add-plan.btn, button.save-goals.btn.plus, button#add_notice_btn_good, button#add_notice_btn_better, button#add_notice_btn_next, button.save-eval.btn {

  background-color: #ffffff;
  border-radius: 10px;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 28px;
  border: 2px solid var(--color-main);
  color: var(--color-main);
  box-shadow: 0 0 20px #0000001c;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  text-indent: -99999px;
  background-image: url('/assets/frontend/img/add_plus.svg');
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;

}


input.form-control.descr_plan {
  height: 40px !important;
}


#blank_layouts_modal .history__bot::before {
  width: calc(100% + 30px);
  left: -15px;
}


#blank_layouts_modal .history__bot p i {
  width: 35px;
  height: 35px;
  margin-left: 15px;
}


.rating_not_hover {
  pointer-events: none !important;
}

.status_eval_completed {
  color: green !important;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}

.status_eval_pending {
  color: #dd6800 !important;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}

.status_eval_not_request {
  color: #dd6800 !important;
  font-family: "AeonikPro", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 15px;
}


.overlay_video {
  width: 100%;
  height: 100%;
  display: block;
}

#nubexDiv {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  overflow: hidden;
}

#nubexVideo {
  top: 0;
  left: 0;
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}