@charset "UTF-8";
/** Меньше чем **/
/** Больше чем **/
/** Фиксированный брейкпоинт **/
body:before {
  opacity: 0;
  position: absolute;
  z-index: -9999; }
  @media screen and (min-width: 0) and (max-width: 575px) {
    body:before {
      content: 'xs'; } }
  @media screen and (min-width: 576px) and (max-width: 767px) {
    body:before {
      content: 'sm'; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    body:before {
      content: 'md'; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    body:before {
      content: 'lg'; } }
  @media screen and (min-width: 1200px) and (max-width: 9999px) {
    body:before {
      content: 'xl'; } }

@media screen and (max-width: 991px) {
  .container {
    max-width: none; } }

::placeholder {
  color: #9b9b9b !important; }

.form-control {
  color: #212529; }
  .form-control:focus {
    box-shadow: none; }

.form-check {
  padding-left: 35px; }

a {
  color: #0056b3; }

.btn:active {
  box-shadow: none; }

.btn:focus {
  box-shadow: none; }

.btn-primary {
  background-color: #5bb3ee;
  border-color: #5bb3ee; }
  .btn-primary:hover {
    background-color: #60bcfa;
    border-color: #60bcfa; }
  .btn-primary:disabled {
    color: #9b9b9b;
    background: #e0e0e0;
    border-color: #e0e0e0; }

.btn-outline-primary {
  border-color: #5bb3ee;
  color: #5bb3ee; }
  .btn-outline-primary:hover {
    background-color: #5bb3ee;
    border-color: #5bb3ee; }
  .btn-outline-primary:disabled {
    color: #9b9b9b;
    border-color: #e0e0e0; }
    .btn-outline-primary:disabled:hover {
      background: none; }

.badge-primary {
  background-color: #5bb3ee; }

html {
  /* For footer  */
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom = footer height */
  margin-bottom: 270px; }
  @media screen and (max-width: 767px) {
    body {
      margin-bottom: 620px; } }

.content-container {
  padding-top: 25px;
  padding-bottom: 25px; }

@media screen and (max-width: 767px) {
  .mobile-margin {
    margin-top: 55px; } }

.bold {
  font-weight: bold; }

.sidebar .sidebar-box {
  margin-bottom: 1.5rem; }

.btn-order {
  font-weight: bold;
  font-size: 1.4rem;
  padding: 0.5rem 2rem; }
  @media screen and (max-width: 767px) {
    .btn-order {
      padding: 0.5rem 1.5rem; } }
  .btn-order span {
    display: block;
    font-size: 1rem;
    font-weight: normal; }

.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated-fast {
  animation-duration: 0.5s;
  animation-fill-mode: both; }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

.pretty-checkbox {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1; }
  .pretty-checkbox * {
    box-sizing: border-box; }
  .pretty-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer; }
    .pretty-checkbox input:not([type='checkbox']):not([type='radio']) {
      display: none; }
    .pretty-checkbox input:checked ~ .state label:after {
      background-color: #9b9b9b; }
    .pretty-checkbox input:checked ~ .state label:before {
      border-color: #9b9b9b; }
    .pretty-checkbox input:checked ~ .state.p-primary label:after {
      background-color: #428bca; }
    .pretty-checkbox input:checked ~ .state.p-primary label:before {
      border-color: #428bca; }
    .pretty-checkbox input:checked ~ .state.p-success label:after {
      background-color: #5cb85c; }
    .pretty-checkbox input:checked ~ .state.p-success label:before {
      border-color: #5cb85c; }
    .pretty-checkbox input:checked ~ .state.p-warning label:after {
      background-color: #f0ad4e; }
    .pretty-checkbox input:checked ~ .state.p-warning label:before {
      border-color: #f0ad4e; }
    .pretty-checkbox input:checked ~ .state.p-danger label:after {
      background-color: #d9534f; }
    .pretty-checkbox input:checked ~ .state.p-danger label:before {
      border-color: #d9534f; }
  .pretty-checkbox .state label {
    position: initial;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px); }
    .pretty-checkbox .state label:before, .pretty-checkbox .state label:after {
      content: '';
      width: calc(1em + 2px);
      height: calc(1em + 2px);
      display: block;
      box-sizing: border-box;
      border-style: solid;
      border-color: transparent;
      z-index: 0;
      position: absolute;
      left: 0;
      top: calc((0% - (100% - 1em)) - 8%);
      background-color: transparent;
      border-width: calc(1em / 7);
      border-radius: 20%; }
    .pretty-checkbox .state label:before {
      border-color: #cecece; }
    .pretty-checkbox .state label:after {
      -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
      transform: scale(0.4); }
  .pretty-checkbox.p-round .state label:before, .pretty-checkbox.p-round .state label:after {
    border-radius: 100%; }

.error-page {
  text-align: center; }
  .error-page .error-box {
    margin-top: 80px;
    color: #9b9b9b; }
  .error-page h1 {
    font-size: 120px; }
  .error-page h2 {
    font-size: 40px;
    font-weight: 100;
    text-transform: uppercase; }

.advantage-checkmarks .advantage-checkmarks__list-item {
  font-size: .8rem;
  padding-left: 24px;
  margin-bottom: .2rem;
  background-repeat: no-repeat; }
  .advantage-checkmarks .advantage-checkmarks__list-item.list-item__contract {
    background-image: url("/static/images/icons/contract-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/contract-20.png") 1x, url("/static/images/icons/contract-40.png") 2x); }
  .advantage-checkmarks .advantage-checkmarks__list-item.list-item__warranty {
    background-image: url("/static/images/icons/warranty-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/warranty-20.png") 1x, url("/static/images/icons/warranty-40.png") 2x); }
  .advantage-checkmarks .advantage-checkmarks__list-item.list-item__portfolio {
    background-image: url("/static/images/icons/portfolio-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/portfolio-20.png") 1x, url("/static/images/icons/portfolio-40.png") 2x); }

.advantage-checkmarks.with-background .advantage-checkmarks__list {
  border: #c3e6cb solid 1px;
  border-radius: 3px;
  background-color: #d4edda;
  padding: 10px; }

@media screen and (max-width: 767px) {
  .advantage-checkmarks.with-background .advantage-checkmarks__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .advantage-checkmarks.with-background .advantage-checkmarks__list-item {
    margin-right: .8rem; } }

.advantage-checkmarks.inline .advantage-checkmarks__list {
  display: flex;
  flex-wrap: wrap; }

.advantage-checkmarks.inline .advantage-checkmarks__list-item {
  margin-right: .8rem; }
  @media screen and (max-width: 575px) {
    .advantage-checkmarks.inline .advantage-checkmarks__list-item {
      margin-right: .3rem; } }

.avatar-box .avatar-box__image {
  padding: 0;
  border: none;
  border-radius: 50%;
  display: inline-block; }

.avatar-box-with-online .avatar-box-with-online__image {
  padding: 0;
  border: 1px solid rgba(94, 94, 94, 0.2);
  border-radius: 50%;
  display: inline-block; }

.avatar-box-with-online .avatar-box-with-online__box {
  display: inline-block;
  position: relative;
  max-width: 100px; }

.avatar-box-with-online.online .avatar-box-with-online__box:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  bottom: 7%;
  right: 7%;
  border: 3px solid #fff;
  width: 17px;
  height: 17px;
  background-color: #64c178; }

.avatar-box-with-online.online.dialogs-item__avatar-box .avatar-box-with-online__box:after {
  bottom: 5%;
  right: 5%;
  width: 14px;
  height: 14px;
  border: 2px solid #fff; }

.avatar-box-with-online .avatar-box-with-online__badge-box {
  height: 35px;
  display: flex;
  bottom: 2px;
  left: -2px;
  position: absolute; }
  @media screen and (max-width: 767px) {
    .avatar-box-with-online .avatar-box-with-online__badge-box {
      bottom: -1px;
      left: -3px; } }

.avatar-uploader {
  text-align: center;
  margin-bottom: 1rem; }
  .avatar-uploader .avatar {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 1rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .avatar-uploader .spinnerBox {
    width: 150px;
    height: 105px;
    padding-top: 45px; }
  .avatar-uploader .description {
    max-width: 390px;
    color: #9b9b9b;
    margin: 0 auto;
    margin-bottom: 1rem;
    font-size: 0.85rem; }
    .avatar-uploader .description p {
      margin-bottom: 0.2rem;
      font-size: 1rem;
      padding: 0 30px; }

.avatar-uploader {
  text-align: center;
  margin-bottom: 1rem; }
  .avatar-uploader .avatar {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 1rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .avatar-uploader .spinnerBox {
    width: 150px;
    height: 105px;
    padding-top: 45px; }
  .avatar-uploader .description {
    max-width: 390px;
    color: #9b9b9b;
    margin: 0 auto;
    margin-bottom: 1rem;
    font-size: 0.85rem; }
    .avatar-uploader .description p {
      margin-bottom: 0.2rem;
      font-size: 1rem;
      padding: 0 30px; }

.breadcrumb-component .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  padding: 0 0.8rem;
  color: #9b9b9b;
  font-size: 0.8rem; }

.breadcrumb-component .breadcrumb-item:before {
  padding-right: .3rem;
  padding-left: .3rem;
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB4SURBVChTZY7LCYAwEETTgyL4KcK77Qh2IFaS/yUNqUe1Cg+e1QmuyOKDIWTeBCJenHONtbaiKyeEkEAeGG1KqZJqDmSL0Ylz9d4XVHMguzhCFillRvUHBj1yYTAbY1KqHyCGKJHpJ7XWOcSOl2P8MNUcyPovhbgBiyJAqRa8LB4AAAAASUVORK5CYII="); }

.breadcrumb-component .breadcrumb-item:first-child:before {
  content: '';
  padding: 0; }

.breadcrumb-component a {
  color: #9b9b9b; }

.categories-list a {
  color: black; }
  .categories-list a:hover {
    color: #0056b3;
    text-decoration: underline; }

.categories-list h1 {
  font-size: 2rem;
  margin-bottom: 1rem; }

.categories-list h5 {
  font-weight: bold; }

.categories-list .categories-list__section-header {
  margin-top: 2rem; }
  .categories-list .categories-list__section-header h4 {
    margin-bottom: 0.5rem; }
  .categories-list .categories-list__section-header hr {
    margin: 0; }

.categories-list .categories-list__category-header {
  margin-top: 1rem; }

.categories-list .sub-category-list ul {
  margin-bottom: 0; }

.category-box {
  margin-top: .7rem; }
  .category-box:first-of-type {
    margin-top: 0; }

.category-box__header {
  background-color: #dce1e2;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: .25rem; }

.open .category-box__header {
  background-color: #dce1e2;
  padding: 10px 15px;
  cursor: pointer;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.category-box__name-box {
  display: flex;
  justify-content: left;
  align-items: center; }

.category-box__count-box {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .category-box__count-box {
      justify-content: start; } }

.category-box__header-arrow {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("/static/images/category-box-arrows.png");
  background-position: center;
  background-repeat: no-repeat; }

.open .category-box__header-arrow {
  transform: rotate(-90deg); }

.category-box__category-name {
  padding-left: 5px; }

.category-box__selected-spec-count {
  min-width: 83px;
  display: flex;
  align-items: center;
  font-size: 0.70rem; }
  @media screen and (max-width: 767px) {
    .category-box__selected-spec-count {
      margin-left: 1.2rem;
      margin-top: .5rem; } }
  @media screen and (min-width: 768px) {
    .category-box__selected-spec-count {
      margin-right: 10px; } }
  .category-box__selected-spec-count label {
    margin-bottom: 0;
    margin-left: 5px;
    cursor: pointer; }

.category-box__subcategory-list {
  display: none;
  background-color: #f5f5f5;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem; }

.open + .category-box__subcategory-list {
  display: flex; }

.category-box-item {
  padding: 7px 15px;
  min-height: 44px; }
  .category-box-item:nth-child(even) {
    background-color: #efefef; }
  .category-box-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem; }
  @media screen and (max-width: 767px) {
    .category-box-item {
      flex-direction: column;
      align-items: flex-start; } }

.category-box-item__container {
  min-height: 29px; }

.category-box-item__subcategory {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.category-box-item__name {
  flex-grow: 2;
  margin-bottom: 0;
  margin-left: 0.3rem;
  font-size: .9rem; }

.category-description {
  padding: 0 0.8rem !important;
  font-size: 0.95rem; }

.category-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 400px;
  max-height: 500px;
  box-shadow: inset 0 -500px 0 rgba(14, 14, 14, 0.6);
  color: #fff;
  font-size: 1.25rem;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .category-header {
      font-size: 1rem; } }
  .category-header h1 {
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .category-header h1 {
        font-size: 2rem; } }
  .category-header .btn {
    font-weight: bold;
    font-size: 1.4rem;
    padding: 0.5rem 2rem; }
    @media screen and (max-width: 575px) {
      .category-header .btn {
        width: 100%; } }
    .category-header .btn span {
      display: block;
      font-size: 1rem;
      font-weight: normal; }
  .category-header .category-header__btn-yellow {
    background-color: #fc9400;
    color: #fff; }
    .category-header .category-header__btn-yellow:hover {
      background-color: #fe7700; }
  .category-header .category-header__action-block {
    display: flex;
    align-items: start;
    gap: 2rem; }
    .category-header .category-header__action-block p {
      margin: 0; }
  .category-header .category-header__partnership-note {
    font-size: .85rem; }
  .category-header .category-header__phone {
    font-size: 2rem;
    font-weight: bold; }

.settings-price-section {
  margin-bottom: 1.5rem; }

.settings-price-box {
  margin-top: .7rem; }
  .settings-price-box:first-of-type {
    margin-top: 0; }

.settings-price-box__header {
  background-color: #dce1e2;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: .25rem; }

.open .settings-price-box__header {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.settings-price-box__name-box {
  display: flex;
  justify-content: left;
  align-items: center; }

.settings-price-box__header-arrow {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("/static/images/category-box-arrows.png");
  background-position: center;
  background-repeat: no-repeat; }

.open .settings-price-box__header-arrow {
  transform: rotate(-90deg); }

.settings-price-box__name {
  padding-left: 5px; }

.settings-price-box__count-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 0.70rem; }
  .settings-price-box__count-box .count-box__first-price {
    color: #007bff; }
    .settings-price-box__count-box .count-box__first-price:hover {
      color: #0056b3;
      text-decoration: underline; }

.settings-price-box__items {
  display: none;
  background-color: #f5f5f5;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem; }

.open .settings-price-box__items {
  display: flex;
  margin-bottom: .5rem; }

.settings-price-item {
  padding: 7px 15px;
  min-height: 44px;
  overflow: hidden; }
  .settings-price-item:nth-child(even) {
    background-color: #efefef; }
  .settings-price-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem; }
  @media screen and (max-width: 767px) {
    .settings-price-item {
      flex-direction: column;
      align-items: flex-start; } }

.settings-price-item__container {
  min-height: 29px;
  font-size: .9rem; }
  .settings-price-item__container--empty {
    display: flex;
    align-items: center;
    color: #9b9b9b; }
    @media screen and (max-width: 767px) {
      .settings-price-item__container--empty {
        font-size: .8rem; } }

.settings-price-item__box {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.settings-price-item__label {
  flex-grow: 2;
  margin-bottom: 0;
  margin-left: 0.3rem;
  font-size: .9rem; }

.settings-price-item__cost-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-style: italic; }
  @media screen and (max-width: 767px) {
    .settings-price-item__cost-box {
      justify-content: start;
      padding-left: 1.2rem !important; } }

.settings-price-item__name,
.settings-price-item__measure,
.settings-price-item__btn-box {
  display: flex;
  align-items: center; }

.settings-price-item__name,
.settings-price-item__measure {
  padding-right: .5rem !important;
  overflow: hidden; }

.settings-price-item__name {
  min-height: 29px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .settings-price-item__name {
      margin-bottom: .25rem;
      padding-right: 0 !important; } }

.settings-price-item__measure {
  font-size: 0.8rem; }

.settings-price-item__btn-box {
  justify-content: flex-end; }
  @media screen and (max-width: 767px) {
    .settings-price-item__btn-box {
      margin-top: .5rem; } }
  .settings-price-item__btn-box .btn {
    padding: .1rem .5rem;
    max-height: 29px;
    width: 42px; }
  @media screen and (max-width: 767px) {
    .settings-price-item__btn-box .settings-price-item__save-btn {
      display: none; } }
  .settings-price-item__btn-box .settings-price-item__save-btn-mobile {
    font-size: .8rem;
    cursor: pointer;
    color: #28a745 !important;
    padding: 0;
    border: none;
    background: none; }
    .settings-price-item__btn-box .settings-price-item__save-btn-mobile:disabled {
      color: #9b9b9b !important; }
    @media screen and (min-width: 768px) {
      .settings-price-item__btn-box .settings-price-item__save-btn-mobile {
        display: none; } }
  .settings-price-item__btn-box .settings-price-item__edit-btn {
    margin-right: .5rem;
    opacity: 0.5; }
    .settings-price-item__btn-box .settings-price-item__edit-btn:hover {
      opacity: 1; }
    @media screen and (max-width: 767px) {
      .settings-price-item__btn-box .settings-price-item__edit-btn {
        display: none; } }
  .settings-price-item__btn-box .settings-price-item__delete-btn {
    opacity: 0.5; }
    .settings-price-item__btn-box .settings-price-item__delete-btn:hover {
      opacity: 1; }
    @media screen and (max-width: 767px) {
      .settings-price-item__btn-box .settings-price-item__delete-btn {
        display: none; } }
  .settings-price-item__btn-box .settings-price-item__delete-btn-mobile,
  .settings-price-item__btn-box .settings-price-item__edit-btn-mobile {
    font-size: .8rem;
    cursor: pointer; }
    @media screen and (min-width: 768px) {
      .settings-price-item__btn-box .settings-price-item__delete-btn-mobile,
      .settings-price-item__btn-box .settings-price-item__edit-btn-mobile {
        display: none; } }
  .settings-price-item__btn-box .settings-price-item__edit-btn-mobile {
    margin-right: .5rem;
    color: #5bb3ee; }
  .settings-price-item__btn-box .settings-price-item__delete-btn-mobile {
    color: #dc3545; }
  .settings-price-item__btn-box--delete {
    display: flex;
    flex-direction: column;
    font-size: .8rem;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      .settings-price-item__btn-box--delete {
        line-height: .9rem; } }
    @media screen and (max-width: 767px) {
      .settings-price-item__btn-box--delete {
        flex-direction: row;
        justify-content: flex-end; } }
    @media screen and (max-width: 767px) {
      .settings-price-item__btn-box--delete .settings-price-item__delete-question {
        margin-right: .7rem; } }
    .settings-price-item__btn-box--delete .settings-price-item__delete-confirm span {
      display: inline-block;
      cursor: pointer; }
      .settings-price-item__btn-box--delete .settings-price-item__delete-confirm span + span {
        margin-left: .5rem; }
        @media screen and (max-width: 991px) {
          .settings-price-item__btn-box--delete .settings-price-item__delete-confirm span + span {
            margin-left: .25rem; } }
        @media screen and (max-width: 767px) {
          .settings-price-item__btn-box--delete .settings-price-item__delete-confirm span + span {
            margin-left: .5rem; } }
    .settings-price-item__btn-box--delete .settings-price-item__delete-confirm .settings-price-item__delete-confirm-yes {
      color: #dc3545; }

.settings-price-item__input {
  font-size: 0.8rem; }

.settings-price-item__textarea-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: .5rem; }
  @media screen and (max-width: 767px) {
    .settings-price-item__textarea-box {
      right: 0; } }
  .settings-price-item__textarea-box .settings-price-item__textarea {
    font-size: 0.8rem;
    height: 100%;
    resize: none; }

.settings-price-item__invisible {
  opacity: 0; }

.settings-price-form .settings-price-form__title {
  color: #9b9b9b; }

.city-picker__display-button {
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap; }
  .city-picker__display-button::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent; }

.city-picker__tooltip .arrow:before {
  border-bottom-color: gray; }

.city-picker__tooltip-inner {
  background-color: white;
  color: #212529;
  border: 1px solid gray;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.5); }

.city-picker__modal .city-picker__item {
  color: #007bff; }
  .city-picker__modal .city-picker__item:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #0056b3; }

.city-select .city-select__control {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-shadow: none; }
  .city-select .city-select__control:hover {
    border-color: #ced4da; }
  .city-select .city-select__control--is-focused {
    border-color: #80bdff; }
    .city-select .city-select__control--is-focused:hover {
      border-color: #80bdff; }

.city-select .city-select__option--is-selected {
  background-color: #5bb3ee; }

.city-tree-select .city-tree-select__control {
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-shadow: none; }
  .city-tree-select .city-tree-select__control:hover {
    border-color: #ced4da; }
  .city-tree-select .city-tree-select__control--is-focused {
    border-color: #80bdff; }
    .city-tree-select .city-tree-select__control--is-focused:hover {
      border-color: #80bdff; }

.city-tree-select .city-tree-select__option--is-selected {
  background-color: #5bb3ee; }

.city-tree-select .city-tree-select__group-heading {
  font-size: 1rem; }

.editor {
  margin-bottom: 1rem; }
  .editor .ql-editor {
    height: 200px; }
    .editor .ql-editor.ql-blank::before {
      color: #9ea4aa; }
  .editor .ql-container {
    font-size: 1rem; }
    .editor .ql-container .ql-editor p {
      margin-bottom: .3rem; }
    .editor .ql-container.ql-snow {
      border: 1px solid #ced4da;
      border-radius: .25rem; }
      .editor .ql-container.ql-snow:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
      .editor .ql-container.ql-snow:not(:last-child) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
    .editor .ql-container p {
      margin-bottom: 1rem; }
  .editor .ql-toolbar.ql-snow {
    border: 1px solid #ced4da;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 40px 0;
  height: 270px;
  background-color: #465566;
  color: #d9dfe0;
  font-size: 0.8rem; }
  @media screen and (max-width: 767px) {
    .footer {
      height: 620px; } }
  .footer .footer__logo {
    color: #d9dfe0;
    font-size: 1.7rem;
    font-weight: bold;
    text-decoration: none; }
  .footer a {
    color: #d9dfe0; }
  .footer .footer__copyright {
    font-size: 0.8rem; }
  .footer .footer__legal {
    margin-bottom: 0;
    font-size: .75rem; }
  .footer .footer__pay {
    margin-top: .7rem;
    display: flex;
    justify-content: start;
    flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .footer .footer__pay {
        justify-content: center; } }
    .footer .footer__pay .footer__pay-visa {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -1024px -8px;
      background-image: url("/static/images/pay/all-logo.png");
      width: 42px;
      height: 32px; }
      .footer .footer__pay .footer__pay-visa:hover {
        background-position: -1024px -63px; }
    .footer .footer__pay .footer__pay-verified-visa {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -158px -8px;
      background-image: url("/static/images/pay/all-logo.png");
      width: 50px;
      height: 32px; }
      .footer .footer__pay .footer__pay-verified-visa:hover {
        background-position: -158px -63px; }
    .footer .footer__pay .footer__pay-mastercard-secure {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -221px -8px;
      background-image: url("/static/images/pay/all-logo.png");
      width: 62px;
      height: 32px; }
      .footer .footer__pay .footer__pay-mastercard-secure:hover {
        background-position: -221px -62px; }
    .footer .footer__pay .footer__pay-mastercard {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -1130px -10px;
      background-image: url("/static/images/pay/all-logo.png");
      width: 42px;
      height: 32px; }
      .footer .footer__pay .footer__pay-mastercard:hover {
        background-position: -1130px -65px; }
    .footer .footer__pay .footer__pay-belcard {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -1081px -8px;
      background-image: url("/static/images/pay/all-logo.png");
      width: 35px;
      height: 32px; }
      .footer .footer__pay .footer__pay-belcard:hover {
        background-position: -1081px -63px; }
    .footer .footer__pay .footer__pay-erip {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -5px -5px;
      background-image: url("/static/images/pay/all-logo.png");
      width: 45px;
      height: 32px; }
      .footer .footer__pay .footer__pay-erip:hover {
        background-position: -5px -57px; }
    .footer .footer__pay .footer__pay-be-paid {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -70px -3px;
      background-image: url("/static/images/pay/all-logo.png");
      width: 72px;
      height: 32px; }
      .footer .footer__pay .footer__pay-be-paid:hover {
        background-position: -70px -57px; }
    .footer .footer__pay .footer__pay-mt-bank {
      display: inline-block;
      vertical-align: middle;
      margin-right: .5rem;
      background-position: -4px -11px;
      background-image: url("/static/images/pay/mtbank.png");
      width: 112px;
      height: 32px; }
      .footer .footer__pay .footer__pay-mt-bank:hover {
        background-position: -4px -61px; }
  .footer .footer__pay-box {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .footer .footer__pay-box {
        flex-direction: column-reverse;
        justify-content: start;
        align-items: start;
        margin-top: 1rem; } }
  .footer .footer__rating {
    margin-right: 2rem; }
    @media screen and (max-width: 767px) {
      .footer .footer__rating {
        margin-right: 0; } }
    .footer .footer__rating .rating-widget__title {
      margin-bottom: 0;
      font-weight: 400; }
    .footer .footer__rating .rating-widget__review-count {
      margin-top: 0; }

/*
 * Эти стили используются и на ленденке для мастеров
 */
.home-page-promo-box {
  background-color: white;
  background-size: cover;
  background-position: center center;
  background-image: url("/static/images/hero-bg.jpg");
  padding: 4.5rem 0;
  margin-bottom: 4rem; }
  @media screen and (max-width: 767px) {
    .home-page-promo-box {
      padding: 0; } }

.home-page-promo-box__content-wrapper {
  border: solid #ffd400 1rem;
  padding: 2rem 3rem 3rem 3rem; }
  @media screen and (max-width: 575px) {
    .home-page-promo-box__content-wrapper {
      padding: 2rem 1rem 3rem 1rem; } }
  .home-page-promo-box__content-wrapper .btn {
    font-weight: bold;
    font-size: 1.4rem;
    padding: 0.5rem 2rem; }
    @media screen and (max-width: 575px) {
      .home-page-promo-box__content-wrapper .btn {
        width: 100%;
        font-size: 1.2rem;
        padding: 0.5rem 1.5rem; } }
    .home-page-promo-box__content-wrapper .btn span {
      display: block;
      font-size: 1rem;
      font-weight: normal; }
      @media screen and (max-width: 575px) {
        .home-page-promo-box__content-wrapper .btn span {
          font-size: 0.9rem; } }
  .home-page-promo-box__content-wrapper .home-page-promo-box__under-btn {
    margin-top: 1rem;
    margin-bottom: 0;
    width: 400px; }
    @media screen and (max-width: 767px) {
      .home-page-promo-box__content-wrapper .home-page-promo-box__under-btn {
        width: 100%; } }

.home-page-promo-box__title {
  margin-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .home-page-promo-box__title {
      font-size: 2rem; } }
  @media screen and (max-width: 575px) {
    .home-page-promo-box__title {
      font-size: 1.5rem; } }

.home-page-promo-box__lead {
  margin-bottom: 30px;
  margin-right: 50px; }
  @media screen and (max-width: 575px) {
    .home-page-promo-box__lead {
      font-size: 1rem; } }

.home-page-promo-box__worker-box {
  position: relative; }

.home-page-promo-box__worker {
  position: absolute;
  z-index: 2;
  bottom: -8.5rem;
  width: 388px;
  height: 555px;
  background: url("/static/images/worker.png") no-repeat; }

.how-it-works {
  margin-bottom: 1rem; }

.how-it-works__header {
  margin-bottom: 1rem; }

@media screen and (max-width: 767px) {
  .how-it-works__title {
    text-align: center; } }

.how-it-works__icon {
  background-repeat: no-repeat;
  background-position: center center;
  width: 60px;
  height: 60px;
  background-size: cover; }
  @media screen and (max-width: 991px) {
    .how-it-works__icon {
      width: 50px;
      height: 50px; } }
  .how-it-works__icon--order {
    background-image: url("/static/images/icons/lp-order-60px.png"); }
  .how-it-works__icon--time {
    background-image: url("/static/images/icons/lp-time-60px.png"); }
  .how-it-works__icon--profile {
    background-image: url("/static/images/icons/lp-profile-60px.png"); }

.how-it-works__item-header {
  flex-direction: column;
  display: flex; }
  @media screen and (max-width: 767px) {
    .how-it-works__item-header {
      flex-direction: row;
      align-items: center;
      justify-content: center; } }

.how-it-works__item-header-number {
  width: 60px;
  height: 90px;
  text-align: center;
  display: block;
  font-size: 90px;
  line-height: 90px;
  font-weight: bold;
  color: #ffd400; }
  @media screen and (max-width: 991px) {
    .how-it-works__item-header-number {
      width: 50px;
      height: 80px;
      font-size: 80px;
      line-height: 80px; } }
  @media screen and (max-width: 767px) {
    .how-it-works__item-header-number {
      display: none; } }

.how-it-works__button-box {
  margin-bottom: 4rem;
  text-align: center; }
  .how-it-works__button-box .btn {
    font-size: 1.6rem;
    padding: 0.5rem 2rem;
    margin: 0 auto; }
    @media screen and (max-width: 575px) {
      .how-it-works__button-box .btn {
        width: 100%;
        font-size: 1.3rem; } }
    .how-it-works__button-box .btn span {
      display: block;
      font-size: 1rem; }
      @media screen and (max-width: 575px) {
        .how-it-works__button-box .btn span {
          display: none; } }

.how-to-join {
  padding-bottom: 4rem; }

.how-to-join__subheader {
  margin-bottom: 2rem; }

.how-to-join__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

@media screen and (max-width: 767px) {
  .legal-info-banner {
    text-align: center; }
    .legal-info-banner .legal-info-banner__box {
      display: none; }
    .legal-info-banner .legal-info-banner__header {
      cursor: pointer;
      border-bottom: 1px dotted; } }

@media screen and (max-width: 767px) {
  .legal-info-banner--open .legal-info-banner__box {
    display: block; } }

.legal-info-banner__header {
  font-size: .9rem;
  font-weight: bolder;
  margin-bottom: .5rem; }

@media screen and (max-width: 767px) {
  .legal-info-banner__box {
    display: none; }
    .legal-info-banner__box--open {
      display: block; } }

.legal-info-banner__license,
.legal-info-banner__legal-address,
.legal-info-banner__unp,
.legal-info-banner__legal-name {
  font-size: .8rem;
  margin-bottom: .2rem; }
  .legal-info-banner__license strong,
  .legal-info-banner__legal-address strong,
  .legal-info-banner__unp strong,
  .legal-info-banner__legal-name strong {
    font-weight: bold; }

.loading-bar {
  z-index: 9999;
  opacity: 0;
  width: 100%;
  height: 3px;
  background-color: #5bb3ee;
  position: fixed;
  top: 0;
  left: 0;
  will-change: transform, opacity;
  transform-origin: left; }

.master-card .master-card__box {
  padding-bottom: 1.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid #cecece; }

.master-card:first-child .master-card__box {
  border-top: none; }

.master-card .master-card__avatar-box {
  text-align: center; }
  .master-card .master-card__avatar-box .master-card__avatar {
    padding: 0;
    border: none;
    border-radius: 0;
    display: inline-block;
    width: 100px; }
    @media screen and (max-width: 767px) {
      .master-card .master-card__avatar-box .master-card__avatar {
        width: 100%;
        max-width: 100px; } }

@media screen and (max-width: 767px) {
  .master-card .master-card__right-box {
    display: flex;
    align-items: center; } }

.master-card .master-card__wrapper {
  padding: 0 10px; }

.master-card .master-card__prices {
  margin-bottom: .25rem; }

.master-card_general-info {
  margin-bottom: .5rem; }
  @media screen and (max-width: 767px) {
    .master-card_general-info {
      margin-bottom: 0; } }
  .master-card_general-info .general-info__name {
    line-height: 20px;
    margin-bottom: 5px; }
    @media screen and (max-width: 767px) {
      .master-card_general-info .general-info__name {
        margin-bottom: 0; } }
  .master-card_general-info .general-info__name-link {
    color: #212529;
    font-weight: bold;
    font-size: 1.4rem; }
    @media screen and (max-width: 767px) {
      .master-card_general-info .general-info__name-link {
        font-size: 1rem; } }
  .master-card_general-info .general-info__meta {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .master-card_general-info .general-info__meta {
        display: block; } }
    .master-card_general-info .general-info__meta .general-info__meta-point {
      padding: 0 .5rem;
      color: #9b9b9b; }
      @media screen and (max-width: 767px) {
        .master-card_general-info .general-info__meta .general-info__meta-point {
          display: none; } }

.master-card__item {
  margin: 0.25rem 0; }

.master-card__btn-box {
  margin-top: .5rem;
  /*@include breakpoint($lt-md) {
    display: flex;
    justify-content: center;
  }*/ }

.master-card-examples {
  margin-top: 0.4rem; }
  .master-card-examples .master-card-examples__title {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: bold; }
  .master-card-examples .master-card-examples__box {
    margin: 5px -4px; }
  .master-card-examples .master-card-examples__img-box {
    padding: 0 4px; }
    @media screen and (max-width: 767px) {
      .master-card-examples .master-card-examples__img-box--4, .master-card-examples .master-card-examples__img-box--5 {
        display: none; } }
  .master-card-examples .master-card-examples__img {
    border-radius: .25rem;
    max-width: 100%;
    height: auto; }
  .master-card-examples .master-card-examples__link {
    font-size: 0.8rem; }

.popular-categories__list-wrapper {
  margin-bottom: 2rem; }
  .popular-categories__list-wrapper:last-child {
    margin-bottom: 4rem; }

.popular-categories__subheader {
  font-size: 1.5rem;
  font-weight: 300; }

.popular-categories__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.popular-categories__title {
  display: block;
  font-weight: bold;
  margin-bottom: 1rem; }

.portfolio__item {
  margin-bottom: 30px; }
  .portfolio__item:nth-last-child(1) {
    margin-bottom: 0; }
  .portfolio__item:nth-last-child(2) {
    margin-bottom: 0; }
  @media screen and (min-width: 576px) {
    .portfolio__item:nth-last-child(3) {
      margin-bottom: 0; } }
  @media screen and (min-width: 992px) {
    .portfolio__item:nth-last-child(4) {
      margin-bottom: 0; } }
  .portfolio__item a {
    display: block;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    padding: 3px; }
    .portfolio__item a:hover {
      padding: 0; }
  .portfolio__item img {
    width: 100%; }

.price-heap {
  margin-bottom: 1rem; }
  .price-heap:last-child {
    margin-bottom: 0; }
  .price-heap .price-heap__title {
    margin-bottom: .2rem;
    font-weight: bold; }
  .price-heap .price-heap__link {
    font-size: 0.8rem; }

.settings-price-cost {
  display: flex;
  justify-content: start;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .settings-price-cost {
      justify-content: flex-end; } }

.settings-price-cost__input {
  width: 80px;
  margin: 0 4px;
  font-size: 0.8rem; }
  @media screen and (max-width: 767px) {
    .settings-price-cost__input {
      width: 110px; } }
  .settings-price-cost__input.invalid {
    border-color: lightcoral; }

.settings-price-cost__before-input,
.settings-price-cost__currency {
  font-size: 0.8rem; }

.pricelist-item {
  border-bottom: 1px dotted #d6d7d8;
  margin-bottom: 3px;
  font-size: 0.9rem; }
  @media screen and (max-width: 767px) {
    .pricelist-item {
      font-size: 0.8rem; } }

.pricelist-item__name span {
  background: #fff;
  position: relative;
  top: 5px;
  padding-right: 5px; }

.pricelist-item__cost {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end; }
  .pricelist-item__cost span {
    background: #fff;
    position: relative;
    top: 5px;
    padding-left: 5px; }

.master-card--premium .pricelist-item__name span {
  background: #f4fef7; }

.master-card--premium .pricelist-item__cost span {
  background: #f4fef7; }

.primary-advantage {
  background-color: #465566;
  color: #fff;
  margin-bottom: 4rem; }

.primary-advantage__item {
  margin-bottom: 2rem; }
  .primary-advantage__item--btn {
    text-align: center; }
  .primary-advantage__item:last-child {
    margin-bottom: 0; }
  .primary-advantage__item .primary-advantage__item-link {
    color: white;
    text-decoration: underline; }
    .primary-advantage__item .primary-advantage__item-link:hover {
      color: #ffd400; }

.primary-advantage__header-color {
  color: #ffd400;
  font-weight: bold;
  font-size: 2.5rem;
  margin-bottom: 0.5rem; }

.primary-advantage__header {
  margin-bottom: 3rem; }

@media screen and (max-width: 767px) {
  .primary-advantage__icon-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; } }

.primary-advantage__title {
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .primary-advantage__title {
      display: flex;
      flex-direction: row;
      text-align: center;
      justify-content: center; } }

.primary-advantage__icon {
  background-repeat: no-repeat;
  background-position: center center;
  width: 100px;
  height: 100px;
  background-size: cover; }
  .primary-advantage__icon--price {
    background-image: url("/static/images/icons/money-bag-100px.png"); }
  .primary-advantage__icon--profi {
    background-image: url("/static/images/icons/like-it-100px.png"); }
  .primary-advantage__icon--time {
    background-image: url("/static/images/icons/future-100px.png"); }
  .primary-advantage__icon--notification {
    background-image: url("/static/images/icons/email-send-100px.png"); }
  .primary-advantage__icon--deal {
    background-image: url("/static/images/icons/deal-100px.png"); }
  .primary-advantage__icon--graph {
    background-image: url("/static/images/icons/graph-100px.png"); }

.profile-info-card {
  margin-bottom: 15px; }

.profile-navigation {
  margin: 20px 0; }
  .profile-navigation .nav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    text-align: center; }
  @media screen and (max-width: 767px) {
    .profile-navigation .nav-link {
      padding: .4rem .7rem; } }
  @media screen and (max-width: 767px) {
    .profile-navigation .profile-navigation__item-text-desktop {
      display: none; } }
  @media screen and (min-width: 768px) {
    .profile-navigation .profile-navigation__item-text-mobile {
      display: none; } }

.rating-widget .rating-widget__title {
  font-weight: bold;
  margin-bottom: 0.5rem; }

.rating-widget .rating-widget__wrap {
  display: flex;
  align-items: center; }

.rating-widget .rating-widget__stars-box {
  background-position: left bottom;
  background-image: url("/static/images/icons/star-rating-none-27.png");
  background-image: -webkit-image-set(url("/static/images/icons/star-rating-none-27.png") 1x, url("/static/images/icons/star-rating-none-54.png") 2x);
  height: 27px;
  width: 135px; }
  .rating-widget .rating-widget__stars-box .rating-widget__stars {
    background-position: left bottom;
    background-image: url("/static/images/icons/star-rating-27.png");
    background-image: -webkit-image-set(url("/static/images/icons/star-rating-27.png") 1x, url("/static/images/icons/star-rating-54.png") 2x);
    height: 27px; }

.rating-widget .rating-widget__empty {
  background-position: left bottom;
  background-image: url("/static/images/icons/star-rating-none-27.png");
  background-image: -webkit-image-set(url("/static/images/icons/star-rating-none-27.png") 1x, url("/static/images/icons/star-rating-none-54.png") 2x);
  height: 27px;
  width: 27px; }

.rating-widget .rating-widget__label {
  font-weight: bold;
  font-size: 1rem;
  margin-left: .5rem;
  color: #c8c8c8; }

.rating-widget .rating-widget__number {
  font-weight: bold;
  font-size: 1.3rem;
  margin-left: .5rem; }

.rating-widget .rating-widget__review-count {
  margin-top: .5rem; }
  .rating-widget .rating-widget__review-count .rating-widget__review-count-link {
    color: #9b9b9b;
    font-style: italic; }

.rating-widget .rating-widget__last-review {
  margin-top: 1rem;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
  padding: 1rem;
  border-radius: .7rem; }
  .rating-widget .rating-widget__last-review .last-review__name {
    font-weight: bold;
    margin-bottom: .3rem; }
  .rating-widget .rating-widget__last-review .last-review__body {
    font-size: .9rem; }
  .rating-widget .rating-widget__last-review .last-review__info-box {
    font-size: .8rem;
    margin-bottom: .3rem;
    color: #9b9b9b; }
    .rating-widget .rating-widget__last-review .last-review__info-box .last-review__point {
      padding: 0 .4rem; }
    .rating-widget .rating-widget__last-review .last-review__info-box .last-review__type--like {
      color: #5cb85c; }
    .rating-widget .rating-widget__last-review .last-review__info-box .last-review__type--dislike {
      color: #d9534f; }

.rating-small-widget {
  display: flex;
  align-items: center; }
  .rating-small-widget .rating-small-widget__stars-box {
    background-position: left bottom;
    background-image: url("/static/images/icons/star-rating-none-18.png");
    background-image: -webkit-image-set(url("/static/images/icons/star-rating-none-18.png") 1x, url("/static/images/icons/star-rating-none-36.png") 2x);
    height: 18px;
    width: 90px; }
    .rating-small-widget .rating-small-widget__stars-box .rating-small-widget__stars {
      background-position: left bottom;
      background-image: url("/static/images/icons/star-rating-18.png");
      background-image: -webkit-image-set(url("/static/images/icons/star-rating-18.png") 1x, url("/static/images/icons/star-rating-36.png") 2x);
      height: 18px; }
  .rating-small-widget .rating-small-widget__review-count {
    margin-left: .5rem;
    font-size: 0.8rem;
    padding-top: .15rem; }
    .rating-small-widget .rating-small-widget__review-count .rating-small-widget__review-count-link {
      color: #9b9b9b;
      font-style: italic; }
  .rating-small-widget .rating-small-widget__empty {
    background-position: left bottom;
    background-image: url("/static/images/icons/star-rating-none-18.png");
    background-image: -webkit-image-set(url("/static/images/icons/star-rating-none-18.png") 1x, url("/static/images/icons/star-rating-none-36.png") 2x);
    height: 18px;
    width: 18px; }
  .rating-small-widget .rating-small-widget__empty-label {
    padding-top: .15rem;
    font-size: .8rem;
    color: #9b9b9b;
    margin-left: .5rem; }

.reviews {
  margin-top: 2rem; }
  .reviews .reviews__wrap {
    box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
    border: 1px solid #dce1e2;
    border-radius: .7rem;
    padding: 15px; }
  .reviews .reviews__title {
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 1rem;
    padding-top: 1rem; }
  .reviews .reviews__empty {
    color: #9b9b9b;
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 1rem;
    padding-top: 1rem; }

.review-card {
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e9e9e9; }
  .review-card:last-child {
    border: none; }
  .review-card .review-card__name-box {
    font-weight: bold; }
  .review-card .review-card__info-box {
    font-size: .8rem;
    margin-bottom: .5rem; }
  .review-card .review-card__date {
    color: #9b9b9b; }
  .review-card .review-card__point {
    padding: 0.25rem;
    color: #9b9b9b; }
  .review-card .review-card__type.like {
    color: #5cb85c; }
  .review-card .review-card__type.dislike {
    color: #d9534f; }
  .review-card .review-card__body {
    line-height: 1.4rem; }
    .review-card .review-card__body p {
      margin-bottom: 0; }
  .review-card .review-card__images {
    margin-top: .5rem; }
  .review-card .review-card__link {
    margin-top: .5rem;
    font-size: .8rem;
    color: #9b9b9b; }
    .review-card .review-card__link a {
      color: #9b9b9b; }

.user-header .review-widget {
  margin-bottom: 25px; }

.settings-box .settings-checkbox-group {
  margin-bottom: 1rem; }

.settings-box .settings-checkbox-group__label {
  margin-bottom: 0;
  font-weight: bold; }

.settings-box .settings-checkbox-group__item {
  margin-bottom: 0; }

.settings-box .settings-box__description {
  color: #9b9b9b;
  margin-bottom: 1rem;
  font-size: 0.85rem; }
  .settings-box .settings-box__description p {
    margin-bottom: 0; }

.settings-box .settings-box__label-help-box {
  margin-bottom: 0.5rem; }

.settings-box .settings__btn-box {
  text-align: right; }

.settings-box .settings-categories-box {
  margin-bottom: 1.5rem; }

.settings-no-categories {
  margin-top: 4rem;
  margin-bottom: 4rem;
  font-size: 1.6rem;
  text-align: center;
  color: #9b9b9b; }
  @media screen and (max-width: 767px) {
    .settings-no-categories {
      font-size: 1.4rem; } }

.settings-push-box {
  margin-bottom: 1rem; }

.settings-menu .settings-menu__title {
  padding-left: 0.25rem;
  margin-bottom: 0.5rem; }

.settings-menu .settings-menu__list {
  margin-bottom: 1.25rem; }

.settings-menu .list-group-item {
  color: #9b9b9b; }
  .settings-menu .list-group-item:hover {
    color: #212529; }
  .settings-menu .list-group-item.active {
    color: #212529;
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.125);
    border-left: 0.25rem solid #5bb3ee;
    padding-left: 1rem; }

@media screen and (max-width: 767px) {
  .sidebar-menu {
    animation-duration: 0.2s;
    animation-fill-mode: both;
    background-color: #f1f1f1;
    left: 0;
    position: absolute;
    width: 80%;
    z-index: 100;
    transform: translate3d(-100%, 0, 0); }
    .sidebar-menu.sidebar-menu--open {
      animation-name: slideInLeft;
      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
    .sidebar-menu.sidebar-menu--close {
      animation-name: slideOutLeft; } }

.sidebar-menu__trigger {
  display: none; }
  @media screen and (max-width: 767px) {
    .sidebar-menu__trigger {
      background-color: rgba(0, 0, 0, 0.6);
      display: flex;
      justify-content: center;
      cursor: pointer;
      height: 40px;
      position: absolute;
      right: -40px;
      top: 20px;
      width: 40px; }
      .sidebar-menu__trigger.sidebar-menu__trigger--open {
        background-color: rgba(0, 0, 0, 0.9); } }

@media screen and (max-width: 767px) {
  .sidebar-menu__trigger-icon {
    color: white;
    font-size: 40px; } }

.sidebar-menu__header {
  display: none; }
  @media screen and (max-width: 767px) {
    .sidebar-menu__header {
      display: block;
      font-size: 20px;
      font-weight: bolder;
      padding: 24px 0 0 0;
      text-align: center; } }

@media screen and (max-width: 767px) {
  .sidebar-menu__list {
    padding: 12px 0; } }

@media screen and (max-width: 767px) {
  .sidebar-menu__item {
    border-bottom: 1px solid lightgray;
    padding: 7px 12px; }
    .sidebar-menu__item:first-of-type {
      border-top: 1px solid lightgray; } }

.sidebar-menu__item-link {
  display: flex;
  line-height: 24px; }
  .sidebar-menu__item-link .material-icons {
    margin-right: 12px; }

.top-alert {
  padding: 1.5rem 0; }
  .top-alert .container {
    display: flex;
    justify-content: space-between; }
    .top-alert .container div:first-child {
      max-width: 97%;
      padding-right: .5rem; }
    .top-alert .container div:nth-child(2) {
      max-width: 3%; }
  .top-alert .top-alert__close {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    opacity: .7;
    cursor: pointer; }
    .top-alert .top-alert__close:hover {
      opacity: 1; }
  .top-alert a {
    font-weight: bold;
    color: #0056b3 !important; }
  .top-alert * {
    margin-bottom: 0; }
  .top-alert--danger {
    background-color: #f8d7da;
    color: #721c24; }
    .top-alert--danger a {
      color: #721c24; }
  .top-alert--warning {
    background-color: #fff3cd;
    color: #856404; }
    .top-alert--warning a {
      color: #856404; }
  .top-alert--success {
    background-color: #d4edda;
    color: #155724; }
    .top-alert--success a {
      color: #155724; }
  .top-alert--primary {
    background-color: #cce5ff;
    color: #004085; }
    .top-alert--primary a {
      color: #004085; }
  .top-alert--secondary {
    background-color: #e2e3e5;
    color: #383d41; }
    .top-alert--secondary a {
      color: #383d41; }

.settings-work-example-section {
  margin-bottom: 1.5rem; }
  .settings-work-example-section .work-example-box {
    margin-top: .7rem; }
    .settings-work-example-section .work-example-box:first-of-type {
      margin-top: 0; }
  .settings-work-example-section .work-example-box__header {
    background-color: #dce1e2;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: .25rem; }
  .settings-work-example-section .open .work-example-box__header {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .settings-work-example-section .work-example-box__name-box {
    display: flex;
    justify-content: left;
    align-items: center; }
  .settings-work-example-section .work-example-box__header-arrow {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/static/images/category-box-arrows.png");
    background-position: center;
    background-repeat: no-repeat; }
  .settings-work-example-section .open .work-example-box__header-arrow {
    transform: rotate(-90deg); }
  .settings-work-example-section .work-example-box__name {
    padding-left: 5px; }
  .settings-work-example-section .work-example-box__count-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 0.70rem; }
    .settings-work-example-section .work-example-box__count-box .count-box__first-photo {
      color: #007bff; }
      .settings-work-example-section .work-example-box__count-box .count-box__first-photo:hover {
        color: #0056b3;
        text-decoration: underline; }
  .settings-work-example-section .work-example-box__items {
    display: none;
    background-color: #f5f5f5;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
    padding: .75rem; }
  .settings-work-example-section .open .work-example-box__items {
    display: flex;
    margin-bottom: .5rem; }
  .settings-work-example-section .work-example-box__premium-info {
    margin-top: .5rem;
    color: #9b9b9b;
    font-size: .7rem; }
    .settings-work-example-section .work-example-box__premium-info p {
      margin-bottom: .2rem; }

.work-example-uploader {
  padding: .25rem !important; }
  .work-example-uploader .work-example-uploader__button {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #9b9b9b;
    border-radius: .25rem;
    max-width: 300px;
    max-height: 300px; }
    .work-example-uploader .work-example-uploader__button:before {
      content: "";
      display: block;
      padding-top: 100%; }
    .work-example-uploader .work-example-uploader__button:hover {
      border-color: #465566;
      cursor: pointer; }
  .work-example-uploader .work-example-uploader__plus {
    text-align: center;
    font-size: 40px;
    line-height: 34px;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    color: #465566;
    top: calc(50% - 20px);
    left: calc(50% - 20px); }

.work-example-card {
  padding: .25rem !important; }
  .work-example-card .work-example-card__img {
    position: relative;
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0.25rem; }
    .work-example-card .work-example-card__img:before {
      content: "";
      display: block;
      padding-top: 100%; }
  .work-example-card .work-example-card__control {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 8px;
    padding: 3px;
    border-radius: 0.25rem;
    transition: opacity 60ms linear;
    background: rgba(0, 0, 0, 0.5);
    line-height: 0;
    opacity: 0; }
  .work-example-card:hover .work-example-card__control {
    display: block;
    opacity: 1; }
  .work-example-card .work-example-card__action {
    cursor: pointer;
    display: inline-block;
    padding: 3px 4px;
    opacity: 0.7; }
    .work-example-card .work-example-card__action:hover {
      opacity: 1; }
    .work-example-card .work-example-card__action .icon {
      width: 16px;
      height: 16px;
      background-repeat: no-repeat; }
    .work-example-card .work-example-card__action--delete .icon {
      background-image: url("/static/images/icons/delete-16px.png"); }
    .work-example-card .work-example-card__action--view .icon {
      background-image: url("/static/images/icons/view-16px.png"); }
  .work-example-card .work-example-card__spinner-box {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px); }
  .work-example-card--uploading .work-example-card__img {
    border: 1px solid #9b9b9b; }
  .work-example-card--uploading .work-example-card__control {
    display: none; }
  .work-example-card--uploading:hover .work-example-card__control {
    display: none; }
  .work-example-card--uploading .work-example-card__spinner-box {
    display: block; }

.work-examples-carousel {
  position: relative;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: .5rem; }
  .work-examples-carousel .work-examples-carousel__wrap {
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    z-index: 1; }
  .work-examples-carousel .work-examples-carousel__item {
    display: inline-block;
    padding: 0 .25rem;
    border-radius: 0.25rem;
    width: 116px;
    min-width: 116px;
    height: 116px;
    min-height: 116px; }
    .work-examples-carousel .work-examples-carousel__item:last-child {
      padding-right: 0; }
    .work-examples-carousel .work-examples-carousel__item:first-child {
      padding-left: 0; }
    .work-examples-carousel .work-examples-carousel__item img {
      border-radius: 0.25rem;
      cursor: pointer;
      width: 100%;
      height: 100%; }
  .work-examples-carousel .work-examples-carousel__to-right,
  .work-examples-carousel .work-examples-carousel__to-left {
    z-index: 2;
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 7px rgba(94, 94, 94, 0.5);
    border-radius: 50%;
    top: calc(50% - 15px);
    cursor: pointer;
    display: none; }
    .work-examples-carousel .work-examples-carousel__to-right:hover,
    .work-examples-carousel .work-examples-carousel__to-left:hover {
      width: 34px;
      height: 34px;
      top: calc(50% - 17px); }
  .work-examples-carousel .work-examples-carousel__to-left {
    left: -7px;
    background-repeat: no-repeat;
    background-position: 23% 50%;
    background-image: url("/static/images/icons/left-arrow-24.png");
    background-image: -webkit-image-set(url("/static/images/icons/left-arrow-24.png") 1x, url("/static/images/icons/left-arrow-48.png") 2x); }
    .work-examples-carousel .work-examples-carousel__to-left:hover {
      left: -9px;
      background-position: 30% 50%; }
  .work-examples-carousel .work-examples-carousel__to-right {
    right: -7px;
    background-repeat: no-repeat;
    background-position: 67% 50%;
    background-image: url("/static/images/icons/right-arrow-24.png");
    background-image: -webkit-image-set(url("/static/images/icons/right-arrow-24.png") 1x, url("/static/images/icons/right-arrow-48.png") 2x); }
    .work-examples-carousel .work-examples-carousel__to-right:hover {
      background-position: 60% 50%;
      right: -9px; }
  .work-examples-carousel.show-left-arrow .work-examples-carousel__to-left {
    display: block; }
  .work-examples-carousel.show-right-arrow .work-examples-carousel__to-right {
    display: block; }

.work-examples-carousel__ligtbox-link {
  font-size: .8rem; }

.user-header .add-order-btn {
  font-weight: bold;
  font-size: 1.4rem; }
  .user-header .add-order-btn span {
    display: block;
    font-size: 1rem;
    font-weight: normal; }

.user-header .phone-widget-box {
  padding-right: .4rem; }

.user-header .message-widget-box {
  padding-left: .4rem; }

.user-header .invite-widget-box {
  margin-top: .7rem; }

.user-header .user-header__box {
  margin-bottom: 1rem; }

.user-header_general-info {
  padding-left: 15px !important; }
  @media screen and (max-width: 767px) {
    .user-header_general-info {
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  .user-header_general-info .online-status {
    margin-bottom: .3rem; }
  .user-header_general-info .general-info__city {
    margin-bottom: 1rem; }
    @media screen and (max-width: 767px) {
      .user-header_general-info .general-info__city {
        margin-bottom: 0; } }
  .user-header_general-info .general-info__city-icon {
    vertical-align: middle;
    display: inline-block;
    width: 21px;
    position: relative;
    height: 21px;
    top: -1px;
    background-image: url("/static/images/icons/geo-21px.png");
    background-repeat: no-repeat; }

.user-header__name {
  margin-bottom: 0;
  color: #212529;
  font-weight: bold;
  font-size: 1.4rem;
  margin-right: .7rem; }
  @media screen and (max-width: 767px) {
    .user-header__name {
      font-size: 1rem; } }

.user-header__rating-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .user-header__rating-box .user-header__rating-label {
    font-weight: bold;
    line-height: 1.2rem;
    margin-right: 1rem; }
  .user-header__rating-box .user-header__rating {
    width: 90px;
    margin: 0 10px; }
  .user-header__rating-box .user-header__reviews-count {
    font-size: 0.8rem;
    color: #9b9b9b;
    font-style: italic; }

.user-header__mobile-sidebar .sidebar-box,
.user-header__sidebar .sidebar-box {
  margin-bottom: 1rem; }
  .user-header__mobile-sidebar .sidebar-box:last-child,
  .user-header__sidebar .sidebar-box:last-child {
    margin-bottom: 0; }

.user-header__avatar-box .avatar-box__badge-box {
  height: 40px;
  display: flex;
  bottom: 2px;
  left: -2px;
  position: absolute; }
  @media screen and (max-width: 767px) {
    .user-header__avatar-box .avatar-box__badge-box {
      bottom: -1px;
      left: -3px; } }

.user-header__avatar-box .user-header__avatar-box-image {
  padding: 0;
  border: none;
  border-radius: 50%;
  display: inline-block; }

.user-header__payment-methods {
  font-size: .9rem; }
  .user-header__payment-methods p {
    margin-bottom: 0; }

.user-header__experience-period {
  font-size: .9rem; }

@media screen and (max-width: 767px) {
  .customer-stat {
    display: flex;
    flex-direction: row;
    justify-content: center; } }

.customer-stat .customer-stat__item {
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .customer-stat .customer-stat__item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0 .2rem; } }

.customer-stat .customer-stat__count {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .customer-stat .customer-stat__count {
      text-align: center;
      font-size: 1.6rem;
      line-height: 1.6rem; } }

.customer-stat .customer-stat__label {
  text-transform: uppercase;
  font-size: .8rem; }
  @media screen and (max-width: 767px) {
    .customer-stat .customer-stat__label {
      text-align: center;
      font-size: .6rem; } }

.user-header__master-link {
  color: #64c178;
  font-size: .8rem;
  line-height: .8; }
  .user-header__master-link:hover {
    color: #64c178; }

.customer-master-banner {
  padding-top: 20px; }
  .customer-master-banner .customer-master-banner__block {
    position: relative;
    box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
    border-radius: .7rem;
    padding: 10px 10px 10px 100px;
    font-size: .8rem;
    min-height: 58px;
    display: block;
    color: #212529; }
    .customer-master-banner .customer-master-banner__block:hover {
      color: #212529;
      text-decoration: none; }
    @media screen and (max-width: 767px) {
      .customer-master-banner .customer-master-banner__block span {
        display: block; } }
    .customer-master-banner .customer-master-banner__block:after {
      content: "";
      display: block;
      position: absolute;
      width: 80px;
      height: 80px;
      bottom: -3px;
      left: 10px;
      background-size: cover;
      background-image: url("/static/images/icons/builder-344px.png"); }

.user-location .user-location__title {
  font-weight: bold;
  margin-bottom: 0.5rem; }

.user-location .user-location__box {
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .user-location .user-location__box {
      margin-bottom: 0.5rem; } }
  .user-location .user-location__box:last-child {
    margin-bottom: 0; }

.district-accordion {
  margin-bottom: 0.5rem; }
  .district-accordion:last-child {
    margin-bottom: 0; }
  .district-accordion .district-accordion__title-box .district-accordion__title {
    border-bottom: 1px  dotted;
    cursor: pointer; }
  .district-accordion .district-accordion__title-box .district-accordion__count {
    cursor: pointer; }
  .district-accordion .district-accordion__content.disabled {
    display: none; }
  .district-accordion .district-accordion__content .list-inline {
    margin-bottom: 0; }
  .district-accordion .district-accordion__content .list-inline-item {
    font-style: italic;
    font-size: .9rem; }

.pagination-box {
  width: 100%;
  margin-top: 2rem; }
  .pagination-box .pagination {
    margin-bottom: 0; }
    .pagination-box .pagination .page-item .page-link {
      border: none;
      color: #9b9b9b;
      font-weight: bold;
      margin-left: 0; }
      .pagination-box .pagination .page-item .page-link:hover {
        text-decoration: underline;
        background-color: #fff; }
      .pagination-box .pagination .page-item .page-link:focus {
        box-shadow: none; }
    .pagination-box .pagination .page-item.active .page-link {
      color: #fff;
      background-color: #5bb3ee;
      border-radius: .25rem; }

.master-not-found-box {
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center; }
  .master-not-found-box p {
    font-size: 1.8rem;
    font-weight: bold;
    color: #9b9b9b; }

.auth-page {
  margin-bottom: 50px; }
  .auth-page .auth-page__login-box {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 3rem;
    color: #9b9b9b;
    font-size: .9rem; }
    @media screen and (max-width: 767px) {
      .auth-page .auth-page__login-box {
        margin-bottom: 0;
        margin-top: 1.5rem;
        font-size: .8em;
        justify-content: center;
        text-align: center; } }
  .auth-page .auth-page__info {
    padding: 2.5rem 3rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .auth-page .auth-page__info {
        padding: 0 1rem;
        align-items: flex-start; } }
  .auth-page .auth-page__logo_box {
    margin-bottom: 1.5rem; }
  .auth-page .auth-page__subtitle {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    text-align: center; }
  .auth-page .auth-page__desc {
    color: #9b9b9b;
    text-align: center; }
  .auth-page .auth-page__form-wrapper {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
    padding: 2rem 1rem 2rem 1rem; }
    .auth-page .auth-page__form-wrapper h1 {
      font-size: 1.5rem;
      text-align: center;
      margin-bottom: 2rem; }

.auth-page__rules {
  margin-top: 1.5rem;
  color: #9b9b9b;
  text-align: center;
  font-size: 0.9rem; }

.auth-links {
  text-align: center;
  margin-top: 1.5rem; }
  .auth-links .auth-link + .auth-link {
    margin-left: 15px; }

.password-recovery-form__send-info {
  text-align: center;
  font-size: .9rem;
  color: #9b9b9b;
  padding: 1rem 0 1.5rem 0; }

.resending-sms {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.9rem; }
  .resending-sms .resending-sms__disabled {
    color: #9b9b9b; }

.static-page h1 {
  font-size: 2rem;
  margin-bottom: 2rem; }

.static-page h5 {
  font-weight: bold; }

.static-page .first-level {
  font-weight: bold; }

.static-page .second-level {
  margin-left: 25px; }

.static-page .third-level {
  margin-left: 50px; }

.static-page .static-page__erip-box {
  display: flex; }

.static-page .static-page__erip-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-position: -5px -5px;
  background-image: url("/static/images/pay/all-logo.png");
  width: 45px;
  height: 32px; }
  .static-page .static-page__erip-icon:hover {
    background-position: -5px -57px; }

.fill-page .fill-checkbox-group {
  margin-bottom: 1rem; }

.fill-page .fill-checkbox-group__label {
  margin-bottom: 0;
  font-weight: bold; }

.fill-page .fill-checkbox-group__item {
  margin-bottom: 0; }

.fill-page .fill-price-list-box {
  margin-bottom: 1.5rem; }

.fill-page .fill-page__btn-box {
  text-align: right;
  margin-top: 1rem; }
  .fill-page .fill-page__btn-box .btn + .btn {
    margin-left: 1rem; }

.fill-page .fill-page__help-box {
  flex-direction: column;
  justify-content: center;
  font-size: 0.8rem;
  color: #9b9b9b; }
  .fill-page .fill-page__help-box--top {
    justify-content: flex-start; }

.fill-page__fill-end-box {
  margin-bottom: 80px; }
  .fill-page__fill-end-box .fill-end-box__header {
    display: flex;
    flex-direction: row;
    align-items: center; }
  .fill-page__fill-end-box .fill-end-box__icon {
    width: 80px;
    height: 80px;
    background: url("/static/images/icons/fill-ok-80px.png") no-repeat center center; }
  .fill-page__fill-end-box .fill-end-box__big-text {
    font-size: 1.2rem; }
  .fill-page__fill-end-box .fill-end-box__form-box {
    margin-top: 3rem; }
    .fill-page__fill-end-box .fill-end-box__form-box p {
      margin-bottom: 0; }
    .fill-page__fill-end-box .fill-end-box__form-box a {
      margin-top: 0.5rem; }
  .fill-page__fill-end-box .fill-end-box__email,
  .fill-page__fill-end-box .fill-end-box__legal-info {
    margin-top: 0.5rem; }

.fill-page__choose-role-wrapper {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
  padding: 2rem 1rem 2rem 1rem;
  margin-top: 2rem; }
  .fill-page__choose-role-wrapper h1 {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 2rem; }
  .fill-page__choose-role-wrapper .choose-role__desc {
    color: #9b9b9b;
    text-align: center; }
  .fill-page__choose-role-wrapper .choose-role__checkbox {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      .fill-page__choose-role-wrapper .choose-role__checkbox {
        flex-flow: column; } }
    .fill-page__choose-role-wrapper .choose-role__checkbox .choose-role__checkbox-wrapper {
      padding: 1rem;
      border: 2px solid #e1e1e1;
      border-radius: 4px;
      background-color: #fdfdfd;
      color: #9b9b9b;
      cursor: pointer;
      -webkit-transition: border 300ms ease;
      -moz-transition: border 300ms ease;
      -o-transition: border 300ms ease;
      transition: border 300ms ease; }
      @media screen and (max-width: 767px) {
        .fill-page__choose-role-wrapper .choose-role__checkbox .choose-role__checkbox-wrapper {
          padding: 1rem .4rem; } }
      .fill-page__choose-role-wrapper .choose-role__checkbox .choose-role__checkbox-wrapper:hover {
        border: 2px solid #cde1d4;
        background-color: #fcfefc; }
      .fill-page__choose-role-wrapper .choose-role__checkbox .choose-role__checkbox-wrapper.checked {
        background-color: #f4fef7;
        border-color: #5cb85c;
        color: #212529; }
    .fill-page__choose-role-wrapper .choose-role__checkbox .choose-role__checkbox-desc {
      font-size: .7rem;
      padding-left: 1.65rem; }
  .fill-page__choose-role-wrapper .choose-role__next-box {
    display: flex;
    justify-content: flex-end; }
  .fill-page__choose-role-wrapper .choose-role__next-link .choose-role__btn-icon {
    margin-left: .5rem;
    width: 26px;
    height: 26px;
    background-image: url("/static/images/icons/arrow-right-green-26.png");
    background-image: -webkit-image-set(url("/static/images/icons/arrow-right-green-26.png") 1x, url("/static/images/icons/arrow-right-green-52.png") 2x); }
  .fill-page__choose-role-wrapper .choose-role__next-link:hover .choose-role__btn-icon {
    width: 26px;
    height: 26px;
    background-image: url("/static/images/icons/arrow-right-white-26.png");
    background-image: -webkit-image-set(url("/static/images/icons/arrow-right-white-26.png") 1x, url("/static/images/icons/arrow-right-white-52.png") 2x); }

.fill-page-steps .fill-page-steps__step {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100px; }
  .fill-page-steps .fill-page-steps__step .fill-step__icon {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
  .fill-page-steps .fill-page-steps__step .fill-step__label {
    display: inline-block;
    font-weight: bold;
    margin-top: 2px; }

.fill-page-steps--one .fill-page-steps__step-1 .fill-step__icon {
  border: 2px solid #64c178; }

.fill-page-steps--two .fill-page-steps__step-1 .fill-step__icon {
  border: 2px solid #64c178;
  background: #64c178 url("/static/images/icons/fill-ok.png") no-repeat center center; }

.fill-page-steps--two .fill-page-steps__step-1 .fill-step__label {
  color: #9b9b9b; }

.fill-page-steps--two .fill-page-steps__step-2 .fill-step__icon {
  border: 2px solid #64c178; }

.fill-page-steps--three .fill-page-steps__step-1 .fill-step__icon,
.fill-page-steps--three .fill-page-steps__step-2 .fill-step__icon {
  border: 2px solid #64c178;
  background: #64c178 url("/static/images/icons/fill-ok.png") no-repeat center center; }

.fill-page-steps--three .fill-page-steps__step-1 .fill-step__label,
.fill-page-steps--three .fill-page-steps__step-2 .fill-step__label {
  color: #9b9b9b; }

.fill-page-steps--three .fill-page-steps__step-3 .fill-step__icon {
  border: 2px solid #64c178; }

.fill-page-steps--end .fill-page-steps__step-1 .fill-step__icon,
.fill-page-steps--end .fill-page-steps__step-2 .fill-step__icon,
.fill-page-steps--end .fill-page-steps__step-3 .fill-step__icon {
  border: 2px solid #64c178;
  background: #64c178 url("/static/images/icons/fill-ok.png") no-repeat center center; }

.fill-page-steps--end .fill-page-steps__step-1 .fill-step__label,
.fill-page-steps--end .fill-page-steps__step-2 .fill-step__label,
.fill-page-steps--end .fill-page-steps__step-3 .fill-step__label {
  color: #9b9b9b; }

.fill-page-header {
  margin-bottom: 1.5rem; }
  @media screen and (max-width: 767px) {
    .fill-page-header .fill-page-header__title {
      font-size: 1.8rem; } }
  .fill-page-header .fill-page-header__desc {
    font-size: 1.3rem;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .fill-page-header .fill-page-header__desc {
        font-size: 1rem; } }

.user-info {
  margin-top: 1rem; }

.user-info-desc {
  overflow: hidden;
  margin-bottom: 1rem; }
  .user-info-desc p {
    margin-bottom: .3rem; }
    .user-info-desc p:last-child {
      margin-bottom: 0; }

.user-info-item {
  overflow: hidden;
  margin-bottom: .5rem; }
  .user-info-item:last-child {
    margin-bottom: 0; }

.price-list {
  margin-top: 2rem; }

.orders-new-header {
  background: #60bcfa;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .orders-new-header {
      padding: 1rem 0; } }
  .orders-new-header .orders-new-header__title {
    font-weight: bold;
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 2rem;
    text-shadow: 0 2px 2px rgba(0, 84, 139, 0.24); }
    @media screen and (max-width: 767px) {
      .orders-new-header .orders-new-header__title {
        margin-bottom: 0;
        font-size: 2rem; } }
  .orders-new-header .orders-new-header__step-number {
    font-size: 100px;
    line-height: 80px;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0, 84, 139, 0.24);
    color: #fff;
    margin-right: .8rem; }
  .orders-new-header .orders-new-header__step-box h3 {
    font-size: 1.3rem;
    font-weight: bold; }
  .orders-new-header .orders-new-header__step-box p {
    margin: 0; }

.orders-new-form .orders-new-form__title {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .orders-new-form .orders-new-form__title {
      font-size: 1.5rem; } }

.orders-new-form .orders-new-form__btn-box {
  margin-bottom: 1rem; }

.orders-new-form .orders-new-form__help-box {
  padding-top: 1.8rem;
  color: #9b9b9b;
  font-style: italic;
  font-size: 0.9rem; }

.orders-new-form--add .orders-new-form__title {
  margin-bottom: 0.5rem; }

.orders-new-form--add .orders-new-form__description {
  margin-bottom: 0; }

.orders-new-form--add .orders-new-form__sms-icon {
  background-repeat: no-repeat;
  background-position: center center;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-image: url("/static/images/icons/sms-100px.png"); }

.orders-new-form--add .form-group {
  margin-bottom: 0.5rem; }

.orders-new-form--add .orders-new-form__help {
  color: #9b9b9b;
  font-size: 0.9rem; }

.new-order-sidebar .new-order-sidebar__box {
  margin-bottom: 2rem; }

.new-order-sidebar .new-order-sidebar__title {
  font-weight: bold;
  margin-bottom: 0.5rem; }

.new-order-sidebar ul {
  padding-left: 1.5rem;
  margin-bottom: 0; }

.new-order-sidebar p {
  margin-bottom: 0; }

.order-header .order-header__title {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: .3rem; }

.order-header .order-header__status-box {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding-top: 0.5rem; }
  @media screen and (max-width: 767px) {
    .order-header .order-header__status-box {
      align-items: start;
      padding-top: 0; } }

.order-header .badge-status {
  display: block;
  width: 110px;
  line-height: 1.5;
  margin-bottom: 0.3rem;
  font-weight: normal; }
  .order-header .badge-status--open {
    background-color: #f4fef7;
    border: 1px solid #d0e8d8; }
  .order-header .badge-status--performer {
    background-color: #f5fcff;
    border: 1px solid #d5e2eb; }
  .order-header .badge-status--close {
    background-color: #f6f6f6;
    border: 1px solid #ebebeb; }

.order-header .order-header__offer-count {
  display: flex;
  align-items: center;
  font-size: .9rem; }
  .order-header .order-header__offer-count .icon {
    margin-right: .1rem; }

.order-header .order-header__info-box {
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin-top: .3rem; }
  @media screen and (max-width: 767px) {
    .order-header .order-header__info-box {
      flex-direction: column;
      justify-content: start; } }

.order-header .order-header__date,
.order-header .order-header__number {
  color: #9b9b9b;
  margin-right: 1rem; }

.order-description {
  margin-bottom: 2rem; }
  .order-description .order-description__title {
    font-weight: bold; }
  .order-description .order-description__body p {
    margin-bottom: .1rem; }
  .order-description .order-description__image {
    margin-top: 1rem; }

.order-contact .order-contact__phone {
  margin-bottom: 0; }

.order-contact .order-contact__hint {
  color: #9b9b9b;
  margin-bottom: 0; }

.offer-to-order .offer-to-order__btn-box {
  text-align: center; }

.order-card {
  border-bottom: 1px solid #cecece;
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem; }
  .order-card:last-child {
    border-bottom: 0;
    margin-bottom: 0; }
  .order-card .order-card__title {
    color: #212529;
    font-weight: bold;
    font-size: 1.3rem; }
    @media screen and (max-width: 767px) {
      .order-card .order-card__title {
        font-size: 1.1rem; } }
  .order-card .order-card__status-box {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding-top: 0.5rem; }
    @media screen and (max-width: 767px) {
      .order-card .order-card__status-box {
        display: block;
        padding-top: 0.2rem; } }
  .order-card .badge-status {
    display: block;
    width: 110px;
    line-height: 1.5;
    margin-bottom: 0.3rem;
    font-weight: normal; }
    .order-card .badge-status--open {
      background-color: #f4fef7;
      border: 1px solid #d0e8d8; }
    .order-card .badge-status--performer {
      background-color: #f5fcff;
      border: 1px solid #d5e2eb; }
    .order-card .badge-status--close {
      background-color: #f6f6f6;
      border: 1px solid #ebebeb; }
  .order-card .order-card__info-box {
    display: flex;
    flex-direction: row;
    justify-content: start; }
  .order-card .order-card__date {
    color: #9b9b9b; }
  .order-card .order-card__city {
    margin-right: 1rem; }
    @media screen and (max-width: 767px) {
      .order-card .order-card__city {
        margin-right: .5rem; } }
    .order-card .order-card__city .icon {
      left: -4px; }
  .order-card .order-card__city-title {
    text-transform: uppercase; }
  .order-card .order-card__description {
    margin-top: 0.4rem; }

.create-your-order {
  padding: 2rem;
  border: 1px solid rgba(251, 136, 0, 0.2);
  border-radius: 8px;
  box-shadow: 0 4px 7px rgba(230, 126, 0, 0.15), 0 3px 7px rgba(252, 171, 0, 0.05); }
  @media screen and (max-width: 767px) {
    .create-your-order {
      padding: 1rem; } }
  .create-your-order .create-your-order__title {
    font-size: 1.5rem;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .create-your-order .create-your-order__title {
        font-size: 1.2rem; } }
  .create-your-order .create-your-order__desc p {
    margin-bottom: .1rem; }
    @media screen and (max-width: 767px) {
      .create-your-order .create-your-order__desc p {
        font-size: .9rem; } }
  .create-your-order .create-your-order__btn-box {
    margin-top: 1rem; }
  .create-your-order .create-your-order__btn {
    background-color: #fc9400;
    color: #fff; }
    .create-your-order .create-your-order__btn:hover {
      background-color: #fe7700; }

.order-not-found-box {
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center; }
  .order-not-found-box p {
    font-size: 1.8rem;
    font-weight: bold;
    color: #9b9b9b; }

.info-panel .info-panel__body {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
  border: 3px solid transparent; }
  .info-panel .info-panel__body hr {
    margin-top: .5rem;
    margin-bottom: .5rem;
    border: 0;
    border-top: 1px solid transparent; }
  .info-panel .info-panel__body a {
    font-weight: bold; }
  .info-panel .info-panel__body--danger {
    color: #b02d3b;
    border-color: #ee9f98; }
    .info-panel .info-panel__body--danger hr {
      border-top: 1px solid #ee9f98; }
    .info-panel .info-panel__body--danger a {
      color: #b02d3b; }
  .info-panel .info-panel__body--warning {
    color: #ad7f09;
    border-color: #e3ac32; }
    .info-panel .info-panel__body--warning hr {
      border-top: 1px solid #e3ac32; }
    .info-panel .info-panel__body--warning a {
      color: #ad7f09; }
  .info-panel .info-panel__body--success {
    color: #23873b;
    border-color: #64c178; }
    .info-panel .info-panel__body--success hr {
      border-top: 1px solid #64c178; }
    .info-panel .info-panel__body--success a {
      color: #23873b; }
  .info-panel .info-panel__body--secondary {
    color: #383d41;
    border-color: #d6d8db; }
    .info-panel .info-panel__body--secondary hr {
      border-top: 1px solid #d6d8db; }
    .info-panel .info-panel__body--secondary a {
      color: #383d41; }
  .info-panel .info-panel__body--info {
    color: #0e8694;
    border-color: #529ba4; }
    .info-panel .info-panel__body--info hr {
      border-top: 1px solid #529ba4; }
    .info-panel .info-panel__body--info a {
      color: #529ba4; }

.info-panel .info-panel__title {
  font-weight: bold; }

.info-panel p:last-of-type {
  margin-bottom: 0; }

.order-step .order-step__header {
  margin-top: 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem; }
  .order-step .order-step__header--none {
    color: #9b9b9b; }
  .order-step .order-step__header .order-step__title {
    margin-top: 0.5rem; }
    @media screen and (max-width: 767px) {
      .order-step .order-step__header .order-step__title {
        font-size: 1.2rem; } }
  .order-step .order-step__header .order-step__help {
    color: #9b9b9b;
    margin: 0 3rem; }
    @media screen and (max-width: 767px) {
      .order-step .order-step__header .order-step__help {
        margin: 0;
        font-size: .9rem; } }

.order-step .order-step__footer {
  color: #9b9b9b;
  text-align: center;
  margin-top: 2rem; }
  .order-step .order-step__footer .order-step__footer-desc {
    font-size: .9rem;
    text-align: justify;
    margin-bottom: .5rem; }

.offer-list .offer-list__toggle-box {
  text-align: center;
  margin-bottom: 1.5rem; }

.offer-list .offer-list__toggle-btn {
  color: #007bff;
  cursor: pointer;
  border-bottom: 1px dotted;
  font-size: .8rem; }
  .offer-list .offer-list__toggle-btn:hover {
    color: #0056b3; }

.offer-list .offer-list__body--performer {
  margin-bottom: .5rem; }

.offer-list .offer-list__body--hidden {
  display: none; }

.offer-card {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 3rem; }
  @media screen and (max-width: 767px) {
    .offer-card {
      border-left: 0;
      border-right: 0;
      border-radius: 0; } }
  .offer-card:last-child {
    margin-bottom: 0; }
  .offer-card .offer-card__header {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f6f6f6; }
    @media screen and (max-width: 767px) {
      .offer-card .offer-card__header {
        border-top-left-radius: 0;
        border-top-right-radius: 0; } }
  .offer-card .avatar-box {
    text-align: center; }
    .offer-card .avatar-box .avatar-box__image {
      padding: 0;
      border: none;
      border-radius: 0;
      max-width: 100px;
      display: inline-block; }
  .offer-card .offer-card__wrapper {
    padding: 0 10px; }
  .offer-card .offer-card__description {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eeeeee; }
  .offer-card .offer-card__description-date {
    font-size: .7rem;
    color: #9b9b9b; }
  @media screen and (max-width: 767px) {
    .offer-card .offer-card__description-text {
      font-size: .9rem; } }
  .offer-card .offer-card__description-text p {
    margin-bottom: 0.5rem; }
    .offer-card .offer-card__description-text p:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .offer-card .offer-card__btn-box {
      margin-top: .5rem; }
      .offer-card .offer-card__btn-box .profile-btn {
        font-size: .85rem;
        padding: .35rem .5rem; }
        .offer-card .offer-card__btn-box .profile-btn + .profile-btn {
          margin-left: .4rem; }
      .offer-card .offer-card__btn-box .phone-widget {
        padding-left: calc(.5rem + 20px); }
        .offer-card .offer-card__btn-box .phone-widget:before {
          top: calc(.35rem + 1px); } }
  .offer-card .offer-card__btn-box .offer-card__performer-btn {
    border-color: #cecece; }
    .offer-card .offer-card__btn-box .offer-card__performer-btn:hover {
      border-color: #b7b7b7;
      background-color: #f6f6f6; }
  .offer-card .offer-card__rating {
    display: flex;
    margin-bottom: .5rem; }
    @media screen and (max-width: 767px) {
      .offer-card .offer-card__rating {
        margin-top: 0; } }
    .offer-card .offer-card__rating .rating-box__wrap {
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center; }
    .offer-card .offer-card__rating .rating-box__stars-box {
      margin-right: .5rem; }
  .offer-card--performer {
    border: 2px solid #64c178; }

.offer-card__name {
  margin-bottom: 5px; }

.offer-card__name-link {
  color: #212529;
  font-weight: bold;
  font-size: 1.3rem; }
  @media screen and (max-width: 767px) {
    .offer-card__name-link {
      font-size: 1rem; } }

.order-info .info-for-author {
  margin-bottom: 1.5rem; }
  .order-info .info-for-author .info-for-author__title {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .order-info .info-for-author .info-for-author__title .icon {
      top: -1px; }
  .order-info .info-for-author .info-for-author__help-text {
    font-size: 1rem;
    color: #9b9b9b; }
  .order-info .info-for-author p:last-child {
    margin-bottom: 0; }

.order-info .order-info__box {
  margin-bottom: 3rem; }

.unauthorized-offer-btn .btn {
  padding: 1rem 1rem;
  font-weight: bold; }

.unauthorized-offer-btn__modal {
  text-align: center; }
  .unauthorized-offer-btn__modal .modal-header {
    border: none; }
  .unauthorized-offer-btn__modal .modal-body {
    padding: 0 2rem 3.8rem 2rem; }
    @media screen and (max-width: 767px) {
      .unauthorized-offer-btn__modal .modal-body {
        padding: 0 1rem 3.8rem 1rem; } }
  .unauthorized-offer-btn__modal .unauthorized-offer-btn__title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem; }
  .unauthorized-offer-btn__modal .unauthorized-offer-btn__desc {
    padding: 0 3rem;
    margin-bottom: 1.5rem; }
    @media screen and (max-width: 767px) {
      .unauthorized-offer-btn__modal .unauthorized-offer-btn__desc {
        padding: 0; } }
  .unauthorized-offer-btn__modal .unauthorized-offer-btn__modal-btn-box {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .unauthorized-offer-btn__modal .unauthorized-offer-btn__modal-login {
    margin-top: 1rem;
    color: #9b9b9b; }

.last-orders .last-orders__title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .last-orders .last-orders__title {
      font-size: 1.2rem; } }

.last-order__item {
  margin-bottom: .5rem; }
  .last-order__item .last-order__item-date {
    color: #9b9b9b;
    font-size: .8rem; }
  .last-order__item .last-order__item-link {
    color: #212529;
    text-decoration: underline; }
    .last-order__item .last-order__item-link:hover {
      color: #0056b3; }

.orders-categories .orders-categories__item {
  display: inline-block;
  margin-right: .4rem; }
  .orders-categories .orders-categories__item:after {
    content: ','; }
  .orders-categories .orders-categories__item:last-of-type:after {
    content: none; }

.confirm-action .confirm-action__header {
  padding: 0.5rem 0 1rem 0;
  border-bottom: 1px solid #e9ecef; }
  .confirm-action .confirm-action__header:last-of-type {
    border-bottom: 0;
    padding: 0.5rem 0 0 0; }

.confirm-action .confirm-action__icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.confirm-action .confirm-action__title {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .confirm-action .confirm-action__title p {
    margin-bottom: 0; }

.confirm-action .confirm-action__content {
  color: #9b9b9b;
  margin-top: 0.5rem; }
  .confirm-action .confirm-action__content p {
    margin-bottom: 0.2rem; }
  .confirm-action .confirm-action__content p:last-child {
    margin-bottom: 0; }

.order-review .order-step__title {
  margin-bottom: 0; }

.order-review .order-review__btn-box {
  text-align: center;
  margin-bottom: 1rem; }
  .order-review .order-review__btn-box .order-review__btn {
    width: 150px;
    padding: 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem; }
    .order-review .order-review__btn-box .order-review__btn .icon {
      top: -1px;
      width: 36px;
      height: 36px;
      margin-right: 0.7rem; }
    .order-review .order-review__btn-box .order-review__btn + .order-review__btn {
      margin-left: 0.5rem; }
    @media screen and (max-width: 767px) {
      .order-review .order-review__btn-box .order-review__btn {
        width: 135px; } }
  .order-review .order-review__btn-box .order-review__btn-true {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745; }
    .order-review .order-review__btn-box .order-review__btn-true .icon {
      background: url("/static/images/icons/review-like-36.png") no-repeat; }
    .order-review .order-review__btn-box .order-review__btn-true:hover {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745; }
      .order-review .order-review__btn-box .order-review__btn-true:hover .icon {
        background: url("/static/images/icons/review-like-white-36.png") no-repeat; }
    .order-review .order-review__btn-box .order-review__btn-true--active {
      color: #fff;
      background-color: #28a745;
      border-color: #28a745; }
      .order-review .order-review__btn-box .order-review__btn-true--active .icon {
        background: url("/static/images/icons/review-like-white-36.png") no-repeat; }
  .order-review .order-review__btn-box .order-review__btn-false {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545; }
    .order-review .order-review__btn-box .order-review__btn-false .icon {
      background: url("/static/images/icons/review-dislike-36.png") no-repeat; }
    .order-review .order-review__btn-box .order-review__btn-false:hover {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545; }
      .order-review .order-review__btn-box .order-review__btn-false:hover .icon {
        background: url("/static/images/icons/review-dislike-white-36.png") no-repeat; }
    .order-review .order-review__btn-box .order-review__btn-false--active {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545; }
      .order-review .order-review__btn-box .order-review__btn-false--active .icon {
        background: url("/static/images/icons/review-dislike-white-36.png") no-repeat; }

.order-review .order-review__submit-box {
  text-align: center; }
  .order-review .order-review__submit-box .order-review__submit-help {
    color: #9b9b9b; }

.order-control {
  margin-top: 1rem; }

.img-collection-item {
  margin-bottom: 1rem; }
  .img-collection-item .img-collection-item__img {
    position: relative;
    max-width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0.25rem; }
    .img-collection-item .img-collection-item__img:before {
      content: "";
      display: block;
      padding-top: 100%; }
  .img-collection-item .img-collection-item__control {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 4px;
    border-radius: 0.25rem;
    transition: opacity 60ms linear;
    background: rgba(0, 0, 0, 0.5);
    line-height: 0;
    opacity: 0; }
  .img-collection-item:hover .img-collection-item__control {
    display: block;
    opacity: 1; }
  .img-collection-item .img-collection-item__action {
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    opacity: 0.7; }
    .img-collection-item .img-collection-item__action:hover {
      opacity: 1; }
    .img-collection-item .img-collection-item__action .icon {
      width: 16px;
      height: 16px;
      background-repeat: no-repeat; }
    .img-collection-item .img-collection-item__action--delete .icon {
      background-image: url("/static/images/icons/delete-16px.png");
      background-image: -webkit-image-set(url("/static/images/icons/delete-16px.png") 1x, url("/static/images/icons/delete-32px.png") 2x); }
    .img-collection-item .img-collection-item__action--push .icon {
      background-image: url("/static/images/icons/img-push-16px.png");
      background-image: -webkit-image-set(url("/static/images/icons/img-push-16px.png") 1x, url("/static/images/icons/img-push-32px.png") 2x); }

.img-collection-uploader {
  display: flex;
  margin-bottom: 1rem;
  align-items: center; }
  .img-collection-uploader .img-collection-uploader__spinner-box {
    margin-left: 1rem;
    height: 24px;
    width: 24px; }
  .img-collection-uploader .img-collection-uploader__limit-text {
    color: #9b9b9b;
    margin-left: 1rem;
    font-size: 0.9rem; }

.order-images {
  padding-left: 8px;
  padding-right: 8px; }

.order-image-item {
  margin-bottom: 0;
  padding-left: 7px;
  padding-right: 7px; }
  @media screen and (max-width: 767px) {
    .order-image-item {
      margin-bottom: 1rem; } }
  .order-image-item a {
    display: block;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    padding: 3px; }
    .order-image-item a:hover {
      padding: 0; }
  .order-image-item img {
    width: 100%; }

.button-up {
  display: flex;
  justify-content: space-between; }
  .button-up .button-up_title {
    font-size: 0.9rem;
    color: #9b9b9b;
    font-weight: bold;
    line-height: 1rem; }
  .button-up .button-up_time {
    font-size: 0.8rem;
    color: #9b9b9b;
    line-height: 1rem; }
  .button-up .btn {
    font-weight: bold; }
    .button-up .btn .button-up_btn-text {
      margin-right: 0.2rem; }
    .button-up .btn .icon {
      top: -1px; }
  .button-up.mobile-menu__up .button-up_info-box {
    margin-right: .8rem; }
  .button-up.mobile-menu__up .button-up_title {
    color: #fff; }
  .button-up.mobile-menu__up .button-up_time {
    text-align: right; }

.button-up-modal p {
  margin-bottom: 0; }

.button-up-modal .modal-body {
  margin: 2rem 1rem; }
  @media screen and (max-width: 767px) {
    .button-up-modal .modal-body {
      margin: 2rem 0; } }

.button-up-modal .button-up-modal__item {
  margin-bottom: 1.5rem; }
  .button-up-modal .button-up-modal__item--center {
    text-align: center; }

.button-up-modal .button-up-modal__item-title {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: .5rem; }

.button-up-modal .button-up-modal__modal-btn-box {
  text-align: center; }

.settings-email-confirm .settings-email-confirm__toggle {
  color: #007bff;
  cursor: pointer; }
  .settings-email-confirm .settings-email-confirm__toggle:hover {
    color: #0056b3; }

.settings-email-confirm .settings-email-confirm__input-box--hidden {
  display: none; }

.order-tips .order-tips__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.order-tips .order-tips__item {
  margin-bottom: 0.5rem; }
  .order-tips .order-tips__item .order-tips__title {
    margin-bottom: .2rem;
    display: inline;
    cursor: pointer;
    color: #007bff;
    border-bottom: 1px dotted #007bff; }
    .order-tips .order-tips__item .order-tips__title:hover {
      color: #0056b3;
      border-bottom: 1px dotted #0056b3; }
  .order-tips .order-tips__item .order-tips__body {
    display: none; }
  .order-tips .order-tips__item--active .order-tips__body {
    display: block; }

.order-tips p {
  margin-bottom: 0; }

.similar-categories ul {
  list-style: none;
  padding-left: 0; }

.categories-sidebar-list ul {
  list-style: none;
  padding-left: 0; }

.categories-sidebar-list .categories-sidebar-list__item {
  margin-bottom: 0.5rem; }
  .categories-sidebar-list .categories-sidebar-list__item--active .categories-sidebar-list__body {
    display: block; }

.categories-sidebar-list .categories-sidebar-list__title {
  cursor: pointer;
  font-weight: bold; }
  .categories-sidebar-list .categories-sidebar-list__title:hover {
    border-bottom: 1px dotted #212529; }

.categories-sidebar-list .categories-sidebar-list__body {
  display: none;
  padding-left: .7rem; }

.how-receive-orders {
  margin-bottom: 4rem; }
  .how-receive-orders .how-receive-orders__title {
    margin-bottom: 3rem; }
  @media screen and (max-width: 767px) {
    .how-receive-orders .how-receive-orders__card {
      margin-bottom: 2rem; } }
  .how-receive-orders .how-receive-orders__card-header {
    display: flex;
    margin-bottom: 1.5rem; }
    @media screen and (max-width: 767px) {
      .how-receive-orders .how-receive-orders__card-header {
        align-items: center; } }
  .how-receive-orders .how-receive-orders__card-count {
    color: #ffd400;
    font-weight: bold;
    font-size: 4rem;
    line-height: 4rem;
    margin-right: 1rem; }
  .how-receive-orders .how-receive-orders__card-title {
    font-size: 1.4rem;
    line-height: 2rem; }
  .how-receive-orders .how-receive-orders__card-body {
    font-size: 1.1rem; }

.welcome-faq {
  padding-bottom: 4rem; }
  .welcome-faq .welcome-faq__title {
    margin-bottom: 3rem; }
  .welcome-faq .welcome-faq__item-title {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .welcome-faq .welcome-faq__image-box {
    position: relative; }
  .welcome-faq .welcome-faq__image {
    position: absolute;
    z-index: 2;
    bottom: -4.5rem;
    width: 303px;
    height: 730px;
    background: url("/static/images/girl.png") no-repeat; }

.dynamic-sidebar {
  position: sticky;
  top: 0;
  bottom: 0;
  padding-top: 1rem; }
  .dynamic-sidebar--hidden {
    visibility: hidden; }
  .dynamic-sidebar .sidebar-box {
    margin-bottom: 1rem;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: fadeIn; }
    .dynamic-sidebar .sidebar-box:last-child {
      margin-bottom: 0; }

.online-status {
  color: #9b9b9b;
  font-size: .8rem;
  white-space: nowrap;
  padding-top: .2rem; }
  .online-status .online-status__indicator {
    display: inline-block;
    margin-right: .2rem;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background-color: #64c178; }

.top-nav {
  background-color: #f6f6f6;
  border-bottom: 1px solid #dbe1e2;
  height: 66px; }
  @media screen and (max-width: 767px) {
    .top-nav {
      height: 55px;
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 10; } }
  .top-nav .container {
    height: 100%;
    display: flex;
    justify-content: space-between; }
  .top-nav .top-nav__logo-box {
    display: flex;
    align-items: center;
    justify-content: start; }
  .top-nav .top-nav__logo {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap; }
  .top-nav .top-nav__menu {
    display: flex;
    align-items: center; }
  .top-nav .menu__list {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
    .top-nav .menu__list .nav-link {
      padding: .5rem .5rem;
      color: #212529;
      opacity: .5; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .top-nav .menu__list .nav-link {
          padding: .5rem .25rem; } }
      .top-nav .menu__list .nav-link .nav-link__new {
        font-size: .8rem;
        font-weight: bold;
        color: #dc3545; }
      .top-nav .menu__list .nav-link:hover {
        color: #212529;
        opacity: .7; }
      .top-nav .menu__list .nav-link.active {
        color: #212529;
        opacity: 1; }
      .top-nav .menu__list .nav-link .icon {
        top: -2px; }
  .top-nav .menu__dropdown-menu {
    position: relative; }
    .top-nav .menu__dropdown-menu .dropdown-menu__box {
      z-index: 100;
      display: none;
      background: #fff;
      border: 1px solid #dbe1e2;
      box-shadow: 0 3px 10px 0 rgba(174, 174, 174, 0.5);
      border-radius: .25rem;
      position: absolute;
      top: 105%;
      right: 0;
      left: auto; }
    .top-nav .menu__dropdown-menu .dropdown-menu__item .nav-link {
      white-space: nowrap;
      padding: .75rem 1.25rem; }
      .top-nav .menu__dropdown-menu .dropdown-menu__item .nav-link:hover {
        text-decoration: none;
        background-color: #f8f9fa; }
    .top-nav .menu__dropdown-menu.show .dropdown-menu__toggle {
      color: #212529; }
    .top-nav .menu__dropdown-menu.show .dropdown-menu__box {
      display: block; }
  .top-nav .top-nav__profile_box {
    display: flex;
    align-items: center; }
    .top-nav .top-nav__profile_box .dropdown-custom__up-box {
      padding: .8rem 1.2rem;
      background-color: #f6f6f6;
      border-bottom: 1px solid #dbe1e2; }
    .top-nav .top-nav__profile_box .dropdown-menu__box {
      width: 250px; }
    .top-nav .top-nav__profile_box .profile_box__avatar-box {
      display: flex;
      align-items: center; }
      .top-nav .top-nav__profile_box .profile_box__avatar-box .icon {
        transition: transform .2s ease,opacity .2s ease;
        opacity: .5; }
      .top-nav .top-nav__profile_box .profile_box__avatar-box:hover {
        cursor: pointer; }
        .top-nav .top-nav__profile_box .profile_box__avatar-box:hover .icon {
          opacity: 1; }
    .top-nav .top-nav__profile_box .profile_box__avatar {
      background-size: contain;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: .2rem; }
    .top-nav .top-nav__profile_box .show .profile_box__avatar-box .icon {
      transform: rotate(180deg); }
  .top-nav .top-nav__not-premium {
    padding: .1rem 1.2rem 0 1.2rem;
    background-color: #f6f6f6; }

.mobile-menu {
  display: flex;
  align-items: center;
  width: 45px; }
  .mobile-menu .mobile-menu__toggle {
    z-index: 21;
    position: absolute;
    right: 100%;
    width: 60px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6; }
    .mobile-menu .mobile-menu__toggle .icon {
      width: 30px;
      height: 30px;
      background: url("/static/images/icons/mobile-menu-30.png") no-repeat;
      background: -webkit-image-set(url("/static/images/icons/mobile-menu-30.png") 1x, url("/static/images/icons/mobile-menu-60.png") 2x); }
  .mobile-menu .mobile-menu__overlay {
    z-index: 20;
    background-color: #f6f6f6;
    opacity: .7;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none; }
  .mobile-menu .mobile-menu__box {
    z-index: 21;
    width: calc(100% - 60px);
    max-width: 310px;
    height: 100%;
    top: 0;
    right: 0;
    position: fixed;
    transform: translateX(100%);
    transition: transform .2s ease 0s; }
  .mobile-menu .mobile-menu__content {
    position: absolute;
    z-index: 22;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-color: #465566;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 70px 0 55px 0; }
  .mobile-menu hr {
    margin: 0.5rem 1rem;
    border: 0;
    border-top: 1px solid #364353; }
  .mobile-menu.active .mobile-menu__toggle .icon {
    width: 30px;
    height: 30px;
    background: url("/static/images/icons/cross-30.png") no-repeat;
    background: -webkit-image-set(url("/static/images/icons/cross-30.png") 1x, url("/static/images/icons/cross-60.png") 2x); }
  .mobile-menu.active .mobile-menu__box {
    transform: translateX(0); }
  .mobile-menu.active .mobile-menu__overlay {
    display: block; }
  .mobile-menu .mobile-menu__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 23;
    background-color: #364353;
    padding: 0 1.2rem;
    height: 70px;
    top: 0;
    right: 0;
    left: 0;
    color: #fff; }
  .mobile-menu .mobile-menu__logo {
    font-weight: bold; }
  .mobile-menu .mobile-menu__header-box {
    display: flex;
    align-items: center;
    max-width: 100%;
    width: 100%;
    font-size: .9rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
    .mobile-menu .mobile-menu__header-box .mobile-menu__header-info:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 30px;
      background-image: -o-linear-gradient(0deg, rgba(40, 49, 60, 0) 0, #364353 100%);
      background-image: linear-gradient(90deg, rgba(40, 49, 60, 0) 0, #364353 100%); }
  .mobile-menu .mobile-menu__avatar {
    background-size: contain;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border-radius: 50%;
    margin-right: .5rem; }
  .mobile-menu .mobile-menu__footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #364353;
    z-index: 23;
    position: absolute;
    height: 55px;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0 1.2rem; }
  .mobile-menu .mobile-menu__footer .nav-link,
  .mobile-menu .mobile-menu__item .nav-link {
    padding: 0.6rem 1.2rem;
    font-weight: bold;
    color: #fff; }
    .mobile-menu .mobile-menu__footer .nav-link .nav-link__new,
    .mobile-menu .mobile-menu__item .nav-link .nav-link__new {
      font-size: .8rem;
      font-weight: bold;
      color: #fb685c; }
    .mobile-menu .mobile-menu__footer .nav-link.active,
    .mobile-menu .mobile-menu__item .nav-link.active {
      opacity: .5; }
    .mobile-menu .mobile-menu__footer .nav-link .icon,
    .mobile-menu .mobile-menu__item .nav-link .icon {
      top: -2px; }
  .mobile-menu .mobile-menu__item--dropdown .nav-link {
    position: relative; }
    .mobile-menu .mobile-menu__item--dropdown .nav-link:after {
      content: '';
      display: block;
      position: absolute;
      top: calc(50% - 11px);
      right: 1.2rem;
      width: 22px;
      height: 22px;
      background: url("/static/images/icons/arrow-22.png") no-repeat;
      transition: transform .2s ease,opacity .2s ease; }
  .mobile-menu .mobile-menu__item--dropdown.show {
    background-color: #414e5e; }
    .mobile-menu .mobile-menu__item--dropdown.show .nav-link {
      opacity: .7; }
      .mobile-menu .mobile-menu__item--dropdown.show .nav-link:after {
        transform: rotate(180deg); }
  .mobile-menu .mobile-menu__dropdown-box {
    display: none;
    background-color: #414e5e; }
    .mobile-menu .mobile-menu__dropdown-box .nav-link {
      padding-left: 2.6rem;
      font-weight: normal; }
    .mobile-menu .mobile-menu__dropdown-box.show {
      display: block; }
  .mobile-menu .mobile-menu__not-premium {
    font-size: .9rem;
    padding: 0.6rem 1.2rem;
    color: #fb685c; }

.invite-widget {
  min-width: 173px; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .invite-widget {
      min-width: 155px; } }
  .invite-widget.btn-sm {
    min-width: 152px; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .invite-widget.btn-sm {
        min-width: 152px; } }
  .invite-widget--active {
    border-color: #ffd400 !important; }
    .invite-widget--active:hover {
      border-color: #f6cb00 !important; }

.invite-master__panel {
  display: flex;
  z-index: 1;
  background-color: rgba(33, 37, 41, 0.9);
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100px;
  padding: 1rem 0; }
  .invite-master__panel a {
    color: #5bb3ee; }
  @media screen and (max-width: 767px) {
    .invite-master__panel {
      font-size: .9rem;
      height: 110px; } }

.invite-master__panel-container {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1199px) {
    .invite-master__panel-container {
      padding-right: 40px; } }

.invite-master__panel-img-box {
  display: flex;
  margin-right: 1rem; }
  @media screen and (max-width: 767px) {
    .invite-master__panel-img-box {
      display: none; } }
  .invite-master__panel-img-box .invite-master__panel-img {
    background-size: contain;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 3px solid rgba(33, 37, 41, 0.9);
    margin-left: -25px;
    background-color: #fff; }
    .invite-master__panel-img-box .invite-master__panel-img:first-of-type {
      margin-left: 0; }

.invite-master__text {
  color: white;
  font-weight: bold; }
  .invite-master__text span {
    display: block; }
  .invite-master__text .invite-master__text-help {
    font-size: .9rem;
    color: #9b9b9b;
    font-weight: normal; }

.invite-master__panel-clear {
  opacity: .3;
  position: absolute !important;
  top: calc(50% - 13px);
  right: 30px; }
  .invite-master__panel-clear:hover {
    opacity: .8; }
  @media screen and (max-width: 1199px) {
    .invite-master__panel-clear {
      right: 10px; } }

.order-form-invited {
  margin-bottom: 1rem; }

.order-form-invited-text-box {
  margin-bottom: .3rem; }

.order-form-invited-text {
  display: inline-block;
  margin-right: 1rem; }

.order-form-invited-img-box {
  display: flex;
  margin-right: 1rem; }
  .order-form-invited-img-box .invite-master__panel-img {
    background-size: contain;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-left: -25px;
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      .order-form-invited-img-box .invite-master__panel-img {
        height: 45px;
        width: 45px; } }
    .order-form-invited-img-box .invite-master__panel-img:first-of-type {
      margin-left: 0; }

.order-form-invited__card {
  display: flex;
  align-items: center;
  padding-top: .7rem;
  padding-bottom: .7rem;
  padding-right: 3rem;
  font-weight: bold; }
  .order-form-invited__card img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: .7rem; }
  .order-form-invited__card .icon {
    position: absolute;
    top: calc(50% - 10px);
    right: 1.5rem;
    opacity: .7; }
    .order-form-invited__card .icon:hover {
      opacity: 1; }

.order-moderated-indicator {
  display: flex;
  align-items: center;
  font-size: .8rem;
  margin-bottom: .2rem; }
  .order-moderated-indicator .order-moderated-indicator__icon {
    display: inline-block;
    margin-right: .2rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #28a745; }
    .order-moderated-indicator .order-moderated-indicator__icon--none {
      background-color: #fb685c; }

.offer-messages {
  padding-bottom: 1rem;
  padding-top: 1rem; }
  .offer-messages .offer-messages__header {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
  .offer-messages .offer-messages__title {
    font-weight: bold;
    font-size: 1.5rem; }
    @media screen and (max-width: 767px) {
      .offer-messages .offer-messages__title {
        font-size: 1rem; } }
  .offer-messages .offer-messages__show-all {
    cursor: pointer;
    color: #007bff;
    border-bottom: 1px dotted; }
    @media screen and (max-width: 767px) {
      .offer-messages .offer-messages__show-all {
        font-size: .75rem; } }
    .offer-messages .offer-messages__show-all:hover {
      color: #0056b3; }

.offer-message {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem; }
  .offer-message:last-child {
    margin-bottom: 0; }
  .offer-message .offer-message__box {
    position: relative;
    background-color: #eeeeee;
    padding: .5rem 1rem;
    border-radius: 10px;
    margin-bottom: 2px;
    margin-right: 13px;
    margin-left: 13px; }
    .offer-message .offer-message__box .offer-message__text {
      white-space: pre-wrap; }
    @media screen and (max-width: 767px) {
      .offer-message .offer-message__box {
        margin-right: 0;
        margin-left: 0;
        padding: .5rem;
        font-size: .9rem; } }
    .offer-message .offer-message__box:before {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0; }
      @media screen and (max-width: 767px) {
        .offer-message .offer-message__box:before {
          display: none; } }
    .offer-message .offer-message__box:after {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0; }
      @media screen and (max-width: 767px) {
        .offer-message .offer-message__box:after {
          display: none; } }
  .offer-message .offer-message__date {
    color: #9b9b9b;
    font-size: .7rem; }
  .offer-message--in {
    align-items: flex-start; }
    .offer-message--in .offer-message__box {
      border-bottom-left-radius: 0;
      background-color: #f6f6f6;
      border: 1px solid #eeeeee; }
      .offer-message--in .offer-message__box:before {
        right: 100%;
        border-top: 13px solid transparent;
        border-right: 13px solid #eeeeee;
        bottom: -1px; }
      .offer-message--in .offer-message__box:after {
        right: 100%;
        border-top: 10px solid transparent;
        border-right: 10px solid #f6f6f6;
        bottom: 0; }
  .offer-message--out {
    align-items: flex-end; }
    .offer-message--out .offer-message__box {
      border-bottom-right-radius: 0;
      background-color: #f4fef7;
      border: 1px solid #d5eddd; }
      .offer-message--out .offer-message__box:before {
        left: 100%;
        border-top: 13px solid transparent;
        border-left: 13px solid #d5eddd;
        bottom: -1px; }
      .offer-message--out .offer-message__box:after {
        left: 100%;
        border-top: 10px solid transparent;
        border-left: 10px solid #f4fef7;
        bottom: 0; }

.offer-messages__form {
  display: flex;
  align-items: flex-end;
  margin-top: 1rem; }
  .offer-messages__form .offer-messages__form-textarea {
    overflow: hidden;
    overflow-wrap: break-word;
    resize: none;
    height: 38px;
    transition: .3s ease; }
    .offer-messages__form .offer-messages__form-textarea--open {
      height: 76px; }
  .offer-messages__form .offer-messages__form-disabled-text {
    color: #9b9b9b;
    font-size: .8rem; }

.offer-messages__send-box {
  width: 38px;
  min-width: 38px;
  margin-left: 1rem; }
  @media screen and (max-width: 767px) {
    .offer-messages__send-box {
      margin-left: .5rem; } }

.offer-messages__send-btn {
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  position: relative;
  background-position: 50%;
  cursor: pointer;
  background-image: url("/static/images/icons/send-30.png");
  background-image: -webkit-image-set(url("/static/images/icons/send-30.png") 1x, url("/static/images/icons/send-60.png") 2x); }
  .offer-messages__send-btn:hover {
    background-image: url("/static/images/icons/send-30-hover.png");
    background-image: -webkit-image-set(url("/static/images/icons/send-30-hover.png") 1x, url("/static/images/icons/send-60-hover.png") 2x); }

.notifications {
  position: relative;
  display: flex;
  align-items: center; }
  .notifications .notifications__toggle-box {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer;
    margin-right: 1rem; }
    @media screen and (max-width: 767px) {
      .notifications .notifications__toggle-box {
        margin-right: .5rem; } }
    .notifications .notifications__toggle-box .notifications__toggle-btn {
      position: relative;
      display: inline-block;
      background-repeat: no-repeat;
      width: 22px;
      height: 22px;
      opacity: .7;
      transition: transform .2s ease,opacity .2s ease;
      background-image: url("/static/images/icons/notice-22.png");
      background-image: -webkit-image-set(url("/static/images/icons/notice-22.png") 1x, url("/static/images/icons/notice-44.png") 2x); }
    .notifications .notifications__toggle-box:hover .notifications__toggle-btn {
      opacity: 1; }
    .notifications .notifications__toggle-box--new:after {
      content: '';
      border-radius: 50%;
      background-color: #fb685c;
      width: 10px;
      height: 10px;
      position: absolute;
      top: -1px;
      right: 0; }
    .notifications .notifications__toggle-box--open .notifications__toggle-btn {
      transform: rotate(30deg);
      opacity: 1; }

.notifications-dropdown {
  width: 380px;
  z-index: 9999;
  display: none;
  position: absolute;
  top: 85%;
  right: 0;
  left: auto;
  background: #fff;
  border: 1px solid #dbe1e2;
  box-shadow: 0 3px 10px 0 rgba(174, 174, 174, 0.5);
  border-radius: .25rem; }
  @media screen and (max-width: 767px) {
    .notifications-dropdown {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      position: fixed;
      width: 100%;
      border-radius: 0;
      border: none;
      box-shadow: none; } }
  .notifications-dropdown--open {
    display: block; }
  .notifications-dropdown .notifications-dropdown__header {
    padding: 1rem .8rem;
    background-color: #f6f6f6;
    border-bottom: 1px solid #dbe1e2;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .notifications-dropdown .notifications-dropdown__header {
        padding: 0 .8rem;
        height: 60px; } }
  .notifications-dropdown .notifications-dropdown__header-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .notifications-dropdown .notifications-dropdown__header-box {
        flex-direction: column;
        justify-content: center;
        align-items: start; } }
  .notifications-dropdown .notifications-dropdown__header-toggle {
    width: 60px;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: -10px; }
    .notifications-dropdown .notifications-dropdown__header-toggle .icon {
      width: 30px;
      height: 30px;
      background: url("/static/images/icons/cross-30.png") no-repeat;
      background: -webkit-image-set(url("/static/images/icons/cross-30.png") 1x, url("/static/images/icons/cross-60.png") 2x); }
    @media screen and (max-width: 767px) {
      .notifications-dropdown .notifications-dropdown__header-toggle {
        display: flex; } }
  .notifications-dropdown .notifications-dropdown__title {
    font-weight: bold;
    font-size: .9rem; }
  .notifications-dropdown .notifications-dropdown__read-all {
    font-size: .75rem;
    color: #9b9b9b;
    cursor: pointer;
    border-bottom: 1px dotted; }
    .notifications-dropdown .notifications-dropdown__read-all:hover {
      color: #212529; }
  .notifications-dropdown .notifications-dropdown__body {
    max-height: 500px;
    overflow-y: auto; }
    @media screen and (max-width: 767px) {
      .notifications-dropdown .notifications-dropdown__body {
        max-height: calc(100% - 60px);
        height: calc(100% - 60px); } }
  .notifications-dropdown .notifications-dropdown__card {
    position: relative;
    display: block;
    text-decoration: none;
    color: #212529;
    padding: .5rem .8rem .5rem 4.5rem;
    font-size: 0.85rem;
    border-bottom: 1px solid #dbe1e2; }
    .notifications-dropdown .notifications-dropdown__card--unread {
      background-color: #f4fef7; }
    .notifications-dropdown .notifications-dropdown__card:hover {
      text-decoration: none;
      background-color: #f6f6f6; }
    .notifications-dropdown .notifications-dropdown__card:before {
      content: '';
      position: absolute;
      background-repeat: no-repeat;
      top: .8rem;
      left: 1.25rem;
      width: 30px;
      height: 30px; }
    .notifications-dropdown .notifications-dropdown__card--new-message:before {
      background-image: url("/static/images/icons/notif-message-30.png");
      background-image: -webkit-image-set(url("/static/images/icons/notif-message-30.png") 1x, url("/static/images/icons/notif-message-60.png") 2x); }
    .notifications-dropdown .notifications-dropdown__card--new-offer:before {
      background-image: url("/static/images/icons/notif-offer-30.png");
      background-image: -webkit-image-set(url("/static/images/icons/notif-offer-30.png") 1x, url("/static/images/icons/notif-offer-60.png") 2x); }
    .notifications-dropdown .notifications-dropdown__card--performer:before {
      background-image: url("/static/images/icons/notif-performer-30.png");
      background-image: -webkit-image-set(url("/static/images/icons/notif-performer-30.png") 1x, url("/static/images/icons/notif-performer-60.png") 2x); }
    .notifications-dropdown .notifications-dropdown__card--new-review:before {
      background-image: url("/static/images/icons/notif-review-30.png");
      background-image: -webkit-image-set(url("/static/images/icons/notif-review-30.png") 1x, url("/static/images/icons/notif-review-60.png") 2x); }
    .notifications-dropdown .notifications-dropdown__card--invite:before {
      background-image: url("/static/images/icons/notif-invite-30.png");
      background-image: -webkit-image-set(url("/static/images/icons/notif-invite-30.png") 1x, url("/static/images/icons/notif-invite-60.png") 2x); }
  .notifications-dropdown .notifications-dropdown__card-data {
    color: #9b9b9b;
    font-size: 0.75rem; }
  .notifications-dropdown .notifications-dropdown__none {
    padding: 2rem 1.5rem;
    color: #9b9b9b;
    font-size: 0.85rem;
    text-align: center; }
    .notifications-dropdown .notifications-dropdown__none .notifications-dropdown__none-title {
      display: block;
      font-size: 1.1rem;
      margin-bottom: .4rem;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        .notifications-dropdown .notifications-dropdown__none .notifications-dropdown__none-title {
          font-size: .95rem; } }
    .notifications-dropdown .notifications-dropdown__none .notifications-dropdown__none-icon {
      display: inline-block;
      background-repeat: no-repeat;
      width: 50px;
      height: 50px;
      background-image: url("/static/images/icons/notif-50.png");
      background-image: -webkit-image-set(url("/static/images/icons/notif-50.png") 1x, url("/static/images/icons/notif-100.png") 2x); }

.master-moderated-none {
  text-align: center;
  justify-content: center; }

.dialogs-box {
  position: absolute;
  top: 66px;
  bottom: 0;
  left: 0;
  right: 0; }
  @media screen and (max-width: 767px) {
    .dialogs-box {
      top: 55px; } }
  .dialogs-box .container {
    height: 100%; }
    @media screen and (max-width: 767px) {
      .dialogs-box .container {
        padding: 0; } }
  .dialogs-box .dialogs-wrapper {
    height: 100%; }

.dialogs-btn__box {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 1rem; }
  @media screen and (max-width: 767px) {
    .dialogs-btn__box {
      margin-right: .5rem; } }
  .dialogs-btn__box .dialogs-btn__link {
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    cursor: pointer; }
    .dialogs-btn__box .dialogs-btn__link .dialogs-btn {
      position: relative;
      display: inline-block;
      background-repeat: no-repeat;
      width: 22px;
      height: 22px;
      opacity: .7;
      transition: transform .2s ease,opacity .2s ease;
      background-image: url("/static/images/icons/dialogs-22.png");
      background-image: -webkit-image-set(url("/static/images/icons/dialogs-22.png") 1x, url("/static/images/icons/dialogs-44.png") 2x); }
    .dialogs-btn__box .dialogs-btn__link:hover .dialogs-btn {
      opacity: 1; }
    .dialogs-btn__box .dialogs-btn__link--new:after {
      content: '';
      border-radius: 50%;
      background-color: #fb685c;
      width: 10px;
      height: 10px;
      position: absolute;
      top: -1px;
      right: 0; }

.dialogs-header {
  height: 65px;
  min-height: 65px; }
  .dialogs-header .dialogs-header__wrapper {
    height: 100%; }
  .dialogs-header .dialogs-header__title-box {
    padding: .5rem .8rem;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
    border-bottom: 1px solid #ececec; }
  .dialogs-header .dialogs-header__title {
    font-weight: bold; }
  .dialogs-header .dialogs-header__dialog-info {
    background-color: #fafbfc;
    border-right: 1px solid #f6f6f6;
    border-top: 0;
    padding: .5rem 1rem;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .dialogs-header .dialogs-header__dialog-info {
        padding: .5rem; } }
  .dialogs-header .dialogs-header__back-btn {
    margin-right: .5rem;
    min-width: 30px;
    height: 30px; }
    .dialogs-header .dialogs-header__back-btn .dialogs-header__back-btn-icon {
      display: block;
      position: relative;
      background-repeat: no-repeat;
      width: 30px;
      height: 30px;
      background-image: url("/static/images/icons/arrow-back-30.png");
      background-image: -webkit-image-set(url("/static/images/icons/arrow-back-30.png") 1x, url("/static/images/icons/arrow-back-60.png") 2x); }
  .dialogs-header .dialogs-header__avatar {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-right: 1rem; }
  .dialogs-header .dialogs-header__user {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .dialogs-header .dialogs-header__user-name {
    display: block;
    font-weight: bold;
    font-size: .9rem;
    color: #212529; }
  .dialogs-header .dialogs-header__user-online {
    padding-top: 0; }

.dialogs-list {
  overflow-y: auto;
  height: calc(100% - 65px);
  background-color: #f6f6f6; }
  @media screen and (max-width: 767px) {
    .dialogs-list {
      height: 100%; } }
  .dialogs-list .dialogs-list__none {
    padding: .7rem;
    color: #9b9b9b;
    font-size: 1rem; }
  .dialogs-list .dialogs-item {
    color: #212529;
    padding: .5rem;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6; }
    @media screen and (max-width: 767px) {
      .dialogs-list .dialogs-item {
        border-left: none; } }
    .dialogs-list .dialogs-item:hover {
      text-decoration: none;
      color: #212529;
      background-color: #fff; }
  .dialogs-list .dialogs-item__avatar-box .avatar-box-with-online__box {
    max-width: 50px; }
  .dialogs-list .dialogs-item__info {
    padding-left: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .dialogs-list .dialogs-item__general-info {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .dialogs-list .dialogs-item__name {
    font-size: .8rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .dialogs-list .dialogs-item__date {
    color: #9b9b9b;
    font-size: .65rem;
    text-align: right;
    width: 45px;
    min-width: 45px; }
  .dialogs-list .dialogs-item__last-message {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .dialogs-list .dialogs-item__last-message .dialogs-item__text {
      color: #9b9b9b;
      font-size: .8rem;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .dialogs-list .dialogs-item__last-message .dialogs-item__icon-out {
      margin-left: 1rem;
      background-repeat: no-repeat;
      width: 18px;
      height: 18px;
      min-width: 18px;
      background-image: url("/static/images/icons/ok-green-18.png");
      background-image: -webkit-image-set(url("/static/images/icons/ok-green-18.png") 1x, url("/static/images/icons/ok-green-36.png") 2x); }
      .dialogs-list .dialogs-item__last-message .dialogs-item__icon-out--read {
        background-image: url("/static/images/icons/ok-green-double-18.png");
        background-image: -webkit-image-set(url("/static/images/icons/ok-green-double-18.png") 1x, url("/static/images/icons/ok-green-double-36.png") 2x); }
    .dialogs-list .dialogs-item__last-message .dialogs-item__icon-in {
      position: relative;
      margin-left: 1rem;
      background-repeat: no-repeat;
      width: 18px;
      height: 18px;
      min-width: 18px;
      background-color: #5c89b8;
      border-radius: 50%; }
      .dialogs-list .dialogs-item__last-message .dialogs-item__icon-in .dialogs-item__icon-in-content {
        position: absolute;
        top: calc(50% - 5px);
        left: -1px;
        color: #fff;
        font-size: .74rem;
        line-height: .74rem;
        text-align: center;
        height: 12px;
        width: 18px; }
      .dialogs-list .dialogs-item__last-message .dialogs-item__icon-in--read {
        display: none; }

.dialog {
  border-right: 1px solid #f6f6f6;
  height: calc(100% - 65px); }
  .dialog .dialog__messages-box {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem;
    height: calc(100% - 52px);
    transition: .3s ease; }
    @media screen and (max-width: 767px) {
      .dialog .dialog__messages-box {
        padding: 1rem .5rem; } }
    .dialog .dialog__messages-box .dialog__scroll-box {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      min-height: 100%; }
  .dialog--pending .dialog__messages-box {
    display: flex;
    justify-content: center;
    padding-top: 2rem; }

.dialog-none {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3rem; }
  .dialog-none .dialog-none_content {
    color: #9b9b9b;
    max-width: 480px;
    text-align: center; }

.dialog-message {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem; }
  .dialog-message:last-child {
    margin-bottom: 0; }
  .dialog-message .dialog-message__box {
    position: relative;
    background-color: #eeeeee;
    padding: .5rem 1rem;
    border-radius: 10px;
    margin-bottom: 2px;
    margin-right: 13px;
    margin-left: 13px; }
    .dialog-message .dialog-message__box .dialog-message__text {
      font-size: .9rem;
      white-space: pre-wrap;
      word-break: break-word;
      word-wrap: break-word; }
    @media screen and (max-width: 767px) {
      .dialog-message .dialog-message__box {
        margin-right: 0;
        margin-left: 0;
        padding: .5rem;
        font-size: .9rem; } }
    .dialog-message .dialog-message__box:before {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0; }
      @media screen and (max-width: 767px) {
        .dialog-message .dialog-message__box:before {
          display: none; } }
    .dialog-message .dialog-message__box:after {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0; }
      @media screen and (max-width: 767px) {
        .dialog-message .dialog-message__box:after {
          display: none; } }
  .dialog-message .dialog-message__info {
    display: flex;
    justify-content: end;
    height: 16px; }
  .dialog-message .dialog-message__status-icon {
    margin-right: .5rem;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    min-width: 18px; }
  .dialog-message .dialog-message__date {
    color: #9b9b9b;
    font-size: .7rem; }
  .dialog-message--in {
    align-items: flex-start; }
    .dialog-message--in .dialog-message__box {
      border-bottom-left-radius: 0;
      background-color: #f6f6f6;
      border: 1px solid #eeeeee; }
      .dialog-message--in .dialog-message__box:before {
        right: 100%;
        border-top: 13px solid transparent;
        border-right: 13px solid #eeeeee;
        bottom: -1px; }
      .dialog-message--in .dialog-message__box:after {
        right: 100%;
        border-top: 10px solid transparent;
        border-right: 10px solid #f6f6f6;
        bottom: 0; }
    .dialog-message--in .dialog-message__out-status-icon {
      display: none; }
    .dialog-message--in .dialog-message__in-status-icon {
      position: relative;
      margin-left: .3rem;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      min-width: 16px; }
      .dialog-message--in .dialog-message__in-status-icon:before {
        content: '';
        position: absolute;
        height: 8px;
        width: 8px;
        top: 4px;
        left: 4px;
        background-color: #5c89b8;
        border-radius: 50%; }
      .dialog-message--in .dialog-message__in-status-icon--read:before {
        content: none; }
  .dialog-message--out {
    align-items: flex-end; }
    .dialog-message--out .dialog-message__box {
      border-bottom-right-radius: 0;
      background-color: #f4fef7;
      border: 1px solid #d5eddd; }
      .dialog-message--out .dialog-message__box:before {
        left: 100%;
        border-top: 13px solid transparent;
        border-left: 13px solid #d5eddd;
        bottom: -1px; }
      .dialog-message--out .dialog-message__box:after {
        left: 100%;
        border-top: 10px solid transparent;
        border-left: 10px solid #f4fef7;
        bottom: 0; }
    .dialog-message--out .dialog-message__in-status-icon {
      display: none; }
    .dialog-message--out .dialog-message__out-status-icon {
      position: relative;
      margin-right: .3rem;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      min-width: 16px;
      background-image: url("/static/images/icons/ok-green-16.png");
      background-image: -webkit-image-set(url("/static/images/icons/ok-green-16.png") 1x, url("/static/images/icons/ok-green-32.png") 2x); }
      .dialog-message--out .dialog-message__out-status-icon--read {
        background-image: url("/static/images/icons/ok-green-double-16.png");
        background-image: -webkit-image-set(url("/static/images/icons/ok-green-double-16.png") 1x, url("/static/images/icons/ok-green-double-32.png") 2x); }

.dialog-form {
  display: flex;
  align-items: flex-end;
  padding: 0 1rem;
  padding-top: 7px;
  padding-bottom: 7px;
  max-height: 106px;
  height: 52px;
  border-top: 1px solid #f6f6f6;
  background-color: #fafbfc;
  transition: .3s ease; }
  @media screen and (max-width: 767px) {
    .dialog-form {
      padding: 0 .5rem;
      padding-top: 7px;
      padding-bottom: 7px; } }
  .dialog-form .dialog-form__textarea {
    overflow: hidden;
    overflow-wrap: break-word;
    resize: none;
    height: 38px;
    transition: .3s ease;
    font-size: .9rem; }
    .dialog-form .dialog-form__textarea--open {
      height: 76px; }

.dialog-form__send-box {
  width: 38px;
  min-width: 38px;
  margin-left: 1rem; }
  @media screen and (max-width: 767px) {
    .dialog-form__send-box {
      margin-left: .5rem; } }

.dialog-form__send-btn {
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  position: relative;
  background-position: 50%;
  cursor: pointer;
  background-image: url("/static/images/icons/send-30.png");
  background-image: -webkit-image-set(url("/static/images/icons/send-30.png") 1x, url("/static/images/icons/send-60.png") 2x); }
  .dialog-form__send-btn:hover {
    background-image: url("/static/images/icons/send-30-hover.png");
    background-image: -webkit-image-set(url("/static/images/icons/send-30-hover.png") 1x, url("/static/images/icons/send-60-hover.png") 2x); }

.menu-profile-info {
  padding: .8rem 1.2rem;
  background-color: #f6f6f6; }
  .menu-profile-info .menu-profile-info__name {
    font-size: .9rem;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
    .menu-profile-info .menu-profile-info__name:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 30px;
      background-image: -o-linear-gradient(0deg, rgba(40, 49, 60, 0) 0, #f6f6f6 100%);
      background-image: linear-gradient(90deg, rgba(40, 49, 60, 0) 0, #f6f6f6 100%); }

.account-type .account-type__date {
  font-size: .8rem;
  color: #9b9b9b;
  margin-left: .5rem; }

.account-type .account-type__link {
  font-size: .8rem;
  margin-left: .5rem; }

.account-type.mobile-menu__account-type .account-type__link {
  color: #9b9b9b; }

.account-type .badge {
  cursor: pointer; }

.account-type .donate-benefits__link {
  font-weight: bold;
  font-size: .8rem;
  color: #28A742; }
  .account-type .donate-benefits__link:hover {
    color: #218837;
    cursor: pointer; }

.donate-benefits__modal p {
  margin-bottom: 0; }

.donate-benefits__modal .modal-body {
  margin: 2rem 1rem; }
  @media screen and (max-width: 767px) {
    .donate-benefits__modal .modal-body {
      margin: 2rem 0; } }

.donate-benefits__modal .donate-benefits__modal-item {
  margin-bottom: 1.5rem; }
  .donate-benefits__modal .donate-benefits__modal-item--center {
    text-align: center; }

.donate-benefits__modal .donate-benefits__modal-title {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: .5rem; }

.donate-benefits__modal .donate-benefits__modal-btn-box {
  text-align: center; }

.donate-benefits__modal .donate-benefits__modal-btn {
  font-weight: bold;
  font-size: 1.4rem;
  padding: 1rem 2rem; }
  .donate-benefits__modal .donate-benefits__modal-btn span {
    display: block;
    font-size: 1rem;
    font-weight: normal; }
  @media screen and (max-width: 767px) {
    .donate-benefits__modal .donate-benefits__modal-btn {
      padding: 0.5rem 1.5rem; }
      .donate-benefits__modal .donate-benefits__modal-btn span {
        font-size: .88rem; } }

.donate-benefits__modal .donate-benefits__modal-close {
  text-decoration: underline;
  color: #007bff; }
  .donate-benefits__modal .donate-benefits__modal-close:hover {
    cursor: pointer;
    color: #0056b3; }

.billing-header {
  text-align: center; }
  .billing-header .billing-header__title {
    font-weight: bold;
    margin-top: 1rem; }

.billing-info {
  text-align: center; }
  .billing-info .billing-info__items {
    display: inline-block; }
  .billing-info .billing-info__item {
    display: flex;
    padding: 1rem;
    font-size: 1.2rem;
    border-bottom: 1px solid #9b9b9b; }
    @media screen and (max-width: 767px) {
      .billing-info .billing-info__item {
        font-size: 1rem; } }
    .billing-info .billing-info__item--bold {
      font-weight: bold;
      background-color: #f4fef7; }
  .billing-info .billing-info__item-title {
    text-align: left;
    font-weight: bold;
    min-width: 152px;
    margin-right: 1rem; }
  .billing-info .billing-info__item-body {
    text-align: left;
    margin-right: 1rem; }

.billing-paid {
  display: flex;
  justify-content: center; }
  .billing-paid .billing-paid__paid-text {
    font-size: 1.3rem;
    text-align: center;
    color: #9b9b9b;
    max-width: 500px; }

.billing-pay .billing-pay__spinner {
  min-height: 370px;
  text-align: center;
  margin-top: 1rem; }

.billing-pay .billing-pay__methods {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem; }

.billing-pay .billing-pay__or {
  color: #9b9b9b;
  margin: 1rem 0;
  font-weight: bold;
  font-size: 1.4rem; }

.billing-pay .billing-pay__card-btn {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  padding: .7rem 4rem; }
  @media screen and (max-width: 767px) {
    .billing-pay .billing-pay__card-btn {
      padding: .7rem 3rem; } }
  .billing-pay .billing-pay__card-btn .card-btn__desc {
    display: block;
    font-size: .9rem;
    font-weight: normal; }
  .billing-pay .billing-pay__card-btn .card-btn__icons {
    display: flex;
    justify-content: center; }
  .billing-pay .billing-pay__card-btn .card-btn__pay-visa {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    background-position: -1024px -63px;
    background-image: url("/static/images/pay/all-logo.png");
    width: 42px;
    height: 32px; }
  .billing-pay .billing-pay__card-btn .card-btn__pay-mastercard {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
    background-position: -1130px -65px;
    background-image: url("/static/images/pay/all-logo.png");
    width: 42px;
    height: 32px; }
  .billing-pay .billing-pay__card-btn .card-btn__pay-belcard {
    display: inline-block;
    vertical-align: middle;
    background-position: -1081px -63px;
    background-image: url("/static/images/pay/all-logo.png");
    width: 35px;
    height: 32px; }
  .billing-pay .billing-pay__card-btn .card-btn__pay-erip {
    display: inline-block;
    vertical-align: middle;
    background-position: -5px -57px;
    background-image: url("/static/images/pay/all-logo.png");
    width: 45px;
    height: 32px; }

.billing-pay .billing-pay__erip {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .billing-pay .billing-pay__erip .billing-pay__erip-title {
    font-weight: bold;
    margin-bottom: 2rem; }
  .billing-pay .billing-pay__erip .billing-pay__erip-subtitle {
    font-size: 1.2rem;
    margin-bottom: .3rem; }
  .billing-pay .billing-pay__erip .billing-pay__erip-id {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 3rem; }
  .billing-pay .billing-pay__erip .billing-pay__erip-help {
    max-width: 550px;
    background-color: #ececec;
    padding: 2rem;
    border-radius: 5px; }
    .billing-pay .billing-pay__erip .billing-pay__erip-help ol {
      padding-left: 1.3rem;
      font-size: .9rem; }
  .billing-pay .billing-pay__erip .billing-pay__erip-qr-box {
    margin: 1rem 0;
    display: flex;
    justify-content: center; }
  .billing-pay .billing-pay__erip .billing-pay__erip-info {
    margin-bottom: 0;
    font-size: .9rem;
    font-weight: bold; }

.premium-advantage__jumbotron {
  background-color: #5bb3ee;
  color: #fff;
  text-shadow: 1px 1px 1px #4e4e4e; }
  .premium-advantage__jumbotron h1 {
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .premium-advantage__jumbotron h1 {
        font-size: 2rem; } }
  @media screen and (max-width: 767px) {
    .premium-advantage__jumbotron h4 {
      font-size: 1.2rem; } }

.premium-advantage__item {
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    .premium-advantage__item .premium-advantage__item-icon,
    .premium-advantage__item .premium-advantage__item-body {
      text-align: center; } }
  .premium-advantage__item .premium-advantage__item-title {
    font-weight: bold;
    margin-bottom: .5rem; }

.premium-advantage__screenshot-header {
  text-align: center;
  margin-bottom: 1.5rem; }

.premium-advantage__screenshot {
  text-align: center;
  margin-bottom: 5rem; }

.premium-advantage__screenshot-profi-title {
  font-weight: bold; }

.premium-advantage__btn-box {
  text-align: center;
  margin-bottom: 4rem; }

.premium-advantage__btn-buy {
  font-weight: bold;
  font-size: 1.4rem;
  padding: 1rem 2rem; }
  .premium-advantage__btn-buy span {
    display: block;
    font-size: 1rem;
    font-weight: normal; }
  @media screen and (max-width: 767px) {
    .premium-advantage__btn-buy {
      padding: 0.5rem 1.5rem; }
      .premium-advantage__btn-buy span {
        font-size: .88rem; } }

.discount-page__header {
  background-color: #465566;
  color: #fff;
  margin-bottom: 4rem; }
  .discount-page__header .discount-page__header-title {
    color: #ffd400;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 5.2rem; }
    @media screen and (max-width: 767px) {
      .discount-page__header .discount-page__header-title {
        font-size: 4rem; } }
  .discount-page__header .discount-page__header-subtitle {
    text-transform: uppercase;
    font-size: 1.55rem; }

.discount-page__header-links {
  margin-top: 2rem;
  font-size: 1.4rem; }
  .discount-page__header-links a {
    color: #5bb3ee; }

.discount-page__card {
  margin-bottom: 2rem; }
  .discount-page__card .discount-page__card-box {
    position: relative;
    height: 100%;
    border: 2px solid #ececec;
    border-radius: 5px;
    padding: 1rem; }
  .discount-page__card .discount-page__card-info {
    padding-left: .8rem; }
  .discount-page__card .discount-page__card-logo {
    border-radius: .25rem;
    max-width: 100%;
    height: auto; }
  .discount-page__card .discount-page__card-title {
    font-weight: bold;
    font-size: 1.1rem;
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
    .discount-page__card .discount-page__card-title:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 60px;
      background-image: -o-linear-gradient(0deg, rgba(40, 49, 60, 0) 0, #fff 100%);
      background-image: linear-gradient(90deg, rgba(40, 49, 60, 0) 0, #fff 100%); }
  .discount-page__card .discount-page__card-link {
    color: #9b9b9b;
    font-size: .9rem; }
  .discount-page__card .discount-page__card-body {
    font-size: .9rem;
    margin-bottom: .3rem; }
  .discount-page__card .discount-page__card-master {
    background-color: #28a745;
    position: absolute;
    height: 40px;
    width: 40px;
    right: -2px;
    top: 20px;
    padding: 5px 8px;
    display: flex;
    justify-content: start;
    align-items: center; }
    .discount-page__card .discount-page__card-master .discount-page__card-master-text {
      display: none;
      flex-direction: column;
      color: white;
      font-size: .9rem;
      line-height: .9rem;
      margin-left: .5rem; }
    .discount-page__card .discount-page__card-master:hover {
      width: 130px; }
      .discount-page__card .discount-page__card-master:hover .discount-page__card-master-text {
        display: flex; }
    .discount-page__card .discount-page__card-master:before {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      left: -15px;
      border: 20px solid #28a745;
      border-left: 15px solid transparent;
      border-right: 0;
      bottom: 0; }

.discount-page__modal {
  text-align: center; }
  .discount-page__modal .discount-page__modal-body {
    padding: 2rem; }
  .discount-page__modal .discount-page__modal-name {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .discount-page__modal .discount-page__modal-name {
        font-size: 1.3rem; } }
  .discount-page__modal .discount-page__modal-method {
    font-size: 1.3rem;
    margin-bottom: 2rem; }
    @media screen and (max-width: 767px) {
      .discount-page__modal .discount-page__modal-method {
        font-size: 1.1rem; } }
  .discount-page__modal .discount-page__modal-conditions {
    margin-bottom: 2rem;
    color: #9b9b9b;
    font-size: .9rem; }
    .discount-page__modal .discount-page__modal-conditions p {
      margin-bottom: .1rem; }
    .discount-page__modal .discount-page__modal-conditions .discount-page__modal-conditions-btn {
      cursor: pointer;
      margin-bottom: 1rem; }
      .discount-page__modal .discount-page__modal-conditions .discount-page__modal-conditions-btn:hover {
        text-decoration: underline; }
    .discount-page__modal .discount-page__modal-conditions .discount-page__modal-conditions-body {
      text-align: left; }
  .discount-page__modal .discount-page__modal-sale {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #d4edda;
    padding: .5rem 2.5rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 2rem; }
    .discount-page__modal .discount-page__modal-sale:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 2rem;
      background-image: -o-linear-gradient(0deg, rgba(40, 49, 60, 0) 0, #fff 100%);
      background-image: linear-gradient(90deg, rgba(40, 49, 60, 0) 0, #fff 100%); }
    .discount-page__modal .discount-page__modal-sale:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 2rem;
      background-image: -o-linear-gradient(0deg, #fff 0, rgba(40, 49, 60, 0) 100%);
      background-image: linear-gradient(90deg, #fff 0, rgba(40, 49, 60, 0) 100%); }

.estimate-layout .estimate-layout__header {
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .estimate-layout .estimate-layout__header h4 {
      font-size: 1.3rem; } }

.estimate-layout .estimate-layout__header-desc {
  color: #9b9b9b;
  margin-bottom: .2rem; }
  @media screen and (max-width: 767px) {
    .estimate-layout .estimate-layout__header-desc {
      font-size: .8rem; } }

.estimate-btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.edit-estimate__base-info-box {
  padding: 10px 15px;
  background-color: #efefef;
  margin-bottom: 2rem;
  border-radius: .25rem; }

.edit-estimate-first-item {
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .edit-estimate-first-item {
      display: none; } }
  .edit-estimate-first-item .edit-estimate-first-item__box {
    font-size: .8rem;
    display: flex;
    align-items: center;
    padding-right: .5rem !important; }
    .edit-estimate-first-item .edit-estimate-first-item__box--total {
      padding-left: .5rem !important;
      padding-right: 0 !important; }
    .edit-estimate-first-item .edit-estimate-first-item__box .edit-estimate-first-item__box-volume {
      padding-left: 2px;
      display: inline-block;
      max-width: 102px;
      width: 100%; }

.edit-estimate-last-item .edit-estimate-last-item__total {
  display: flex;
  align-items: center;
  font-size: .8rem;
  padding-left: .5rem !important; }
  @media screen and (max-width: 767px) {
    .edit-estimate-last-item .edit-estimate-last-item__total {
      display: flex;
      justify-content: flex-end; } }

.edit-estimate-last-item .edit-estimate-last-item__total-label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: .8rem; }

.edit-estimate-add-item .settings-price-item__save-btn-mobile,
.edit-estimate-add-item .settings-price-item__save-btn {
  margin-right: .5rem; }

.edit-estimate-last-item__add-box {
  display: flex;
  align-items: center;
  font-size: .9rem; }
  .edit-estimate-last-item__add-box .edit-estimate-last-item__add-label {
    font-weight: bold; }
  @media screen and (max-width: 767px) {
    .edit-estimate-last-item__add-box {
      display: block;
      margin-bottom: 9px; }
      .edit-estimate-last-item__add-box .edit-estimate-last-item__add-label {
        display: block; } }
  .edit-estimate-last-item__add-box span {
    margin-right: .5rem; }
  .edit-estimate-last-item__add-box .edit-estimate-last-item__add-btn {
    opacity: .7;
    color: #007bff;
    text-decoration: underline; }
    .edit-estimate-last-item__add-box .edit-estimate-last-item__add-btn:hover {
      opacity: 1;
      color: #0056b3;
      cursor: pointer; }

.edit-estimate-values {
  display: flex;
  justify-content: start;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .edit-estimate-values {
      justify-content: flex-end; } }
  .edit-estimate-values .edit-estimate-values__input {
    max-width: 80px;
    font-size: 0.8rem; }
    .edit-estimate-values .edit-estimate-values__input--cost {
      max-width: 70px; }
    .edit-estimate-values .edit-estimate-values__input--volume {
      max-width: 90px;
      margin-right: 9px; }
    @media screen and (max-width: 767px) {
      .edit-estimate-values .edit-estimate-values__input {
        max-width: 110px; } }
    .edit-estimate-values .edit-estimate-values__input.invalid {
      border-color: lightcoral; }
    .edit-estimate-values .edit-estimate-values__input.warning {
      border-color: #f0be6b; }

.edit-estimate-total {
  font-size: .8rem;
  display: flex;
  align-items: center;
  padding-left: .5rem !important;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .edit-estimate-total {
      justify-content: flex-end;
      padding-left: 0 !important;
      margin-top: .5rem; } }
  @media screen and (min-width: 768px) {
    .edit-estimate-total .edit-estimate-total__mobile-label {
      display: none; } }

@media screen and (max-width: 767px) {
  .edit-estimate-add-price__modal {
    margin: 0; }
    .edit-estimate-add-price__modal .modal-title {
      font-size: 1rem; }
    .edit-estimate-add-price__modal .modal-content {
      border-radius: 0;
      border: 0; }
    .edit-estimate-add-price__modal .modal-body {
      padding-left: 0;
      padding-right: 0; } }

.edit-estimate-add-price__modal .edit-estimate-add-price__modal-body {
  background-color: #f5f5f5; }

.edit-estimate-add-price__modal .edit-estimate-add-price__modal-btn-box {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem; }
  @media screen and (max-width: 767px) {
    .edit-estimate-add-price__modal .edit-estimate-add-price__modal-btn-box {
      justify-content: center; } }
  .edit-estimate-add-price__modal .edit-estimate-add-price__modal-btn-box .btn + .btn {
    margin-left: 1rem; }
  @media screen and (max-width: 767px) {
    .edit-estimate-add-price__modal .edit-estimate-add-price__modal-btn-box .edit-estimate-add-price__mobile-invisible {
      display: none; } }

.edit-estimate__legal-info-box {
  display: none;
  margin-top: 1rem; }
  .edit-estimate__legal-info-box--open {
    display: block; }
  .edit-estimate__legal-info-box .edit-estimate__legal-info-box-help {
    color: #9b9b9b;
    font-size: .9rem; }

.edit-estimate__legal-info-toggle-box .edit-estimate__legal-info-toggle {
  color: #007bff;
  text-decoration: underline;
  opacity: .7; }
  .edit-estimate__legal-info-toggle-box .edit-estimate__legal-info-toggle:hover {
    color: #0056b3;
    cursor: pointer;
    opacity: 1; }

.estimate-header {
  margin-bottom: 2rem; }
  .estimate-header p {
    margin-bottom: 0; }

.estimate-header__btn-box {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem; }
  @media screen and (max-width: 767px) {
    .estimate-header__btn-box {
      justify-content: center; } }

.estimate-header__title-box {
  text-align: center;
  margin-bottom: 2rem; }
  .estimate-header__title-box .estimate-header__title {
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .estimate-header__title-box .estimate-header__title {
        font-size: 1.2rem; } }
  @media screen and (max-width: 767px) {
    .estimate-header__title-box .estimate-header__object {
      font-size: 1.1rem; } }

.estimate-header__legal {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .estimate-header__legal {
      justify-content: start; }
      .estimate-header__legal .estimate-header__legal-box {
        min-width: 0;
        margin-bottom: 1rem; } }
  .estimate-header__legal .estimate-header__legal-box {
    min-width: 330px; }

.estimate-price-box {
  margin-bottom: 2rem; }

.estimate-price-box__header {
  background-color: #dce1e2;
  padding: 10px 15px;
  cursor: pointer;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem; }

.estimate-price-box__name-box {
  display: flex;
  justify-content: left;
  align-items: center; }

.estimate-price-box__items {
  background-color: #f5f5f5;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem; }

.estimate-price-item {
  padding: 7px 15px;
  min-height: 44px;
  overflow: hidden; }
  .estimate-price-item:nth-child(even) {
    background-color: #efefef; }
  .estimate-price-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem; }
  @media screen and (max-width: 767px) {
    .estimate-price-item {
      flex-direction: column;
      align-items: flex-start; } }

.estimate-price-item__container {
  min-height: 29px; }

.estimate-price-item__box {
  display: flex;
  align-items: center;
  font-size: .9rem;
  padding-right: .5rem !important; }
  @media screen and (min-width: 768px) {
    .estimate-price-item__box .estimate-price-item__box-mobile-label {
      display: none; } }
  @media screen and (min-width: 768px) {
    .estimate-price-item__box .estimate-price-item__box-mobile-measure {
      display: none; } }

@media screen and (max-width: 767px) {
  .estimate-price-item__measure {
    display: none; } }

@media screen and (max-width: 767px) {
  .estimate-price-item__cost {
    justify-content: flex-end; } }

.estimate-price-item__total {
  padding-left: 0 !important;
  margin-top: .2rem; }

@media screen and (max-width: 767px) {
  .estimate-price-item__cost,
  .estimate-price-item__volume,
  .estimate-price-item__total {
    font-size: .8rem; } }

.estimate-price-item__first {
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .estimate-price-item__first {
      display: none; } }
  .estimate-price-item__first .edit-estimate-first-item__box {
    font-size: .8rem;
    display: flex;
    align-items: center;
    padding-right: .5rem !important; }

.estimate-price-item__last .estimate-price-item__last-total {
  display: flex;
  align-items: center;
  font-size: .9rem; }
  @media screen and (max-width: 767px) {
    .estimate-price-item__last .estimate-price-item__last-total {
      display: flex;
      justify-content: flex-end; } }

.estimate-price-item__last .estimate-price-item__last-total-label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: .9rem;
  font-weight: bold;
  padding-right: .5rem !important; }
  @media screen and (max-width: 767px) {
    .estimate-price-item__last .estimate-price-item__last-total-label {
      padding-right: 0 !important; } }

.estimate-total {
  font-weight: bold;
  font-size: 1.3rem; }
  .estimate-total .estimate-total__container {
    padding: 0 15px; }
  .estimate-total .estimate-total__label {
    display: flex;
    justify-content: flex-end;
    padding-right: .5rem !important; }
    @media screen and (max-width: 767px) {
      .estimate-total .estimate-total__label {
        padding-right: 0rem !important; } }
  @media screen and (max-width: 767px) {
    .estimate-total .estimate-total__sum {
      display: flex;
      justify-content: flex-end;
      margin-bottom: .5rem; } }

.estimate-shared-modal .estimate-shared-modal__title {
  margin-bottom: 1rem;
  padding-left: .1rem; }

.estimate-shared-modal .estimate-shared-modal__input {
  color: #9b9b9b;
  font-size: .9rem; }

.estimate-shared-modal .estimate-shared-modal__info {
  margin-top: .5rem;
  color: #9b9b9b;
  font-size: .8rem;
  padding-left: .1rem; }
  .estimate-shared-modal .estimate-shared-modal__info p {
    margin-bottom: 0; }

.estimate-shared-modal .estimate-shared-modal__close-link {
  color: #007bff;
  text-decoration: underline; }
  .estimate-shared-modal .estimate-shared-modal__close-link:hover {
    color: #0056b3;
    cursor: pointer; }

.estimates-header .estimates-header__title-box {
  display: flex;
  align-items: center; }
  .estimates-header .estimates-header__title-box h4 {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .estimates-header .estimates-header__title-box h4 {
        font-size: 1.3rem; } }

.estimates-header .estimates-header__btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .estimates-header .estimates-header__btn-box {
      margin-top: .5rem;
      justify-content: space-between; } }
  .estimates-header .estimates-header__btn-box .btn + .btn {
    margin-left: 1rem; }

.estimates-item .estimates-item__box {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cecece; }

.estimates-item:last-of-type .estimates-item__box {
  border-bottom: none; }

.estimates-item .estimates-item__link {
  color: #212529;
  font-size: 1.3rem;
  font-weight: bold; }

.estimates-item .estimates-item__desc {
  color: #9b9b9b;
  margin-top: .3rem; }

.estimates-item .estimates-item__desc-item {
  margin-right: 1rem; }
  .estimates-item .estimates-item__desc-item:last-of-type {
    margin-right: 0; }

.estimates-item .estimates-item__total {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 1.5rem; }
  @media screen and (max-width: 767px) {
    .estimates-item .estimates-item__total {
      font-size: 1.2rem; } }

.estimates-list__empty {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #9b9b9b; }

.new-estimate__empty-price-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #9b9b9b;
  margin: 4rem 12rem; }
  @media screen and (max-width: 767px) {
    .new-estimate__empty-price-list {
      margin: 4rem 0; } }
  .new-estimate__empty-price-list h3 {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .new-estimate__empty-price-list h3 {
        font-size: 1.4rem; } }
  .new-estimate__empty-price-list h4 {
    text-align: center;
    margin-bottom: 1.5rem; }
    @media screen and (max-width: 767px) {
      .new-estimate__empty-price-list h4 {
        font-size: 1.2rem; } }

.user-category {
  margin-bottom: 1rem; }
  .user-category .user-category__wrap {
    box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
    border-radius: .7rem; }
  @media screen and (max-width: 767px) {
    .user-category {
      margin-bottom: .5rem; } }
  .user-category .user-category__body {
    display: none;
    padding: 10px 15px;
    border: 1px solid #dce1e2;
    border-bottom-left-radius: .7rem;
    border-bottom-right-radius: .7rem; }
  .user-category .user-category__title-box {
    background-color: #dce1e2;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: .7rem;
    font-weight: bold; }
  .user-category .user-category__count {
    font-size: .8rem;
    font-weight: normal;
    color: #888888; }
    .user-category .user-category__count .user-category__count-span {
      display: inline-block;
      margin-right: .5rem; }
      .user-category .user-category__count .user-category__count-span:last-child {
        margin-right: 0; }
  .user-category .user-category__header-arrow-box {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .user-category .user-category__header-arrow {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/static/images/category-box-arrows.png");
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(-90deg); }
  .user-category .user-category__subcategories-title {
    margin-bottom: .2rem;
    font-weight: bold; }
  .user-category .user-category__subcategories-item {
    margin-bottom: 3px;
    font-size: 0.9rem;
    margin-right: .8rem;
    color: #212529; }
    @media screen and (max-width: 767px) {
      .user-category .user-category__subcategories-item {
        font-size: 0.8rem; } }
  .user-category--open .user-category__body {
    display: flex; }
  .user-category--open .user-category__header-arrow {
    transform: rotate(90deg); }
  .user-category--open .user-category__title-box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.supporter__container {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.supporter-header {
  background-color: #64c178; }
  .supporter-header .supporter-header__title_box {
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 84, 139, 0.24);
    font-size: 2rem;
    margin-bottom: 1.5rem; }
    .supporter-header .supporter-header__title_box p {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .supporter-header .supporter-header__title_box {
        text-align: left;
        font-size: 2rem; } }
  .supporter-header .supporter-header__description_box {
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 84, 139, 0.24);
    font-size: 1.1rem; }
    @media screen and (max-width: 767px) {
      .supporter-header .supporter-header__description_box {
        text-align: left; } }
  .supporter-header .supporter-header__title-bold {
    font-weight: bold;
    font-size: 3rem; }
    @media screen and (max-width: 767px) {
      .supporter-header .supporter-header__title-bold {
        font-size: 3rem; } }
  @media screen and (max-width: 767px) {
    .supporter-header {
      padding-bottom: 0; } }

.supporter-buy-box {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin-top: 2rem;
  border-radius: .5rem;
  box-shadow: 0 2px 2px rgba(0, 84, 139, 0.24); }
  @media screen and (max-width: 767px) {
    .supporter-buy-box {
      padding-bottom: 1rem;
      border-radius: 0;
      box-shadow: none; } }
  .supporter-buy-box .supporter-buy-box__check_box {
    text-align: center; }
    @media screen and (max-width: 767px) {
      .supporter-buy-box .supporter-buy-box__check_box {
        margin-bottom: 1rem;
        text-align: left; } }
  .supporter-buy-box .pretty-checkbox label {
    font-size: 1.4rem; }
  .supporter-buy-box .supporter-buy-box__btn {
    margin-top: 3rem;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .supporter-buy-box .supporter-buy-box__btn {
        text-align: left;
        margin-top: 2rem; } }
    .supporter-buy-box .supporter-buy-box__btn .btn {
      font-weight: bold;
      font-size: 1.5rem; }
      .supporter-buy-box .supporter-buy-box__btn .btn span {
        font-size: 1.3rem;
        font-weight: normal;
        display: block; }

.supporter-advantage__header {
  margin-bottom: 2rem;
  margin-top: 2rem; }
  .supporter-advantage__header .supporter-advantage__btn-box {
    display: flex;
    justify-content: center;
    margin-top: 2rem; }
  .supporter-advantage__header .supporter-advantage__title {
    text-align: center;
    margin-bottom: 1rem; }
    @media screen and (max-width: 767px) {
      .supporter-advantage__header .supporter-advantage__title {
        font-size: 1.7rem; } }
  .supporter-advantage__header .supporter-advantage__desc {
    text-align: center;
    color: #9b9b9b;
    font-size: 1.2rem;
    margin: 0 8rem; }
    @media screen and (max-width: 767px) {
      .supporter-advantage__header .supporter-advantage__desc {
        margin: 0;
        font-size: 1rem; } }

.supporter-advantage {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1rem;
  padding: 2rem 2.5rem; }
  .supporter-advantage .supporter-advantage-icon {
    width: 70px;
    height: 70px;
    background-size: cover;
    margin-bottom: 1rem; }
    .supporter-advantage .supporter-advantage-icon--up {
      background-image: url("/static/images/icons/prem-up-100.png"); }
    .supporter-advantage .supporter-advantage-icon--badge {
      background-image: url("/static/images/icons/prem-badge-100.png"); }
    .supporter-advantage .supporter-advantage-icon--photo {
      background-image: url("/static/images/icons/prem-photo-100.png"); }
    .supporter-advantage .supporter-advantage-icon--list {
      background-image: url("/static/images/icons/prem-list-100.png"); }
  .supporter-advantage .supporter-advantage-big-icon {
    width: 60px;
    height: 60px;
    background-size: cover;
    margin-bottom: 1rem; }
    .supporter-advantage .supporter-advantage-big-icon--people {
      background-image: url("/static/images/icons/supporter/people-100.png"); }
    .supporter-advantage .supporter-advantage-big-icon--phone {
      background-image: url("/static/images/icons/supporter/phone-ringing-100.png"); }
    .supporter-advantage .supporter-advantage-big-icon--money {
      background-image: url("/static/images/icons/supporter/money-bag-100.png"); }
    .supporter-advantage .supporter-advantage-big-icon--seo {
      background-image: url("/static/images/icons/supporter/seo-100.png"); }
    .supporter-advantage .supporter-advantage-big-icon--devices {
      background-image: url("/static/images/icons/supporter/devices-100.png"); }
    .supporter-advantage .supporter-advantage-big-icon--orders {
      background-image: url("/static/images/icons/supporter/create-order-100.png"); }
  .supporter-advantage .supporter-advantage-title {
    font-weight: bold;
    font-size: 1.2rem; }

.avatar-badge {
  width: 35px;
  height: 35px;
  background-size: cover;
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 50%; }
  .avatar-badge:hover {
    z-index: 100; }
  .avatar-badge--big {
    width: 40px;
    height: 40px; }
  @media screen and (max-width: 767px) {
    .avatar-badge {
      width: 30px;
      height: 30px; } }
  .avatar-badge--premium {
    background-image: url("/static/images/icons/premium-badge-40.png");
    background-image: -webkit-image-set(url("/static/images/icons/premium-badge-40.png") 1x, url("/static/images/icons/premium-badge-80.png") 2x); }
  .avatar-badge--full {
    background-image: url("/static/images/icons/profile-badge-40.png");
    background-image: -webkit-image-set(url("/static/images/icons/profile-badge-40.png") 1x, url("/static/images/icons/profile-badge-80.png") 2x); }
  .avatar-badge + .avatar-badge {
    margin-left: -20px; }
    @media screen and (max-width: 767px) {
      .avatar-badge + .avatar-badge {
        margin-left: -14px; } }

.profile-btn-box {
  margin-top: .7rem; }

.profile-mobile-btn-box {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .profile-mobile-btn-box .profile-btn {
    width: 100%; }

.profile-btn {
  font-weight: bold;
  border-radius: .7rem;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background-color: #fff; }
  .profile-btn + .profile-btn {
    margin-left: .7rem; }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .profile-btn + .profile-btn {
        margin-left: .5rem; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .profile-btn {
      padding-left: .6rem;
      padding-right: .6rem; } }
  @media screen and (max-width: 991px) {
    .profile-btn {
      font-size: .9rem; } }

.contact-widget {
  background-color: #ffd400;
  padding-left: calc(.60rem + 20px);
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .contact-widget {
      padding-left: .6rem; } }
  .contact-widget:hover {
    background-color: #f6cb00; }
  .contact-widget:before {
    content: '';
    position: absolute;
    left: .60rem;
    top: calc(.375rem + 2px);
    width: 18px;
    height: 18px;
    background-size: cover;
    background-image: url("/static/images/icons/phone-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/phone-20.png") 1x, url("/static/images/icons/phone-40.png") 2x); }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .contact-widget:before {
        display: none; } }
  .contact-widget.btn-sm:before {
    top: .375rem; }

.invite-widget,
.message-widget {
  border-color: #cecece; }
  .invite-widget:hover,
  .message-widget:hover {
    border-color: #b7b7b7; }

.profile-widget-modal .profile-widget-modal__header {
  position: relative;
  padding: .5rem 2rem 1rem;
  text-align: center; }
  .profile-widget-modal .profile-widget-modal__header .profile-widget-modal__title {
    font-weight: bold; }
  .profile-widget-modal .profile-widget-modal__header .profile-widget-modal__close {
    position: absolute;
    right: .7rem;
    top: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    cursor: pointer; }
    .profile-widget-modal .profile-widget-modal__header .profile-widget-modal__close:hover {
      opacity: .75; }
    .profile-widget-modal .profile-widget-modal__header .profile-widget-modal__close:focus {
      outline: none; }

.profile-widget-modal .profile-widget-modal__footer {
  text-align: center;
  margin-top: .5rem; }
  .profile-widget-modal .profile-widget-modal__footer .btn {
    border-radius: .7rem;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    background-color: #fff; }
    .profile-widget-modal .profile-widget-modal__footer .btn + .btn {
      margin-left: .5rem; }
  .profile-widget-modal .profile-widget-modal__footer .profile-widget-modal__footer-close-btn {
    border-color: #cecece; }
    .profile-widget-modal .profile-widget-modal__footer .profile-widget-modal__footer-close-btn:hover {
      border-color: #b7b7b7; }
  .profile-widget-modal .profile-widget-modal__footer .profile-widget-modal__footer-success-btn {
    background-color: #ffd400;
    font-weight: bold; }
    .profile-widget-modal .profile-widget-modal__footer .profile-widget-modal__footer-success-btn:hover {
      background-color: #f6cb00; }

.contact-widget-modal {
  max-width: 400px; }
  .contact-widget-modal .contact-widget-modal__phone-box {
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: .3rem; }
    @media screen and (max-width: 767px) {
      .contact-widget-modal .contact-widget-modal__phone-box {
        font-size: 1.4rem; } }
    .contact-widget-modal .contact-widget-modal__phone-box .contact-widget-modal__phone-link {
      color: #212529; }
  .contact-widget-modal .contact-widget-modal__info-box,
  .contact-widget-modal .contact-widget-modal__time-box {
    color: #9b9b9b;
    text-align: center; }
  .contact-widget-modal .contact-widget-modal__links-box {
    text-align: center;
    margin-top: .5rem;
    margin-bottom: .25rem; }
    .contact-widget-modal .contact-widget-modal__links-box .contact-widget-modal__link {
      padding: .35rem .5rem;
      border-radius: .7rem;
      border: 2px solid #cecece;
      background-color: #fff;
      color: #212529;
      display: inline-flex;
      align-items: center;
      font-size: .9rem;
      line-height: .9rem;
      margin: .25rem .25rem; }
      .contact-widget-modal .contact-widget-modal__links-box .contact-widget-modal__link:hover {
        border-color: #b7b7b7;
        text-decoration: none; }
      .contact-widget-modal .contact-widget-modal__links-box .contact-widget-modal__link .contact-widget-modal__link-icon {
        margin-right: .3rem; }

.message-widget-modal .message-widget-modal__textarea textarea {
  font-size: .9rem; }

.message-widget-modal .message-widget-modal__is-send {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #9b9b9b; }
  .message-widget-modal .message-widget-modal__is-send p {
    margin-bottom: .5rem; }

.message-widget-modal .message-widget-modal__is-send-icon {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  margin: 1rem 0;
  background-image: url("/static/images/icons/send-message-50.png");
  background-image: -webkit-image-set(url("/static/images/icons/send-message-50.png") 1x, url("/static/images/icons/send-message-100.png") 2x); }

.message-widget-modal .message-widget-modal__full-form-title {
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-weight: bold; }

.message-widget-modal .message-widget-modal__help-box {
  color: #9b9b9b;
  font-style: italic;
  font-size: 0.9rem; }

.message-widget-modal .message-widget-modal__sms-send {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #9b9b9b;
  margin-bottom: 1rem; }
  @media screen and (min-width: 768px) {
    .message-widget-modal .message-widget-modal__sms-send {
      padding: 0 3rem; } }
  .message-widget-modal .message-widget-modal__sms-send .message-widget-modal__sms-send-title {
    font-weight: bold;
    font-size: 1rem; }
  .message-widget-modal .message-widget-modal__sms-send p {
    margin-bottom: 0;
    font-size: .85rem; }

.message-widget-modal .message-widget-modal__sms-icon {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-image: url("/static/images/icons/sms-50.png");
  background-image: -webkit-image-set(url("/static/images/icons/sms-50.png") 1x, url("/static/images/icons/sms-100.png") 2x); }

.contact-widget-box .contact-widget {
  width: 100%; }

.message-widget-box .message-widget {
  width: 100%; }

.invite-widget-box .invite-widget {
  width: 100%; }

.fcm-settings-info {
  font-size: .8rem;
  color: #28a745; }
  .fcm-settings-info--blocked {
    color: #dc3545; }
  .fcm-settings-info--error {
    color: #fc9400; }

.fcm-dialog-banner .fcm-dialog-banner__wrap {
  position: relative;
  background-color: #d4edda;
  color: #212529;
  font-size: .85rem;
  padding: .5rem;
  padding-right: 1.5rem;
  border-left: 1px solid #f6f6f6;
  border-right: 1px solid #f6f6f6;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .fcm-dialog-banner .fcm-dialog-banner__wrap {
      border-left: none; } }

.fcm-dialog-banner .fcm-dialog-banner__link {
  text-decoration: underline; }

.fcm-dialog-banner .fcm-dialog-banner__hide {
  display: block;
  position: absolute;
  right: .50rem;
  top: .25rem;
  font-size: 1.2rem;
  color: #9b9b9b; }
  .fcm-dialog-banner .fcm-dialog-banner__hide:hover {
    color: #212529; }

.fcm-dialog-banner__in-order {
  margin-bottom: 1rem; }

.forum-editor .ql-editor blockquote,
.forum-message-item blockquote,
.forum-new-message__preview-box blockquote {
  border-left: 4px solid #ccc;
  padding: 3px 0 3px 16px;
  margin-bottom: 0;
  margin-top: 0; }

.forum-editor .ql-editor {
  margin-bottom: 0.5rem;
  font-size: .9rem;
  height: auto;
  min-height: 200px;
  max-height: 600px; }

.forum-btn {
  border-radius: .7rem;
  border: 2px solid #ffd400;
  background-color: #fff;
  padding: .4rem .8rem;
  color: #212529;
  font-weight: bold; }
  .forum-btn:hover {
    border-color: #f6cb00;
    background-color: #fff;
    color: #212529; }

.forum-top-header {
  margin-bottom: 1rem; }
  .forum-top-header h1 {
    font-size: 1.6rem; }
    @media screen and (max-width: 767px) {
      .forum-top-header h1 {
        font-size: 1.4rem; } }
  .forum-top-header .forum-top-header__desc {
    font-style: italic;
    font-size: .9rem; }
  .forum-top-header .breadcrumb {
    padding: 0;
    margin-bottom: .1rem; }

.forum-group {
  margin-bottom: 1.5rem; }
  .forum-group .forum-group__wrap {
    box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
    border-radius: .7rem; }
  .forum-group .forum-group__header {
    background-color: #dce1e2;
    font-weight: bold;
    padding: 10px 15px;
    cursor: pointer;
    border-top-left-radius: .7rem;
    border-top-right-radius: .7rem; }

.forum-group__categories {
  padding: 0 15px; }

.forum-category {
  padding: 10px 0;
  border-bottom: 1px solid #dce1e2; }
  .forum-category:last-child {
    border: none; }
  .forum-category .forum-category__link {
    font-weight: normal; }
  .forum-category .forum-category__desc {
    font-size: .8rem;
    color: #9b9b9b; }
  .forum-category .forum-category__meta {
    font-size: .7rem; }

.forum-new-message__meta-point,
.forum-message-item__meta-point,
.forum-topic-item__meta-point,
.forum-category__meta-point {
  padding: 0 .25rem; }

.forum-topic-item__last-message,
.forum-category__last-message {
  font-size: .8rem; }
  @media screen and (max-width: 767px) {
    .forum-topic-item__last-message,
    .forum-category__last-message {
      display: flex;
      align-items: center; } }
  .forum-topic-item__last-message .last-message__author,
  .forum-topic-item__last-message .last-message__time,
  .forum-topic-item__last-message .last-message__topic,
  .forum-category__last-message .last-message__author,
  .forum-category__last-message .last-message__time,
  .forum-category__last-message .last-message__topic {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right; }
    @media screen and (max-width: 767px) {
      .forum-topic-item__last-message .last-message__author,
      .forum-topic-item__last-message .last-message__time,
      .forum-topic-item__last-message .last-message__topic,
      .forum-category__last-message .last-message__author,
      .forum-category__last-message .last-message__time,
      .forum-category__last-message .last-message__topic {
        text-align: left; } }
  .forum-topic-item__last-message .last-message__author,
  .forum-category__last-message .last-message__author {
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .forum-topic-item__last-message .last-message__author,
      .forum-category__last-message .last-message__author {
        max-width: 150px;
        margin-right: 5px;
        font-size: .7rem; } }
  @media screen and (max-width: 767px) {
    .forum-topic-item__last-message .last-message__topic,
    .forum-category__last-message .last-message__topic {
      max-width: 140px;
      margin-right: 5px;
      font-size: .7rem; } }
  .forum-topic-item__last-message .last-message__time,
  .forum-category__last-message .last-message__time {
    font-style: italic;
    font-size: .7rem; }

.forum-new-topic-box .forum-new-topic-box__header {
  display: none;
  padding: .7rem .8rem;
  font-weight: bold;
  background-color: #dce1e2;
  border-top-right-radius: .7rem;
  border-top-left-radius: .7rem; }

.forum-new-topic-box .forum-new-topic-box__form {
  display: none;
  margin-top: 1rem;
  padding: 0 .8rem 1rem .8rem; }

.forum-new-topic-box--show-form {
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
  border-radius: .7rem; }
  .forum-new-topic-box--show-form .forum-new-topic-box__toggle-btn {
    display: none; }
  .forum-new-topic-box--show-form .forum-new-topic-box__header,
  .forum-new-topic-box--show-form .forum-new-topic-box__form {
    display: block; }

.forum-new-topic-box .forum-new-topic-box__control {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.forum-new-topic-box .forum-new-topic-box__close {
  font-size: .8rem; }

.forum-topic-list .forum-topic-list__wrap {
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
  border-radius: .7rem; }

.forum-topic-items {
  padding: 5px 15px; }

.forum-topic-item {
  padding: 10px 0;
  border-bottom: 1px solid #dce1e2; }
  .forum-topic-item:last-child {
    border: none; }
  .forum-topic-item .forum-topic-item__meta {
    font-size: .8rem;
    display: flex;
    justify-content: flex-start; }
  .forum-topic-item .forum-topic-item__author-name {
    color: #9b9b9b;
    display: block;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .forum-topic-item--fixed .forum-topic-item__link {
    font-weight: bold; }

.forum-topic-item__page-pointer,
.forum-topic-item__page {
  padding-right: .15rem;
  padding-left: .15rem; }

.forum-message-list .forum-message-list__wrap {
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
  border-radius: .7rem; }

.forum-message-list .forum-message-items {
  padding: 5px 15px; }

.forum-message-item {
  padding: 20px 0;
  border-bottom: 1px solid #dce1e2; }
  .forum-message-item:last-child {
    border: none; }
  .forum-message-item .forum-message-item__header {
    margin-bottom: .5rem; }
  .forum-message-item .forum-message-item__avatar-link {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden; }
  .forum-message-item .forum-message-item__avatar-img {
    width: 100%;
    border-radius: 50%;
    height: auto; }
  .forum-message-item .forum-message-item__body {
    margin-left: 45px;
    font-size: .9rem !important;
    word-wrap: break-word;
    overflow: hidden; }
    .forum-message-item .forum-message-item__body p {
      margin-bottom: 0.4rem; }
    .forum-message-item .forum-message-item__body img {
      max-width: 100%; }
    @media screen and (max-width: 767px) {
      .forum-message-item .forum-message-item__body {
        margin-left: 0; } }
  .forum-message-item .forum-message-item__meta {
    display: inline-block;
    vertical-align: middle;
    font-size: .7rem;
    line-height: 1.4;
    color: #9b9b9b;
    width: calc(100% - 45px); }
  .forum-message-item .forum-message-item__meta-user {
    font-size: .8rem; }
  .forum-message-item .forum-message-item__meta-name {
    font-weight: bold;
    color: #212529; }
  .forum-message-item .forum-message-item__meta-id,
  .forum-message-item .forum-message-item__meta-date {
    font-style: italic; }
  .forum-message-item .forum-message-item__meta-ts {
    color: #64c178; }
  .forum-message-item .forum-message-item__control-panel {
    display: none;
    justify-content: flex-end;
    position: absolute;
    bottom: 9px;
    right: 5px; }
    .forum-message-item .forum-message-item__control-panel span {
      font-size: .8rem;
      line-height: 1.2;
      color: #007bff;
      cursor: pointer; }
      .forum-message-item .forum-message-item__control-panel span.forum-message-item__control-edit {
        color: #9b9b9b; }
        .forum-message-item .forum-message-item__control-panel span.forum-message-item__control-edit:hover {
          text-decoration: underline;
          color: #9b9b9b; }
      .forum-message-item .forum-message-item__control-panel span:hover {
        text-decoration: underline;
        color: #0056b3; }
      .forum-message-item .forum-message-item__control-panel span + span {
        margin-left: .5rem; }
  .forum-message-item:hover .forum-message-item__control-panel {
    display: flex; }
  .forum-message-item .forum-message-item__edit-box {
    margin-left: 45px; }
    .forum-message-item .forum-message-item__edit-box p {
      margin-bottom: .4rem; }
    @media screen and (max-width: 767px) {
      .forum-message-item .forum-message-item__edit-box {
        margin-left: 0; } }

.forum-message-edit .forum-message-edit__controller {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.forum-message-edit .forum-message-edit__cancel {
  color: #007bff;
  font-size: .9rem;
  margin-right: .5rem;
  cursor: pointer; }
  .forum-message-edit .forum-message-edit__cancel:hover {
    color: #0056b3;
    text-decoration: underline; }

.forum-new-message {
  margin-top: 1.5rem; }
  .forum-new-message .forum-new-message__wrap {
    box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
    border-radius: .7rem; }
  .forum-new-message .forum-new-message__header {
    padding: .7rem .8rem;
    font-weight: bold;
    background-color: #dce1e2;
    border-top-right-radius: .7rem;
    border-top-left-radius: .7rem; }
  .forum-new-message .forum-new-message__body {
    padding: .7rem .8rem; }
    .forum-new-message .forum-new-message__body--no-auth a {
      font-size: .875rem; }
      .forum-new-message .forum-new-message__body--no-auth a + a {
        margin-left: .75rem; }
  .forum-new-message .forum-new-message__form-header {
    margin-bottom: .7rem; }
  .forum-new-message .forum-new-message__avatar-box {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden; }
  .forum-new-message .forum-new-message__avatar-img {
    width: 100%;
    border-radius: 50%;
    height: auto; }
  .forum-new-message .forum-new-message__meta {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 45px); }
  .forum-new-message .forum-new-message__meta {
    font-size: .8rem;
    line-height: 1.4;
    color: #9b9b9b; }
  .forum-new-message .forum-new-message__meta-name {
    font-weight: bold;
    color: #212529; }
  .forum-new-message .forum-new-message__meta-id {
    font-style: italic; }
  .forum-new-message .forum-new-message__control {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .forum-new-message .forum-new-message__preview {
    margin-right: 1rem;
    color: #007bff;
    font-size: .9rem;
    cursor: pointer; }
    .forum-new-message .forum-new-message__preview:hover {
      color: #0056b3;
      text-decoration: underline; }
  .forum-new-message .forum-new-message__preview-box {
    display: none;
    margin-left: 45px;
    font-size: .9rem !important; }
    .forum-new-message .forum-new-message__preview-box p {
      margin-bottom: 0.4rem; }
    .forum-new-message .forum-new-message__preview-box img {
      max-width: 100%; }
    @media screen and (max-width: 767px) {
      .forum-new-message .forum-new-message__preview-box {
        margin-left: 0; } }
  .forum-new-message--preview .forum-new-message__preview-box {
    display: block; }
  .forum-new-message--preview .forum-new-message__form {
    display: none; }

.forum-live .forum-live__header {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px; }

.forum-live .forum-live-message {
  display: block;
  padding-top: .2rem;
  padding-bottom: .2rem;
  margin-top: .7rem;
  margin-bottom: .7rem; }
  .forum-live .forum-live-message:first-child {
    margin-top: 0; }
  .forum-live .forum-live-message:last-child {
    margin-bottom: 0; }
  .forum-live .forum-live-message:hover {
    text-decoration: none; }

.forum-live .forum-live-message__avatar {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 5px;
  overflow: hidden; }
  .forum-live .forum-live-message__avatar img {
    width: 100%;
    height: auto;
    border-radius: 50%; }

.forum-live .forum-live-message__name {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-size: .75rem;
  line-height: .75;
  color: #212529;
  width: calc(100% - 30px); }
  .forum-live .forum-live-message__name:hover {
    color: #0056b3; }

.forum-live .forum-live-message__body {
  overflow: hidden;
  word-wrap: break-word;
  font-size: .8rem;
  color: #212529;
  padding: 3px 0; }

.forum-live .forum-live-message__topic {
  font-weight: bold;
  font-size: .8rem;
  color: #212529; }
  .forum-live .forum-live-message__topic:hover {
    color: #0056b3; }

.forum-topic-controller {
  margin-top: 1rem; }

.profile-box {
  margin-top: 1.5rem; }
  .profile-box .profile-box__wrap {
    box-shadow: 0 0 5px rgba(94, 94, 94, 0.2);
    border-radius: .7rem; }
  .profile-box .profile-box__header {
    background-color: #dce1e2;
    font-weight: bold;
    padding: 10px 15px;
    cursor: pointer;
    border-top-left-radius: .7rem;
    border-top-right-radius: .7rem; }
  .profile-box .profile-box__items {
    padding: 0 15px; }
  .profile-box .profile-box__item {
    padding: 10px 0;
    border-bottom: 1px solid #dce1e2; }
    .profile-box .profile-box__item:last-child {
      border-bottom: none; }
  .profile-box .profile-box__footer {
    padding: 10px 15px; }
  .profile-box .profile-box__paginator button {
    cursor: pointer;
    border: 2px solid #cecece;
    font-weight: bold;
    border-radius: .7rem; }
    .profile-box .profile-box__paginator button:hover {
      border-color: #b7b7b7; }

.profile-order-card .profile-order-card__info {
  display: flex; }

.profile-order-card .profile-order-card__date {
  margin-left: .5rem;
  font-size: .8rem;
  color: #9b9b9b; }

.img-collection-carousel.forum-images {
  margin-left: 40px;
  margin-right: -5px;
  margin-bottom: 5px; }
  @media screen and (max-width: 767px) {
    .img-collection-carousel.forum-images {
      margin-left: -5px; } }

.img-collection-carousel .img-collection-carousel__item {
  padding: 5px; }
  .img-collection-carousel .img-collection-carousel__item img {
    width: 100%;
    height: auto;
    border-radius: .25rem;
    cursor: pointer; }

.top-banner {
  padding: 1px;
  background-color: #30c9ff; }
  .top-banner .container {
    display: flex;
    justify-content: center; }

/**
 * правила формирования названий иконок
 * icon-название-размер-hover
 * hover - добавлять когда иконка меняет цвет
 * файлы иконок называть также только без icon
 */
.icon {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat; }
  .icon.icon-clickable {
    cursor: pointer; }
  .icon.icon-inline {
    margin-right: 0.2rem; }
  .icon.icon-attention-24 {
    width: 24px;
    height: 24px;
    top: -2px;
    background: url("/static/images/icons/attention-24.png") no-repeat; }
  .icon.icon-geo-21 {
    width: 21px;
    height: 21px;
    top: -2px;
    background-image: url("/static/images/icons/geo-21px.png");
    background-image: -webkit-image-set(url("/static/images/icons/geo-21px.png") 1x, url("/static/images/icons/geo-42px.png") 2x); }
  .icon.icon-time-21 {
    width: 21px;
    height: 21px;
    top: -2px;
    background: url("/static/images/icons/time-21.png") no-repeat; }
  .icon.icon-offers-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/offers-60.png") no-repeat; }
  .icon.icon-offers-gray-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/offers-gray-60.png") no-repeat; }
  .icon.icon-offer-ok-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/offer-ok-60.png") no-repeat; }
  .icon.icon-offer-from-master-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/offer-from-master-60.png") no-repeat; }
  .icon.icon-review-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/review-60.png") no-repeat; }
  .icon.icon-review-like-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/review-like-60.png") no-repeat; }
  .icon.icon-review-dislike-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/review-dislike-60.png") no-repeat; }
  .icon.icon-order-closed-60 {
    width: 60px;
    height: 60px;
    background: url("/static/images/icons/order-closed-60.png") no-repeat; }
  .icon.icon-review-like-24 {
    width: 24px;
    height: 24px;
    background-image: url("/static/images/icons/review-like-24.png");
    background-image: -webkit-image-set(url("/static/images/icons/review-like-24.png") 1x, url("/static/images/icons/review-like-48.png") 2x); }
  .icon.icon-review-dislike-24 {
    width: 24px;
    height: 24px;
    background-image: url("/static/images/icons/review-dislike-24.png");
    background-image: -webkit-image-set(url("/static/images/icons/review-dislike-24.png") 1x, url("/static/images/icons/review-dislike-48.png") 2x); }
  .icon.icon-offers-22 {
    width: 22px;
    height: 22px;
    background: url("/static/images/icons/file-22.png") no-repeat; }
  .icon.icon-ask-primary-30 {
    width: 30px;
    height: 30px;
    background: url("/static/images/icons/ask-primary-30.png") no-repeat; }
  .icon.icon-danger-30 {
    width: 30px;
    height: 30px;
    background: url("/static/images/icons/danger-30.png") no-repeat; }
  .icon.icon-up-16 {
    width: 16px;
    height: 16px;
    background-image: url("/static/images/icons/up-16.png");
    background-image: -webkit-image-set(url("/static/images/icons/up-16.png") 1x, url("/static/images/icons/up-32.png") 2x); }
  .icon.icon-phone-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/phone-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/phone-20.png") 1x, url("/static/images/icons/phone-40.png") 2x); }
  .icon.icon-link-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/link-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/link-20.png") 1x, url("/static/images/icons/link-40.png") 2x); }
  .icon.icon-user-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/user-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/user-20.png") 1x, url("/static/images/icons/user-40.png") 2x); }
  .icon.icon-arrow-26 {
    width: 26px;
    height: 26px;
    background-image: url("/static/images/icons/arrow-26.png");
    background-image: -webkit-image-set(url("/static/images/icons/arrow-26.png") 1x, url("/static/images/icons/arrow-52.png") 2x); }
  .icon.icon-user-white-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/user-white-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/user-white-20.png") 1x, url("/static/images/icons/user-white-40.png") 2x); }
  .icon.icon-logout-white-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/logout-white-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/logout-white-20.png") 1x, url("/static/images/icons/logout-white-40.png") 2x); }
  .icon.icon-settings-white-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/settings-white-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/settings-white-20.png") 1x, url("/static/images/icons/settings-white-40.png") 2x); }
  .icon.icon-order-white-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/order-white-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/order-white-20.png") 1x, url("/static/images/icons/order-white-40.png") 2x); }
  .icon.icon-cross-white-26 {
    width: 26px;
    height: 26px;
    background-image: url("/static/images/icons/cross-white-26.png");
    background-image: -webkit-image-set(url("/static/images/icons/cross-white-26.png") 1x, url("/static/images/icons/cross-white-52.png") 2x); }
  .icon.icon-cross-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/cross-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/cross-20.png") 1x, url("/static/images/icons/cross-40.png") 2x); }
  .icon.icon-badge-16 {
    width: 16px;
    height: 16px;
    background-image: url("/static/images/icons/badge-16.png");
    background-image: -webkit-image-set(url("/static/images/icons/badge-16.png") 1x, url("/static/images/icons/badge-32.png") 2x); }
  .icon.icon-dialog-100 {
    width: 100px;
    height: 100px;
    background-image: url("/static/images/icons/dialogs-100.png"); }
  .icon.icon-dialog-fail-100 {
    width: 100px;
    height: 100px;
    background-image: url("/static/images/icons/dialogs-fail-100.png"); }
  .icon.icon-bill-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/bill-100.png") no-repeat; }
  .icon.icon-bill-ok-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/bill-ok-100.png") no-repeat; }
  .icon.icon-bill-no-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/bill-cancel-100.png") no-repeat; }
  .icon.icon-phone-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/phone-100.png") no-repeat; }
  .icon.icon-ads-off-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/ads-off-100.png") no-repeat; }
  .icon.icon-winner-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/winner-100.png") no-repeat; }
  .icon.icon-top-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/top-100.png") no-repeat; }
  .icon.icon-photo-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/photo-100.png") no-repeat; }
  .icon.icon-warning-100 {
    width: 100px;
    height: 100px;
    background: url("/static/images/icons/warning-100.png") no-repeat; }
  .icon.icon-discount-master-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/sale-master-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/sale-master-20.png") 1x, url("/static/images/icons/sale-master-40.png") 2x); }
  .icon.icon-edit-blue-16 {
    width: 16px;
    height: 16px;
    background-image: url("/static/images/icons/edit-blue-16.png");
    background-image: -webkit-image-set(url("/static/images/icons/edit-blue-16.png") 1x, url("/static/images/icons/edit-blue-32.png") 2x); }
  .icon.icon-delete-red-16 {
    width: 16px;
    height: 16px;
    background-image: url("/static/images/icons/delete-red-16.png");
    background-image: -webkit-image-set(url("/static/images/icons/delete-red-16.png") 1x, url("/static/images/icons/delete-red-32.png") 2x); }
  .icon.icon-save-white-16 {
    width: 16px;
    height: 16px;
    background-image: url("/static/images/icons/save-white-16.png");
    background-image: -webkit-image-set(url("/static/images/icons/save-white-16.png") 1x, url("/static/images/icons/save-white-32.png") 2x); }
  .icon.icon-estimate-white-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/estimate-white-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/estimate-white-20.png") 1x, url("/static/images/icons/estimate-white-40.png") 2x); }
  .icon.icon-ok-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/ok-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/ok-20.png") 1x, url("/static/images/icons/ok-40.png") 2x); }
  .icon.icon-vk-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/vk-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/vk-20.png") 1x, url("/static/images/icons/vk-40.png") 2x); }
  .icon.icon-inst-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/inst-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/inst-20.png") 1x, url("/static/images/icons/inst-40.png") 2x); }
  .icon.icon-youtube-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/youtube-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/youtube-20.png") 1x, url("/static/images/icons/youtube-40.png") 2x); }
  .icon.icon-web-20 {
    width: 20px;
    height: 20px;
    background-image: url("/static/images/icons/web-20.png");
    background-image: -webkit-image-set(url("/static/images/icons/web-20.png") 1x, url("/static/images/icons/web-40.png") 2x); }