/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 10 version
*/

@charset "UTF-8";
/* ------------ *Default ------------- */
/* Flex Class */
.fx-column {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-center {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;}
.fx-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.fx-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.fx-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.fx {display: -webkit-box;display: -ms-flexbox;display: flex;}
.fx-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.w-100 {width: 100%}
/* Flex Class End */

/* Reserved Class */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
/* Reserved Class End*/

/* Style Default*/
a, button, .speed {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
button {border: 0;padding: 0;cursor: pointer;}
* {outline: none;}
/* Style Default End */

body {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  font-family: 'Roboto', sans-serif;
}

.wrapper {
  overflow: hidden;
  min-height: 100%;
}

.bg-gray {
  background: #D2D2D2;
}

.bg-gradient {
  background: -o-linear-gradient(206.81deg, #FFF0D7 0%, rgba(255, 255, 255, 0) 98.38%), -o-linear-gradient(26.54deg, rgba(239, 220, 255, 0.546875) 0.01%, #CAD3FF 0.02%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(153.46deg, #BFDFBF 11.98%, rgba(255, 255, 255, 0) 100%), -o-linear-gradient(333.46deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFF0D7;
  background: linear-gradient(243.19deg, #FFF0D7 0%, rgba(255, 255, 255, 0) 98.38%), linear-gradient(63.46deg, rgba(239, 220, 255, 0.546875) 0.01%, #CAD3FF 0.02%, rgba(255, 255, 255, 0) 100%), linear-gradient(296.54deg, #BFDFBF 11.98%, rgba(255, 255, 255, 0) 100%), linear-gradient(116.54deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #FFF0D7;
}

.container {
  padding: 10px;
  max-width: 360px;width: 100%;min-height: 100%;
}

.trim {
  overflow: hidden;
  -webkit-clip-path: polygon(0% 25%, 10% 0%, 90% 0%, 100% 25%, 100% 75%, 90% 100%, 10% 100%, 0 75%);
          clip-path: polygon(0% 25%, 10% 0%, 90% 0%, 100% 25%, 100% 75%, 90% 100%, 10% 100%, 0 75%);
}

.trim-small {
  -webkit-clip-path: polygon(0% 30%, 5% 0%, 95% 0%, 100% 30%, 100% 70%, 95% 100%, 5% 100%, 0 70%);
          clip-path: polygon(0% 30%, 5% 0%, 95% 0%, 100% 30%, 100% 70%, 95% 100%, 5% 100%, 0 70%);
}

.trim-medium {
  overflow: hidden;
  -webkit-clip-path: polygon(0% 25%, 13% 0%, 87% 0%, 100% 25%, 100% 75%, 87% 100%, 13% 100%, 0 75%);
          clip-path: polygon(0% 25%, 13% 0%, 87% 0%, 100% 25%, 100% 75%, 87% 100%, 13% 100%, 0 75%);
}

.trim-txt {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.btn {
  color: #5A5A5A;
  padding: 0 5px;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}

.btn_white {
  background: #fff;
}

.btn_brown {
  background: #FFF0D7;
}
.btn_submit {
  vertical-align: text-bottom;
}

/* ------------- *Nav ------------- */

.nav {
  z-index: 999;
  width: 180px;
  display: none;
  overflow: auto;
  position: fixed;  
  background: #FFF0D7;
  top: 0;left: 0;bottom: 0;
  padding: 10px 20px 20px 10px;
}

.nav a {
  color: #5A5A5A;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}

.nav__list {
  padding-left: 10px;
}

.nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav__item:not(:last-child) {
  margin-bottom: 10px;
}

.nav__link {
  background: #fff;
  padding: 7px 15px 7px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav__link:hover {
  background: #FAB432;
}

.nav__icon {
  margin-right: 7px;
  width: 30px;height: 26px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.i-notify {
  background: url(../img/svg/notifications.svg) center no-repeat;
}

i.i-settings {
  background: url(../img/svg/i-settings.svg) center no-repeat;
}

i.i-chat {
  background: url(../img/svg/i-chat.svg) center no-repeat;
}

i.i-team {
  background: url(../img/svg/i-team.svg) center no-repeat;
}

i.i-money {
  background: url(../img/svg/i-money.svg) center no-repeat;
}

i.i-deal {
  background: url(../img/svg/i-deal.svg) center no-repeat;
}

i.i-things {
  background: url(../img/svg/i-things.svg) center no-repeat;
}

.i-elect {
  background: url(../img/svg/i-elect.svg) center no-repeat;
}

i.i-desires {
  background: url(../img/svg/i-desires.svg) center no-repeat;
}

i.i-recipes {
  background: url(../img/svg/i-recipes.svg) center no-repeat;
}

i.i-archive {
  background: url(../img/svg/i-archive.svg) center no-repeat;
}

i.i-exit {
  background: url(../img/svg/i-exit.svg) center no-repeat;
}

.nav__sub {
  margin-top: 20px;
}

.nav__sub__item:not(:last-child) {
  margin-bottom: 15px;
}

.nav__sub__item a:hover {
  color: #FAB432;
}

/* ------------ *Start ------------- */

.logo {
  margin-top: 50px;
}

.start__form {
  margin-top: 55px;
}

.form__field,
.form__field input,
.form__field textarea {
  display: block;
}

.form__field {
  margin: 0 auto 10px;
  max-width: 200px;width: 100%;
  position: relative;
}

.form__field.with-button {
  width: calc(100% - 40px);
  display: inline-block;
}

.form__field .upload__button {
  position: absolute;
  top: 10px;
  left: 5px;
}

.form__field input,
.form__field textarea {
  border: 0;
  color: #000;
  font-size: 16px;
  padding: 0 10px;
  font-weight: 900;
  background: #fff;
  letter-spacing: 0.1em;
  width: 100%;height: 40px;
  font-variant: small-caps;
  font-family: 'Roboto', sans-serif;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.form__field input {
  text-align: center;
  line-height: 40px;
}

.form__field textarea {
  resize: none;
  padding: 10px;
  text-align: left;
  max-height: 160px;
}

.form__field--textarea {
  max-width: 100%;
  border: 1px solid #D2D2D2;
}

.form__field--textarea textarea {
  height: 70px;
}

.form__field *::-webkit-input-placeholder {color: #D2D2D2;}
.form__field *::-moz-placeholder          {color: #D2D2D2;}/* Firefox 19+ */
.form__field *:-moz-placeholder           {color: #D2D2D2;}/* Firefox 18- */
.form__field *:-ms-input-placeholder      {color: #D2D2D2;}

.form__field *:focus::-webkit-input-placeholder {opacity: 0;}
.form__field *:focus::-moz-placeholder          {opacity: 0;}
.form__field *:focus:-moz-placeholder           {opacity: 0;}
.form__field *:focus:-ms-input-placeholder      {opacity: 0;}


.form__field *:focus {
  color: #000;
}

.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 30px;
}
.mt-30 {
  margin-top: 20px;
}

.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 30px;
}
.mb-30 {
  margin-bottom: 20px;
}

/* Radio && Checkbox */

.check__item {
  cursor: pointer;
}

.check__txt {
  color: #5A5A5A;
  margin-right: 30px;
}

input[type='radio'],
input[type='checkbox'] {
  display: none;
}

.check__custom {
  position: relative;
  width: 40px;height: 40px;
  border: 1px solid #5A5A5A;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.check__custom:before {
  opacity: 0;
  top: 0;left: 0;right: 0;bottom: 0;
  background: url(../img/svg/check.svg) center no-repeat;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

input[type='checkbox']:checked + .check__custom:before {
  opacity: 1;
}

.radio .check__txt {
  color: #000;
  margin: 0 0 0 10px;
}

.radio .check__custom {
  border-width: 4px;
  border-radius: 50%;
}

.radio .check__custom:before {
  top: 50%;left: 50%;
  background: #5A5A5A;
  border-radius: inherit;
  width: 20px;height: 20px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

input[type='radio']:checked + .check__custom:before {
  opacity: 1;
}

/* Radio && Checkbox End */

.start__list {
  margin: 70px 0 40px;
}

.start__list__item:not(:last-child) {
  margin-bottom: 35px;
}

.start__list__link {
  color: #5A5A5A;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.start__list__link:hover {
  color: #FAB432;
}

/* ------------- *Key ------------- */

.box_bg {
  padding: 10px;
  margin: 10px 0;
  background: #fff;
}

.start .box_bg {
  margin-top: 46px;
}

/* Bamper */

.bamper {
  position: relative;
}

.bamper__top,
.bamper__bottom {
  height: 10px;
  margin: 0 17px;
  background: #fff;
  left: 0;right: 0;
  position: absolute;
}

.bamper__top {
  top: -10px;
}

.bamper__bottom {
  bottom: -10px
}

.bamper__top:before,
.bamper__top:after {
  top: 0;
}

.bamper__bottom:before,
.bamper__bottom:after {
  bottom: 0;
}

.bamper__item:before,
.bamper__item:after {
  width: 17px;height: 10px;
}

.bamper__top:before {
  background: url(../img/other/bamper-left-top.png) center/cover no-repeat;
}

.bamper__top:after {
  background: url(../img/other/bamper-right-top.png) center/cover no-repeat;
}

.bamper__bottom:before {
  background: url(../img/other/bamper-left-bottom.png) center/cover no-repeat;
}

.bamper__bottom:after {
  background: url(../img/other/bamper-right-bottom.png) center/cover no-repeat;
}

.bamper__top:before,
.bamper__bottom:before {
  left: -17px;
}

.bamper__top:after,
.bamper__bottom:after {
  right: -17px;
}

/* Bamper END */

.title {
  color: #FAB432;
  font-weight: 900;
  text-transform: uppercase;
}

.paragraph {
  margin-top: 15px;
  line-height: 1.3;
}

.key__form {
  margin: 45px 0 14px;
}

.border-input {
  padding: 1px;
  max-width: 100%;
  background: #D2D2D2;
}

.key .start__list {
  margin-top: 30px;
}

.key .start__list .start__list__item:not(:last-child) {
  margin-bottom: 0;
}

.further {
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.further__btn {
  display: none;
}

.further .further__btn {
  display: block;
}

.no-active {
  color: #B4B4B4 !important;
}

/* ------------ *Statute ------------- */

.statute__nav {
  padding-bottom: 10px;
}

.statute__nav__item:not(:last-child) {
  margin-right: 10px;
}

.statute__nav__item a {
  color: #5A5A5A;
  line-height: 1;
  background: #fff;
  font-weight: 900;
  text-align: center;
  width: 100%;height: 40px;
  text-transform: uppercase;
}

.statute__nav__item:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%;
  max-width: 33%;
}

.statute__nav__item:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64%;
          flex: 0 0 64%;
  max-width: 64%;
}

.statute__nav__item a.active {
  background: #FAB432;
}

.statute__nav__item:first-child a {
  -webkit-clip-path: polygon(0% 30%, 15% 0%, 85% 0%, 100% 30%, 100% 70%, 85% 100%, 15% 100%, 0 70%);
          clip-path: polygon(0% 30%, 15% 0%, 85% 0%, 100% 30%, 100% 70%, 85% 100%, 15% 100%, 0 70%);
}

.statute__nav__item:last-child a {
  -webkit-clip-path: polygon(0% 30%, 8% 0%, 92% 0%, 100% 30%, 100% 70%, 92% 100%, 8% 100%, 0 70%);
          clip-path: polygon(0% 30%, 8% 0%, 92% 0%, 100% 30%, 100% 70%, 92% 100%, 8% 100%, 0 70%);
}

/* ---------- *New-member ------------ */

.tel-number__num {
  color: #000;
}

.new-member__form .form__field {
  margin: 15px 0 0;
}

.pass-prompt {
  margin-top: 4px;
  font-size: 11px;
}

/* ----------- *Activity ------------- */

.header,
.search {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.header div:not(:last-child) {
  margin-right: 10px;
}

.indicated__item,
.karma,
.balance,
.notifications {
  height: 40px;
}

.indicated__item,
.notifications {
  width: 33px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

.indicated__item:before {
  top: 0;left: 0;right: 0;bottom: 0;
  background: url(../img/svg/i-people.svg) center no-repeat;
}

.i-indicated-entry {
  background: url(../img/svg/i-indicated-entry.svg) center no-repeat;
}

.i-indicated-exit {
  background: url(../img/svg/i-indicated-exit.svg) center no-repeat;
}

.karma,
.balance {
  width: 100%;
  color: #5A5A5A;
  padding: 0 6px;
  background: #fff;
}

.karma {
  padding-left: 10px;
}

.karma__icon,
.balance__icon {
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.karma__icon {
  width: 12px;height: 12px;
  background: url(../img/svg/i-karma.svg) center no-repeat;
}

.balance__icon {
  width: 22px;height: 16px;
  background: url(../img/svg/i-balance.svg) center no-repeat;
}

.balance__sum {
  width: 100%;
}

.notifications {
  cursor: pointer;
  position: relative;
  background: url(../img/svg/i-hexagon.svg) center no-repeat;
}

.notifications span {
  position: absolute;
  top: 0;left: 0;right: 0;bottom: 0;
  background: url(../img/svg/notifications.svg) center no-repeat;
}

.notifications.active span {
  background: url(../img/svg/notifications-active.svg) center no-repeat;
}

/* Search */

.search {
  z-index: 21;
  margin: 10px 0;
  position: relative;
}

.search__form {
  z-index: 1;
  position: relative;
}

.search__form .form__field {
  max-width: 100%;
  margin-bottom: 0;
  -webkit-clip-path: polygon(0% 30%, 5% 0%, 95% 0%, 100% 30%, 100% 70%, 95% 100%, 5% 100%, 0 70%);
          clip-path: polygon(0% 30%, 5% 0%, 95% 0%, 100% 30%, 100% 70%, 95% 100%, 5% 100%, 0 70%);
}

.search__form .form__field input {
  text-align: left;
  padding-right: 35px;
}

.form__field *::-webkit-input-placeholder {text-align: center;}
.form__field *::-moz-placeholder          {text-align: center;}/* Firefox 19+ */
.form__field *:-moz-placeholder           {text-align: center;}/* Firefox 18- */
.form__field *:-ms-input-placeholder      {text-align: center;}

.search__btn {
  background: none;
  position: absolute;
  top: 50%;right: 7px;
  width: 22px;height: 23px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.search__btn svg {
  fill: #5A5A5A;
  display: block;
  width: 100%;height: 100%;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.search__btn:hover svg {
  fill: #FAB432;
}

.search:after {
  opacity: 0;
  z-index: 2;
  height: 1px;
  background: #D2D2D2;
  left: 10px;right: 10px;bottom: 0;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.search.active:after {
  opacity: 1;
}

.search__list {
  display: none;
  background: #fff;
  position: absolute;
  padding: 15px 0 5px;
  top: 26px;left: 0;right: 0;
}

.search__item {
  margin: 20px 0;
  padding: 0 10px;
}

.search__item a {
  color: #000;
}

.blackout {
  z-index: 20;
  display: none;
  position: fixed;
  top: 0;left: 0;right: 0;bottom: 0;
  background: rgba(0, 0, 0, 0.25);
}

/* Search END */

.fx-1 {
  margin: 10px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.fx-1 .box_bg {
  margin: 0;
  min-height: 100%;
  position: relative;
}

.head {
  margin-bottom: 15px;
}

.head__btn {
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.head__btn__item {
  width: 20px;height: 20px;
}

.head__btn__item:not(:last-child) {
  margin-right: 20px;
}

.i-back {
  background: url(../img/svg/i-back.svg) center no-repeat;
}

.i-insulation {
  width: 21px;height: 26px;
  background: url(../img/svg/i-insulation.svg) center no-repeat;
}

.i-insulation.active {
  width: 21px;height: 26px;
  background: url(../img/svg/i-insulation-active.svg) center no-repeat;
}
.head__btn__item.i-exit {
  width: 21px;height: 26px;
  background: url(../img/svg/i-exit.svg) center no-repeat;
}

.head__btn__item.i-elect {
  width: 26px;height: 26px;
}

.i-partnership {
  width: 28px;
  background: url(../img/svg/i-partnership.svg) center no-repeat;
}

.head__btn__item.i-things {
  width: 30px;
  height: 26px;
  background: url(../img/svg/i-things.svg) center no-repeat;
}

.i-mess {
  width: 24px;height: 22px;
  background: url(../img/svg/i-chat.svg) center/contain no-repeat;
}

.i-close {
  background: url(../img/svg/i-close.svg) center no-repeat;
}

.i-plus {
  background: url(../img/svg/i-plus.svg) center no-repeat;
}

/* Activity */

.activity__item:not(:last-child) {
  margin-bottom: 20px;
}

.activity__item .title {
  font-size: 16px;
  text-transform: none;
}

.title_dark {
  color: #000;
}

.activity__box {
  margin-top: 10px;
}

.activity__detector {
  width: 33px;
  position: relative;
  margin: 10px 18px 0 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.activity__detector:before {
  height: 30px;
  top: 50%;left: 0;right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.activity__detector_exit:before {
  background: url(../img/svg/i-arrow-exit.svg) center no-repeat;
}

.activity__detector_entry:before {
  background: url(../img/svg/i-arrow-entry.svg) center no-repeat;
}

.activity__detector svg {
  display: block;
  margin: 0 auto;
  width: 13px;height: 27px;
}

.activity__list {
  width: 100%;
}

.activity__list li:not(:last-child) {
  margin-bottom: 10px;
}

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

.activity__icon {
  width: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.i-like {
  height: 21px;
  background: url(../img/svg/i-like.svg) center no-repeat;
}

i.i-like-medium {
  height: 24px;
  background: url(../img/svg/i-like-medium.svg) center no-repeat;
}

i.i-dislike {
  height: 20px;
  background: url(../img/svg/i-dislike.svg) center no-repeat;
}

.activity__num {
  width: 40px;
  margin-left: 7px;
  text-align: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.activity__progressbar {
  margin-left: 10px;
  position: relative;
  width: 100%;height: 20px;
  border: 1px solid #D2D2D2;
}

.activity__progressbar span {
  position: absolute;
  top: 0;left: 0;bottom: 0;
}

.col-orange {
  background: #FAB432;
}

.col-green {
  background: #38B54A;
}

.col-brown {
  background: #964B00;
}

/* ------------ *Subnav ------------- */

.subnav {
  z-index: 99;
  width: 54px;
  padding: 10px;
  display: none;
  overflow: auto;
  position: fixed;  
  background: #FFF0D7;
  top: 0;right: 0;bottom: 0;
}

.subnav__item:not(:last-child) {
  margin-bottom: 10px;
}

.subnav__link {
  margin: 0 auto;
  width: 33px;height: 40px;
  background: url(../img/svg/i-hexagon.svg) center no-repeat;
  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;
}

.subnav__link svg {
  fill: #5A5A5A;
  display: block;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.subnav__link:hover svg {
  fill: #FAB432;
}

.subnav hr {
  border: 0;
  display: block;
  margin: 0 0 10px;
  background: #5A5A5A;
  width: 100%;height: 1px;
}

/* --------- *Notifications ---------- */

.block-fix .box_bg {
  padding-top: 0;
}

.block-fix .head {
  z-index: 1;
  background: #fff;
  position: relative;
  padding: 5px 10px 10px;
  margin-left: -10px;margin-right: -10px;margin-bottom: 0;
}

.block-fix .block-fix__box {
  height: 100%;
  overflow: auto;
  position: absolute;
  padding: 34px 10px 0;
  top: 0;left: 0;right: 0;bottom: 0;
}

.notifications__list.block-fix__box {
  padding: 34px 0 0;
}

.notifications__item {
  padding: 10px;
  position: relative;
  text-align: center;
}

.notifications__item:not(:last-child) {
  margin-bottom: 10px;
}

.notifications__blue,
.notifications__blue .form__field input {
  background: #D0EAFF;
}

.notifications__pink,
.notifications__pink .form__field input {
  background: #FFBFBF;
}

.notifications__green,
.notifications__green .form__field input {
  background: #BFDFBF;  
}

.notifications__grey,
.notifications__grey .form__field input {
  background: #D2D2D2;
}

.notifications__yellow,
.notifications__yellow .form__field input {
  background: #FFFFBF;
}

.notifications__brown,
.notifications__brown .form__field input {
  background: #FFF0D7;
}

.notifications__btn {
  position: absolute;
}

.notifications__close {
  top: 14px;
  left: 10px;
  width: 13px;
  height: 100%;
  background: url(../img/svg/i-close.svg) top/contain no-repeat;
}

.notifications__link {
  top: 12px;
  right: 10px;
  width: 16px;
  height: 100%;
  background: url(../img/svg/i-arrow-right.svg) top/contain no-repeat;
}

.notifications__box {
  padding: 0 18px;
}

.notifications__item .paragraph {
  margin-top: 0;
}

.notifications__item .paragraph strong {
  font-weight: 500;
}

.notifications__form {
  position: relative;
  margin-top: 10px;margin-left: -18px;margin-right: -18px;
}

.notifications__form .form__field {
  margin-bottom: 0;
}

.notifications__form .form__field input {
  color: #000;
  padding: 0 35px;
  font-weight: normal;
}

.copy {
  position: absolute;
  top: 50%;right: 10px;
  width: 18px;height: 22px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.i-copy {
  background: url(../img/svg/i-copy.svg) center no-repeat;
}

.notifications__group {
  margin-top: 10px;margin-left: -18px;margin-right: -18px;
}

.notifications__links {
  width: 48%;
}

/* ------------ *P-search ------------- */

.p-search__group {
  margin-top: 10px;
}

.p-search__btn,
.settings__btn {
  width: 100%;
}

/* ----------- *Ssettings ------------ */

.settings__item,
.profile__form {
  margin-top: 10px;
}

/* ------------ *Profile ------------- */

.profile {
  margin-bottom: 20px;
}

.form-left input,
.form-left textarea {
  text-align: left;
}

.form-left .form__field *::-webkit-input-placeholder {text-align: center;}
.form-left .form__field *::-moz-placeholder          {text-align: center;}/* Firefox 19+ */
.form-left .form__field *:-moz-placeholder           {text-align: center;}/* Firefox 18- */
.form-left .form__field *:-ms-input-placeholder      {text-align: center;}

.profile__img {
  width: 70px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.profile__img img {
  display: block;
}

.profile__box .paragraph {
  margin-top: 0;
}

.profile__box .paragraph:not(:last-child) {
  margin-bottom: 2px;
}

/* ------------ *Skills ------------- */

.skills {
  margin-top: 20px;
  padding-top: 20px;
}

.skills__box:not(:last-child) {
  margin-bottom: 50px;
}
.skills__box:last-child {
  margin-bottom: 100px;
}

.skills__head {
  padding: 0 50px;
  position: relative;
}

.skills__head .check__item {
  top: 50%;left: 0;
  position: absolute;
  -webkit-transform: translateY(-73%);
      -ms-transform: translateY(-73%);
          transform: translateY(-73%);
}

.skills__head .check__custom {
  border-color: #D2D2D2;
}

.skills__num {
  color: #5A5A5A;
  font-size: 36px;
  font-weight: 500;
}

.skills__box.active .skills__num {
  color: #FAB432;
}

.skills__form {
  margin: 10px 0 15px;
}

.skills__hashtag {
  margin-top: 5px;
}

.skills__hashtag a {
  color: #000;
  overflow: hidden;
  min-height: 40px;
  padding: 5px 35px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skills__hashtag a:hover {
  background: #FFF0D7;
}

.skills__hashtag a i {
  opacity: 0;
  position: absolute;
  top: 50%;left: -100em;
  width: 13px;height: 13px;
  background-size: contain;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity inherit;
  -o-transition: opacity inherit;
  transition: opacity inherit;
}

.skills__hashtag a:hover i {
  left: 10px;
  opacity: 1;
}

/* ---------- *Requisites ----------- */

.requisites__form {
  margin-top: 20px;
}

.form__item:not(:last-child) {
  margin-bottom: 10px;
}

.requisites__form .paragraph {
  margin: 0 0 5px;
}

/* ----------- *N-filter ------------- */

.n-filter__item {
  margin-bottom: 10px;
}

.n-filter__btns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.n-filter__btns__items {
  margin-right: 10px;
}

.n-filter__sound {
  width: 40px;height: 40px;
  background: url(../img/svg/i-sound.svg) center no-repeat;
}

.n-filter__sound,
.n-filter__btns__items .check__custom {
  border: 1px solid #D2D2D2;
}

.n-filter__sound:hover,
.n-filter__sound.active {
  background: url(../img/svg/i-sound-yellow.svg) center no-repeat;
}

.bg-brown {
  background: #FFF0D7;
}

.select-box {
  width: 100%;
  position: relative;
}

.select-box_trim {
  overflow: hidden;
  -webkit-clip-path: polygon(0% 30%, 7% 0%, 93% 0%, 100% 30%, 100% 70%, 93% 100%, 7% 100%, 0 70%);
          clip-path: polygon(0% 30%, 7% 0%, 93% 0%, 100% 30%, 100% 70%, 93% 100%, 7% 100%, 0 70%);
}

.select-box_arrow:after {
  top: 50%;right: 8px;
  pointer-events: none;
  width: 22px;height: 14px;
  background: url(../img/svg/i-select-arrow.svg) center no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.select {
  color: #5A5A5A;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  -moz-text-align-last: center;
       text-align-last: center;
  background: transparent;
  width: 100%;height: 40px;
  border: 1px solid #fff0d7;
}

.n-filter .select {
  padding: 0 35px 0 20px;
}

.n-filter__btn {
  margin-top: 20px;
}

/* -------------- *Sms --------------- */

.sms__box {
  margin-top: 20px;
}

.sms__box ul li:not(:last-child) {
  margin-bottom: 10px;
}

.sms__row .check__txt {
  color: #000;
  margin: 0 0 0 10px;
}

.sms__arrow {
  cursor: pointer;
  width: 22px;height: 14px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sms__arrow svg {
  display: block;
  width: 100%;height: 100%;
}

.sms__box ul li.active .sms__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ----------- *Password ------------- */
.password {
  display: none;
}
.password.active {
  display: block;
}

.password__name {
  margin-top: 40px;
}

.password__paragraph {
  margin-top: 50px;
}

/* -------------- *Dkp --------------- */

.dkp .accordion {
  margin-top: 20px;
}

.accordion li:not(:last-child) {
  margin-bottom: 10px;
}

.accordion-header {
  width: 100%;
  cursor: pointer;
  padding: 0 35px;
  position: relative;
}

.accordion-header i {
  position: absolute;
  top: 50%;right: 7px;
  width: 22px;height: 14px;
  background: url(../img/svg/arrow-down.svg) center no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.accordion li.active .accordion-header i {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.accordion-header .title i, .accordion li.active .accordion-header .title i {
  position: relative;
  background: none;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.accordion-body {
  display: none;
}

/* ------------ *Activism ------------ */

.activism__list {
  margin-top: 25px;
}

.activism__item {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.activism__name {
  width: 100%;
  padding-right: 10px;
}

.activism__num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* ------------- *Chats -------------- */

.chats__nav__item {
  width: 48%;
}

.chats__nav__item:hover,
.chats__nav__item.active {
  background: #FAB432;
}

.chats__list__item {
  margin-top: 15px;
}

.chats__list__link {
  color: #5A5A5A;
}

.chats__list__title {
  font-weight: 900;
  text-transform: uppercase;
}

.chats__list__title i {
  color: green;
}

.chats__list .paragraph {
  margin-top: 3px;
}

/* ---------- *Participants ---------- */

.participants__item {
  margin-top: 20px;
}

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

.participants__img {
  width: 70px;height: 90px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.participants__img img {
  display: block;
  width: 100%;height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.participants__info {
  padding-left: 10px;
}

.participants__info .paragraph {
  margin-top: 0;
}

/* ------------- *Topic -------------- */

.chats.block-fix__box {
  padding-bottom: 57px;
}

.chats__title {
  color: #FAB432;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.05em;
  font-variant: small-caps;
  margin-top: 5px;
}
#chat-action-panel {
  height: 35px;
}
.chats__box {
  margin-top: 60px;
}

.chats__item {
  cursor: pointer;
}

.chats__item_my {
  cursor: default;
}

.chats__item__notify p {
  color: #aa1b1b;
}

.chats__item__notify a {
  color: #FAB432;
}

.chats__item:not(:last-child) {
  margin-bottom: 10px;
}

.chats__name {
  width: 100%;
  padding-right: 15px;
}

.chats__name__txt {
  color: #FAB432;
  font-weight: 500;
}

.chats__karma {
  color: #5A5A5A;
  font-size: 14px;
  margin-left: 10px;
}

.chats__karma .karma__icon {
  top: -1px;
  margin-right: 0;
  position: relative;
  width: 10px;height: 10px;
  background-size: contain;
}

.chats__time {
  color: #FAB432;
  font-weight: 300;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.chats__cont,
.chats__cont .paragraph,
.chats__rating {
  margin-top: 5px;
}

.likes__item {
  color: #D2D2D2;
  font-weight: 300;
}

.likes__item:not(:last-child) {
  margin-right: 20px;
}

.i-likes {
  margin-right: 10px;
  width: 18px;height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.like__icon {
  background: url(../img/svg/i-like-gray.svg) center no-repeat;
}

i.dislike__icon {
  background: url(../img/svg/i-dislike-gray.svg) center no-repeat;
}

.chats__item_my,
.chats__item_my .chats__time {
  color: #2F80ED;
  text-align: right;
}

.chats__item .paragraph img {
  display: block;
  width: 100%;
}

/* Form */

.chats__form {
  background: #fff;
  position: absolute;
  padding: 10px 10px 0;
  left: 0;right: 0;bottom: 0;
}

.chats__form .form__field {
  margin-bottom: 0;
}

/* Panel */

.bamper_brown .bamper__top,
.chats__item.active {
  background: #FFF0D7;
}
.notread {
	text-align: center;
    color: #777;
    font-size: .9rem;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
}
.notread:before, .notread:after {
	content: "";
    width: 35px;
    height: 1px;
    background-color: #40403b;
	margin: 0 10px;
}

.bamper_brown .bamper__top:before {
  background: url(../img/other/bamper-left-top-brown.png) center/cover no-repeat;
}

.bamper_brown .bamper__top:after {
  background: url(../img/other/bamper-right-top-brown.png) center/cover no-repeat;
}

.panel {
  display: none;
  position: absolute;
  background: #FFF0D7;
  top: 0;left: 0;right: 0;bottom: 0;
}

.panel__box {
  margin-top: -8px;
}

.panel__item {
  width: 33px;height: 40px;
  background: url(../img/svg/i-hexagon.svg) center no-repeat;
}

.panel__item:not(:last-child) {
  margin-right: 10px;
}

.panel__item svg {
  fill: #5A5A5A;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.panel__item:hover svg {
  fill: #FAB432;
}

/* ------------- *Team -------------- */

.team__item:not(:last-child) {
  margin-bottom: 20px;
}

.team__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.team__img a,
.team__img img {
  display: block;
}

.team__img a {
  width: 70px;height: 90px;
}

.team__img img {
  width: 100%;height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.team__info,
.member__list {
  width: 100%;
  margin-left: 10px;
}

.team__name a {
  color: #FAB432;
  font-size: 17px;
  font-weight: 500;
}

.team__percent {
  margin-top: 10px;
}

.team__percent,
.team__status {
  line-height: 1;
}

.team__status {
  margin-top: 5px;
}

.team__status span {
  display: inline-block;
}

.team__status.pink span {
  background: #FFC4C4;;
}

.team__status.green span {
  background: #BEF0D2;;
}

.team__item .form__field {
  margin: 10px 0 0;
}

.team__item  .form__field input {
  text-align: left;
}

/* ------------ *Member ------------- */

.member__name {
  color: #FAB432;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.member__box {
  margin-top: 12px;
}

.member__img {
  width: 100px;height: 133px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.member .chats__karma {
  margin: 8px 0 0;
}

.member__img img {
  display: block;
  width: 100%;height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

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

.member__list__item span {
  font-weight: bold;
}

.member .activity {
  margin: 20px 0;
}

.member__btn {
  margin-top: 10px;
}

/* ------------- *Money -------------- */

.money .btn {
  height: 40px;
  line-height: 1;
  padding: 5px 20px;
  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;
}

/* ------------ *Inquiry ------------- */

.ap-box.form__field input {
  z-index: -1;
  text-align: left;
  position: relative;
  padding-left: 90px;
}

.ap-box.form__field *::-webkit-input-placeholder {text-align: left;}
.ap-box.form__field *::-moz-placeholder          {text-align: left;}/* Firefox 19+ */
.ap-box.form__field *:-moz-placeholder           {text-align: left;}/* Firefox 18- */
.ap-box.form__field *:-ms-input-placeholder      {text-align: left;}

.ap-box {
  position: relative;
}

.ap {
  z-index: 1;
  width: 55px;
  position: absolute;
  background: #FFF0D7;
  margin-left: 15.5px;
  border-right: 1px solid #D2D2D2;
  top: 1px;left: 1px;bottom: 1px;
}

.ap:before,
.ap:after {
  z-index: -1;
  left: -15.5px;
  width: 0;height: 0;
  border-left: 15.5px solid transparent;
  border-right: 20px solid transparent;
}

.ap:before {
  top: 0px;
  border-bottom: 12px solid #fff0d7;
}

.ap:after {
  bottom: 0;
  border-top: 12px solid #fff0d7;
}

.ap__bg {
  position: absolute;
  background: #FFF0D7;
  width: 16px;height: 16px;
  top: 12px;left: -15.5px;right: 0;
}

.ap__icon {
  position: absolute;
  top: 50%;left: -6px;
  width: 21px;height: 21px;
  background: url(../img/svg/logo-AP.svg) center no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ap__txt {
  font-size: 14px;
  margin-left: 25px;
}

.ap-box_select.form__field input {
  font-weight: normal;
  padding-left: 120px;
}

.ap-box_select .ap {
  width: 90px;
}

.ap-box_select__box {
  width: 100%;
  position: relative;
  padding-right: 10px;
}

.ap-box_select__box select {
  border: 0;
  width: 60px;
  font-size: 14px;
  margin-left: 25px;
  padding-right: 20px;
  background: transparent;
}

.ap-box_select__box:after {
  position: absolute;
  top: 50%;right: 5px;
  pointer-events: none;
  width: 18px;height: 12px;
  background: url(../img/svg/arrow-down.svg) center/contain no-repeat;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ap-box_orange.border-input {
  background: #FAB432;
}

.ap-box_orange .ap {
  border-color: #FAB432;
}

.date__name {
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.date .form__field {
  margin-bottom: 0;
}

.date .form__field,
.date .form__field input {
  -webkit-clip-path: polygon(0% 30%, 6% 0%, 94% 0%, 100% 30%, 100% 70%, 94% 100%, 6% 100%, 0 70%);
          clip-path: polygon(0% 30%, 6% 0%, 94% 0%, 100% 30%, 100% 70%, 94% 100%, 6% 100%, 0 70%);
}

.inquiry__form .paragraph {
  margin-top: 10px;
}

.inquiry__list {
  margin-top: 32px;
}

.inquiry__list li {
  min-height: 18px;
  position: relative;
  text-align: center;
  border-left: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
}

.inquiry__list li:not(:last-child) {
  margin-bottom: 34px;
}

.inquiry__list li:before,
.inquiry__list li:after {
  height: 12px;
  left: -1px;right: -1px;
}

.accordion__pink {
  background: #FFD8D9;
}

.accordion__pink:before {
  top: -12px;
  background: url(../img/other/top-bmp-pink.png) center/contain no-repeat;
}

.accordion__pink:after {
  bottom: -12px;
  background: url(../img/other/bottom-bmp-pink.png) center/contain no-repeat;
}

.accordion__turquoise {
  background: #DCFFFF;
}

.accordion__turquoise:before {
  top: -12px;
  background: url(../img/other/top-bmp-turquoise.png) center/contain no-repeat;
}

.accordion__turquoise:after {
  bottom: -12px;
  height: 15px !important;
  background: url(../img/other/bottom-bmp-turquoise.png) center/contain no-repeat;
}

.inquiry__list .accordion-header {
  z-index: 1;
  height: 40px;
  position: absolute;
  top: -11px;left: 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;
}

.inquiry__list  .accordion-body {
  padding: 35px 10px 0;
}

.inquiry__list__btn {
  margin-bottom: 0;
}

.inquiry__icons {
  display: block;
  margin: 20px auto 0;
  width: 36px;height: 40px;
}

i.i-expectation {
  background: url(../img/svg/i-expectation.svg) center/contain no-repeat;
}

i.i-check-yellow {
  background: url(../img/svg/i-check-yellow.svg) center/contain no-repeat;
}

.inquiry__list .mt-10 {
  margin-top: 10px;
}

/* ------------- *Rrubles -------------- */

.text__small {
  font-size: 11px;
  line-height: 1.5;
}

.btn_height {
  height: 40px;
  line-height: 1.2;
  padding: 2px 5px;
}

.turquoise__form {
  margin: 25px 0 0;
}

.turquoise__form .form__field input {
  background: #DCFFFF;
}

/* -------------- *Ssell -------------- */

.ap__icon__rus {
  background: url(../img/svg/i-rus.svg) center/contain no-repeat;
}

.rus .ap__txt {
  margin: 4px 0 0 22px;
}

.inquiry__btn__group {
  margin-top: 15px;
}

.inquiry__btn__group .btn {
  width: 48%;
}

/* ------------ *Motion ------------- */

.motion__item:not(:last-child) {
  margin-bottom: 15px;
}

.motion__item .paragraph {
  margin-top: 2px;
}

.motion__item .paragraph span {
  color: #FAB432;
}

/* ------------ *Trade ------------- */

.pared {
  overflow: hidden;
}

.pared__item {
  padding: 10px 0;
  position: relative;
  border: 1px solid #D2D2D2;
}

input.trade__field-box {
  border: none;
}
textarea.trade__field-box {
  border: none;
  width: 100%;
  resize: none;
  min-height: 150px;
}

.pared__item-top,
.pared__item-bot {
  border-color: inherit;
}

.pared__item-top:before,
.pared__item-top:after,
.pared__item-bot:before,
.pared__item-bot:after {
  background: #fff;
  width: 22px;height: 22px;
}

.pared__item-top:before {
  top: -15px;left: -9px;
  border-right: 1px solid #D2D2D2;
  -webkit-transform: rotate(58deg);
      -ms-transform: rotate(58deg);
          transform: rotate(58deg);
}

.pared__item-top:after {
  top: -15px;right: -9px;
  border-bottom: 1px solid #D2D2D2;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
}

.pared__item-bot:before {
  bottom: -15px;left: -9px;
  border-top: 1px solid #D2D2D2;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
}

.pared__item-bot:after {
  bottom: -15px;right: -9px;
  border-left: 1px solid #D2D2D2;
  -webkit-transform: rotate(58deg);
      -ms-transform: rotate(58deg);
          transform: rotate(58deg);
}

.trade > li.active {
  border-color: #FAB432;
}

.trade > li.active > .pared__item-top:before,
.trade > li.active > .pared__item-top:after,
.trade > li.active > .pared__item-bot:before,
.trade > li.active > .pared__item-bot:after {
  border-color: inherit;
}

.trade > li.active .accordion-header,
.trade > li.active .accordion__num {
  color: #FAB432;
}

.accordion__num {
  color: #5A5A5A;
  line-height: 1;
  font-size: 30px;
  font-weight: 500;
  position: absolute;
  top: -4px;left: 10px;
}

.trade .accordion-header {
  color: #5A5A5A;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.trade .accordion-header small {
  font-weight: normal;
  display: inline-block;
}

.pared__item .accordion-body {
  padding: 0 10px;
  overflow: hidden;
}

.trade .accordion-body .paragraph b {
  font-weight: 500;
}

.trade .accordion-body .form__item .paragraph {
  z-index: 12;
  margin-bottom: 5px;
  position: relative;
}

.trade__field {
  width: 100%;
  min-height: 40px;
  padding: 5px 10px;
  position: relative;
  border: 1px solid #D2D2D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form__item-group .form__field {
  margin-bottom: 0;
} 

.form__item-group.fx .trade__field {
  text-align: center;
  max-width: calc(43% - 5px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form__item-group.fx .trade__field {
  max-width: calc(57% - 5px);
}

.form__item-group--date .form__field input {
  padding: 0;
  height: 26px;
  line-height: 26px;
}

.trade__field--name {
  color: #FAB432;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.05em;
  font-variant: small-caps;
  text-transform: uppercase;
}

.trade .paragraph .btn {
  height: 44px;
  line-height: normal;
  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;
}

/* ------------- *Stuff -------------- */

.stuff {
  overflow: auto;
  position: absolute;
  padding: 50px 10px 0;
  top: 10px;left: 0;right: 0;bottom: 50px;
}

.stuff__list {
  height: 100%;
}

.stuff__list-item {
  margin-bottom: 15px;
}

.stuff__list-link {
  color: #5A5A5A;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.stuff-btn,
.interface-btn {
  background: #fff;
  position: absolute;
  padding: 10px 10px 0;
  left: 0;right: 0;bottom: 0;
}

/* ---------- *Stuff card ----------- */

.stuff-card__name {
  color: #FAB432;
  font-size: 17px;
  line-height: 1.2;
  margin-top: 25px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.stuff-card__img {
  margin-top: 15px;
}

.stuff-card__img img {
  width: 100%;
  display: block;
}

.stuff-card__field {
  margin-top: 10px;
}

.stuff-card__group .form__field {
  padding: 0;
  margin-left: 0;
  max-width: 215px;width: 100%;
  background: url(../img/svg/stuff-card-bg-select.svg) center/contain no-repeat;
  -webkit-clip-path: none;
          clip-path: none;
}

.stuff-card__group .form__field input {
  z-index: initial;
  background: transparent;
}

.stuff-card__group .ap {
  top: 1.5px;left: 2px;bottom: 1.5px;
}

.stuff-card__group .ap__bg,
.stuff-card__group .ap:before,
.stuff-card__group .ap:after {
  display: none;
}

.stuff-card .check {
  margin-left: 10px;
}

.stuff-card .check__txt {
  top: 4px;
  margin-right: 5px;
  position: relative;
}

.stuff-card__btn {
  margin-top: 10px;
}

/* ------------ *Chosen ------------- */

.chosen {
  height: auto !important;
  bottom: 50px !important;
  padding-top: 45px !important;
}

.chosen__img {
  margin-right: 13px;
  max-width: 66px;width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.chosen__img img {
  display: block;
}

.chosen__box {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.chosen__name {
  z-index: 1;
  color: #FAB432;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
  position: relative;
  padding-right: 50px;
}

.chosen__field {
  margin-top: 5px;
  position: relative;
}

.chosen__textarea {
  position: relative;
}

.chosen__textarea textarea {
  padding-top: 20px;
}

.chosen__field .check {
  position: absolute;
  top: 0;right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.chosen__field .check__custom {
  background: #fff;
  border-color: #D2D2D2;
}

.chosen-btns {
  background: #fff;
  position: absolute;
  padding: 10px 10px 0;
  left: 0;right: 0;bottom: 0;
}

.chosen-btns .btn {
  width: calc(50% - 5px);
}

/* ------------ *Desires ------------- */

.desires__nav .btn {
  width: calc(50% - 5px);
}

.desires__nav .btn.active {
  background: #FAB432;
}

.desires__item {
  margin-top: 10px;
  position: relative;
}

.desires__btn {
  top: 50%;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.desires__btn:hover {
  opacity: .7 !important; 
}

.desires__remove {
  left: 10px;
  width: 20px;height: 20px;
}

.desires__arrow {
  right: 10px;
  width: 22px;height: 20px;
}

.i-next {
  background: url(../img/svg/i-next.svg) center no-repeat;
}

.desires__link {
  color: #5A5A5A;
  padding: 5px 38px;
  line-height: 1.28;
  text-align: center;
  min-height: 40px;
  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;
}

.desires__item:hover a {
  opacity: 1;
}

.desires__item:hover .desires__link {
  background: #FFF0D7;
}

.desires__list_all {
  display: none;
}

/* ------------ *Archive ------------- */

.archive__item {
  color: #D2D2D2;
  margin-top: 20px;
}

.archive__name {
  font-weight: 900;
  line-height: 1.18;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.archive__info {
  margin-top: 2px;
}

/* ----------- *Interface ------------ */

.head_gray .title {
  color: #D2D2D2;
}

.head_gray .head__btn__item {
  opacity: .3;
}

.interface {
  height: auto !important;
  bottom: 50px !important;
}

.interface__item {
  margin-top: 25px;
  text-align: center;
}

.interface__link {
  color: #5A5A5A;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.interface__link:hover,
.interface__link.active {
  color: #FAB432;
}

/* ------------- *Quest -------------- */

.quest__btns {
  margin-top: 15px;
}

.quest__btns .btn,
.paper__btns .btn {
  width: calc(50% - 5px);
}

.quest__name {
  margin-top: 25px;
}

/* ------------- *Paper -------------- */

.paper {
  padding-top: 25px;
}

.paper .title {
  margin-bottom: 15px;
}

.paper__btns .btn.active,
.paper__btns .btn:hover {
  background: #FAB432;
}

.paper__list {
  margin-top: 25px;
}

.paper__list-item {
  margin-bottom: 15px;
}

.paper__list-link {
  color: #5A5A5A;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Add */

.paper__form .paragraph {
  z-index: 1;
  margin: 0 0 5px;
  position: relative;
}

.paper__form .paper__btns {
  margin-top: 15px;
}

.paper__form .trade__field-box {
  width: 100%;
}

.paper__textarea-placeholder {
  display: block;
  color: #D2D2D2;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.1em;
}

.paper__form textarea {
  min-height: 300px;
}

/* Card */

.paper__img {
  margin-top: 20px;
}

.paper__img img {
  width: 100%;
  display: block;
}

/* Nav */

.paper_nav .paper__list-item {
  margin-bottom: 35px;
}

.paper__plus a {
  margin: 0 auto;
  display: block;
  width: 31px;height: 30px;
  background: url(../img/svg/i-plus.svg) center/contain no-repeat;
}

/* ------------- *Modal -------------- */

/* List */

.modal-nav {
  margin-top: 25px;
}

.modal-nav__item {
  margin-bottom: 25px;
}

.modal-nav__link {
  color: #5A5A5A;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

/* Modal */

.modal {
  z-index: 99;
  display: none;
  position: fixed;
  overflow-y: auto;
  top: 0;left: 0;right: 0;bottom: 0;
  background: rgba(0, 0, 0, 0.25);
}

.fullScreen {
  padding: 50px 0;
  min-height: 100%;
}

.modal__box {
  padding: 10px;
  background: #fff;
  position: relative;
  max-width: 340px;width: calc(100% - 20px);
}

.modal__bamper {
  height: 10px;
  background: #fff;
  position: absolute;
  left: 17px;right: 17px;
}

.modal__bamper--top {
  top: -10px;
}

.modal__bamper--bot {
  bottom: -10px;
}

.modal__bamper--top:before,
.modal__bamper--top:after,
.modal__bamper--bot:before,
.modal__bamper--bot:after {
  top: 0;
  width: 18px;height: 10px;
}

.modal__bamper--top:before,
.modal__bamper--top:after {
  top: 0;
}

.modal__bamper--bot:before,
.modal__bamper--bot:after {
  bottom: 0;
}

.modal__bamper--top:before,
.modal__bamper--bot:before {
  left: -17px;
}

.modal__bamper--top:after,
.modal__bamper--bot:after {
  right: -17px;
}

.modal__bamper--top:before {
  background: url(../img/other/bamper-left-top.png) center no-repeat;
}

.modal__bamper--top:after {
  background: url(../img/other/bamper-right-top.png) center no-repeat;
}

.modal__bamper--bot:before {
  background: url(../img/other/bamper-left-bottom.png) center no-repeat;
}

.modal__bamper--bot:after {
  background: url(../img/other/bamper-right-bottom.png) center no-repeat;
}

.modal .title {
  margin-bottom: 15px;
}

.modal .form__field {
  margin-bottom: 0;
  position: relative;
}

.modal .form__field input {
  font-weight: normal;
}

.modal .form__field+.form__field {
  margin-top: 10px;
}

.modal_key .title {
  font-weight: bold;
  text-transform: none;
}

.modal_key .form__field input {
  padding: 0 35px;
}

.modal__btns .btn {
  width: calc(50% - 5px);
}

.start.key .bamper {
  border-left: 1px solid #5A5A5A;
  border-right: 1px solid #5A5A5A;
}

.start.key .bamper__top {
  border-top: 1px solid #5A5A5A;
}
.start.key .bamper__bottom {
  border-bottom: 1px solid #5A5A5A;
}

.panel__box--dark {
  margin-top: 0;
}

.panel__box--dark .panel__item {
  background: url(../img/svg/i-hexagon-dark.svg) center no-repeat;
}

.panel__box--dark .panel__item:not(:last-child) {
  margin-right: 20px;
}

.modal_thanks .title {
  margin-bottom: 0;
}

/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* --------- *Before::After ---------- */
.check__custom:before,
.bamper__item:before,
.bamper__item:after,
.indicated__item:before,
.activity__detector:before,
.search:after,
.select-box_arrow:after,
.ap:before,
.ap:after,
.ap-box_select__box:after,
.inquiry__list li:before,
.inquiry__list li:after,
.pared__item-top:before,
.pared__item-top:after,
.pared__item-bot:before,
.pared__item-bot:after,
.modal__bamper:before,
.modal__bamper:after {
  content: " ";
  position: absolute;
}
.set_region_link {
  cursor: pointer;
  text-decoration: underline;
}

.right-btn {
	right: 10px;
	left: unset !important;
}

#image-list {
  list-style:none;
  margin:0;
  padding:0;
}
#image-list li {
  background: #fff;
  border: 1px solid #ccc;
  text-align:center;
  padding:20px;
  margin-bottom:19px;
}
#image-list li img {
  width: 258px;
  vertical-align: middle;
  border:1px solid #474747;
}

#chat-upload-popup-btn {
  position: absolute;
  z-index: 99;
  bottom: 10px;
  background: #fff;
  left: 20px;
  font-size: 20px
}
#chat-send-byutton {
  position: absolute;
  z-index: 99;
  bottom: 10px;
  background: #fff;
  right: 20px;
}
#message_to_chat {
  padding: 0 30px
}

.progress {
  display: block;
  text-align: center;
  width: 0;
  height: 3px;
  background: red;
  transition: width .3s;
}

.to-notification {
  display: none;
}
.rank-button {
  cursor: pointer;
}
.rank-button i.i-dislike {
  background: url(../img/svg/i-dislike-gray.svg) center no-repeat;
}
.rank-button:hover i.i-dislike, .rank-button input:checked + i.i-dislike {
  background: url(../img/svg/i-dislike.svg) center no-repeat;
}

.rank-button i.i-like {
  background: url(../img/svg/i-like-gray.svg) center no-repeat;
}
.rank-button:hover i.i-like, .rank-button input:checked + i.i-like {
  background: url(../img/svg/i-like.svg) center no-repeat;
}

.rank-button i.i-like-medium {
  background: url(../img/svg/i-like-medium-gray.svg) center no-repeat;
}
.rank-button:hover i.i-like-medium, .rank-button input:checked + i.i-like-medium {
  background: url(../img/svg/i-like-medium.svg) center no-repeat;
}
.menu_button_toggle {
  margin-right: 10px;
}
.menu_button_toggle span {
  display: block;
  width: 8px;
  height: 8px;
  background: #5A5A5A;
  border-radius: 50%;
}

.favorite__list__item {
  cursor: pointer;
  padding: 5px;
}

.tag-confirm {
  width: 20px !important;
  height: 20px !important;
}
.color-red {
  color: red !important;
}
.color-green {
  color: green !important;;
}
.color-grey {
  color: gray !important;;
}

.notification__list__item {
  cursor: pointer;
}

.head.fx.fx-between {
  padding-right: 4rem;
}