@charset "UTF-8";
/* FONT TTCommons */
/* FONT Roboto, prefix s it's mean - secondary font  */
/*images*/
/*=======================START-MEDIA=====================*/
/*=======================END-MEDIA=====================*/
/* media breakpoint mixin */
/* Single property transition mixin */
/* how to use fonts mixin
  @include font("Lato", "LatoBold", "AcuminPro-Bold", "700", "normal")
*/
/* ------------- Roboto -------- */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  src: url("../fonts/roboto/Roboto-Regular.eot");
  src: url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-display: swap;
  font-family: 'RobotoMedium';
  src: url("../fonts/roboto/Roboto-Medium.eot");
  src: url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-display: swap;
  font-family: 'Circe';
  src: url("../fonts/circe/Circe-Regular.eot");
  src: url("../fonts/circe/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/circe/Circe-Regular.woff") format("woff"), url("../fonts/circe/Circe-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-display: swap;
  font-family: 'CirceBold';
  src: url("../fonts/circe/Circe-Bold.eot");
  src: url("../fonts/circe/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/circe/Circe-Bold.woff") format("woff"), url("../fonts/circe/Circe-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-display: swap;
  font-family: 'CirceExtraBold';
  src: url("../fonts/circe/Circe-ExtraBold.eot");
  src: url("../fonts/circe/Circe-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/circe/Circe-ExtraBold.woff") format("woff"), url("../fonts/circe/Circe-ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

body {
  text-rendering: optimizeLegibility;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

html, body {
  height: 100%; }

audio,
video {
  display: block; }

section {
  max-width: 100%; }

a {
  text-decoration: none; }
  a:focus {
    text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a img {
    border: none; }

ul, ol {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%;
  display: block;
  border-style: none; }

noscript div {
  position: relative;
  top: 0;
  background: #fff;
  z-index: 77777;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  padding: 50px;
  border: 3px solid red;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #707070; }

noscript div a {
  text-decoration: underline;
  color: blue; }

input,
textarea,
select {
  vertical-align: middle; }

form, fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
  width: 100%; }

input[type="text"],
input[type="file"],
input[type="password"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  resize: none;
  outline: none; }

input[type="email"] {
  box-shadow: none;
  -webkit-box-shadow: none; }

input[type="image"] {
  padding: 0;
  border: none; }

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="submit"],
input[type="button"] {
  cursor: pointer; }

input[type="submit"]:focus,
input[type="button"]:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button,
input[type=email]::-webkit-inner-spin-button,
input[type=email]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

button:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

button {
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

p, span, label, h1, h2, h3, h4, h5, h6, b, strong, i, em {
  max-width: 100%;
  word-wrap: break-word;
  margin: 0; }

@media only screen and (max-width: 1024px) {
  strong {
    font-family: 'CirceBold',sans-serif; } }

div {
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

iframe {
  border: none; }

input::-ms-clear {
  display: none; }

/* FONT TTCommons */
/* FONT Roboto, prefix s it's mean - secondary font  */
/*images*/
/*=======================START-MEDIA=====================*/
/*=======================END-MEDIA=====================*/
/* media breakpoint mixin */
/* Single property transition mixin */
/* how to use fonts mixin
  @include font("Lato", "LatoBold", "AcuminPro-Bold", "700", "normal")
*/
.no-scroll {
  overflow: hidden; }

body {
  min-width: 320px;
  margin: 0;
  font-family: 'Circe',sans-serif;
  font-size: 18px;
  line-height: 1.2;
  color: #161D39;
  background-color: #fff; }
  @media only screen and (max-width: 1440px) {
    body {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 17px; } }
  @media only screen and (max-width: 340px) {
    body {
      font-size: 14px; } }

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

.main {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-height: 72vh;
  z-index: 10; }

.decor {
  position: absolute;
  border-radius: 50%; }

.decor--pink {
  background-color: #FCE1EC; }

.decor--blue {
  background-color: #EEF3FA; }

.global-decor {
  background-color: #FCE1EC;
  top: 73px;
  left: 123px;
  z-index: -1;
  width: 85px;
  height: 85px; }
  @media only screen and (max-width: 1750px) {
    .global-decor {
      left: 80px; } }
  @media only screen and (max-width: 1600px) {
    .global-decor {
      left: 20px; } }
  @media only screen and (max-width: 1500px) {
    .global-decor {
      left: 10px; } }
  @media only screen and (max-width: 1440px) {
    .global-decor {
      left: 0; } }
  @media only screen and (max-width: 1199px) {
    .global-decor {
      left: 5px;
      width: 45px;
      height: 45px; } }
  @media only screen and (max-width: 1112px) {
    .global-decor {
      display: none; } }

.container {
  width: 100% !important;
  max-width: calc(1240px + 32px);
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px; }
  @media only screen and (max-width: 1440px) {
    .container {
      max-width: calc(1050px + 32px); } }
  @media only screen and (max-width: 1200px) {
    .container {
      max-width: calc(1024px + 32px); } }

.icon-decor {
  width: 93px;
  height: 93px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-image: url("../images/decors/icon-decor.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media only screen and (max-width: 1440px) {
    .icon-decor {
      width: 76px;
      height: 76px; } }
  @media only screen and (max-width: 330px) {
    .icon-decor {
      width: 65px;
      height: 65px; } }

.block-decor {
  position: absolute;
  top: 345px;
  left: -170px;
  width: 281px;
  height: 281px;
  border-radius: 50%;
  background-color: #EEF3FA;
  z-index: -1; }
  @media only screen and (max-width: 1440px) {
    .block-decor {
      width: 200px;
      height: 200px;
      left: -100px; } }
  @media only screen and (max-width: 767px) {
    .block-decor {
      top: 299px;
      width: 157px;
      height: 157px;
      left: -117px;
      display: none; } }

.main-block-decor {
  width: 150px;
  height: 150px;
  left: auto;
  right: 50px;
  position: absolute;
  top: 30%;
  z-index: -1; }
  @media only screen and (max-width: 1440px) {
    .main-block-decor {
      top: 32%;
      right: 10px;
      width: 130px; } }
  @media only screen and (max-width: 992px) {
    .main-block-decor {
      display: none; } }

.block-decor-2 {
  position: absolute;
  display: block;
  height: 260px;
  width: 95px;
  bottom: -360px;
  z-index: -1; }
  @media only screen and (max-width: 1440px) {
    .block-decor-2 {
      height: 190px;
      bottom: -300px; } }
  .block-decor-2 .big-circle {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: #FCE1EC;
    display: block; }
    @media only screen and (max-width: 1440px) {
      .block-decor-2 .big-circle {
        width: 75px;
        height: 75px; } }
  .block-decor-2 .small-circle {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: #FCE1EC;
    display: block;
    top: 115px;
    left: 20px;
    position: relative; }
    @media only screen and (max-width: 1440px) {
      .block-decor-2 .small-circle {
        width: 35px;
        height: 35px;
        top: 80px; } }
  @media only screen and (max-width: 1023px) {
    .block-decor-2 {
      display: none; } }

p {
  margin: 0 0 15px; }

.content ul {
  margin-bottom: 20px; }

.content li {
  position: relative;
  padding-left: 27px;
  margin-bottom: 10px; }
  .content li:last-child {
    margin-bottom: 0; }
  .content li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    background-image: url("../images/confirmation.svg");
    background-size: cover;
    background-repeat: no-repeat; }
    @media only screen and (max-width: 767px) {
      .content li:before {
        top: -3px; } }

h1, h2, h3, h4, h4, h6, .h1-title, .h2-title, .h3-title, .h4-title, .h5-title {
  display: block;
  font-family: 'CirceBold',sans-serif;
  line-height: 1;
  color: #161D39; }

.txt-uppercase {
  text-transform: uppercase; }

h1, .h1-title {
  font-size: 40px; }
  @media only screen and (max-width: 1440px) {
    h1, .h1-title {
      font-size: 36px; } }
  @media only screen and (max-width: 767px) {
    h1, .h1-title {
      font-size: 18px; } }

h2, .h2-title {
  font-size: 30px; }
  @media only screen and (max-width: 767px) {
    h2, .h2-title {
      font-size: 20px; } }

h3, .h3-title {
  font-size: 24px;
  line-height: 1.4; }
  @media only screen and (max-width: 767px) {
    h3, .h3-title {
      font-size: 16px;
      line-height: 1.3; } }

h4, .h4-title {
  font-size: 22px;
  line-height: 1.4; }
  @media only screen and (max-width: 767px) {
    h4, .h4-title {
      font-size: 18px;
      line-height: 1; } }

h5, .h5-title {
  font-size: 20px;
  line-height: 1.4; }
  @media only screen and (max-width: 1440px) {
    h5, .h5-title {
      font-size: 16px; } }

.block--styles {
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  background-color: #fff;
  border-radius: 7px; }

ul, li {
  list-style-type: none; }

.swiper-slide {
  height: initial; }

a {
  cursor: pointer; }

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

::-webkit-scrollbar-track {
  background-color: #fff; }

::-webkit-scrollbar-thumb {
  height: auto;
  background: #0087F8;
  width: 6px; }

::-moz-scrollbar {
  height: 1px;
  width: 6px; }

::-moz-scrollbar-track {
  background-color: #fff; }

::-moz-scrollbar-thumb {
  height: auto;
  background: #0087F8;
  width: 6px; }

::-ms-scrollbar {
  height: 1px;
  width: 6px; }

::-ms-scrollbar-track {
  background-color: #fff; }

::-ms-scrollbar-thumb {
  height: auto;
  background: #0087F8;
  width: 6px; }

.main-public .block-decor-2,
.main-order-executor .block-decor-2,
.find-main .block-decor-2 {
  top: 42%;
  right: 142px; }
  @media only screen and (max-width: 1440px) {
    .main-public .block-decor-2,
    .main-order-executor .block-decor-2,
    .find-main .block-decor-2 {
      right: 70px; } }

.inner__content img {
  display: block;
  margin: 0 auto 46px; }

.inner__content h1 {
  margin-bottom: 20px; }

.inner__content h2 {
  margin-bottom: 16px; }

.inner__content h4, .inner__content h3 {
  margin-bottom: 17px; }

.inner__content h6, .inner__content h5 {
  margin-bottom: 14px; }

.inner__content ol,
.inner__content ul {
  margin-bottom: 32px; }

.inner__content li {
  margin-bottom: 16px;
  color: #161D39;
  font-size: 14px;
  line-height: 20px; }

.inner__content ul li {
  position: relative;
  padding-left: 18px; }
  .inner__content ul li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #161D39; }

.inner__content a {
  color: #161D39; }

.inner__content ol {
  counter-reset: list1; }
  .inner__content ol li {
    position: relative;
    padding-left: 20px; }
    .inner__content ol li:before {
      counter-increment: list1;
      content: counter(list1) ". ";
      position: absolute;
      top: 0;
      left: 0; }
  .inner__content ol ol {
    counter-reset: list2; }
    .inner__content ol ol li:before {
      counter-increment: list2;
      content: counter(list1) "." counter(list2) "."; }

.fancybox-active .header__inner {
  z-index: 1; }
.upload-img {
  display: none;
  margin-top: 10px;
}
.input-container__file input {
  display: none;
}
.video__item {
  position: relative;
  display: block;
  max-width: 760px;
  margin: 0 auto 30px; }
  .video__item .btn__play {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
  .video__item:hover .btn__play {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
        -ms-transform: translate(-50%, -50%) scale(1.08);
            transform: translate(-50%, -50%) scale(1.08); }
  .video__item .icon-play {
    position: relative;
    right: -2px;
    color: #ED1C24;
    width: 22px;
    height: 22px; }

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor; }

.icon-arrow-left {
  font-size: 1.1rem;
  width: 0.81818em; }

.icon-arrow-right {
  font-size: 1.1rem;
  width: 0.81818em; }

.icon-bell {
  font-size: 2.6rem;
  width: 1em; }

.icon-camera {
  font-size: 1.9rem;
  width: 1em; }

.icon-camera2 {
  font-size: 2.2rem;
  width: 1em; }

.icon-check {
  font-size: 3.2rem;
  width: 1em; }

.icon-confirmation {
  font-size: 2.3rem;
  width: 1em; }

.icon-earth {
  font-size: 4.8748rem;
  width: 1.00002em; }

.icon-edit {
  font-size: 2rem;
  width: 1em; }

.icon-empty {
  font-size: 4.544rem;
  width: 1em; }

.icon-facebook {
  font-size: 1.3rem;
  width: 1em; }

.icon-instagram {
  font-size: 1.3rem;
  width: 1em; }

.icon-like {
  font-size: 2.2rem;
  width: 1em; }

.icon-play {
  font-size: 16.3861rem;
  width: 1em; }

.icon-telegram {
  font-size: 2.2rem;
  width: 1em; }

.icon-trash {
  font-size: 1.8rem;
  width: 1em; }

.icon-user-auth {
  font-size: 2.4rem;
  width: 1em; }

.icon-viber {
  font-size: 2.3rem;
  width: 1em; }

.icon-whatsapp {
  font-size: 2.4rem;
  width: 1em; }

@font-face {
  font-family: "Icons";
  src: url("../fonts/Icons.eot");
  src: url("../fonts/Icons.eot?#iefix") format("eot"), url("../fonts/Icons.woff") format("woff"), url("../fonts/Icons.ttf") format("truetype"), url("../fonts/Icons.svg#Icons") format("svg"); }


.icon-check:before {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }


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

.text-no-wrap {
  white-space: nowrap; }

.btn--full-reset {
  padding: 0;
  border: 0;
  background-color: transparent; }

.text-clip {
  white-space: nowrap;
  /* Отменяем перенос текста */
  overflow: hidden;
  /* Обрезаем содержимое */
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

.block {
  display: block; }

.disabled {
  pointer-events: none; }

.grid {
  display: grid; }

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

.bg--properties {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }

.bg--gray {
  background-color: #ccc; }

.flex-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

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

.input-container {
  position: relative;
  margin-bottom: 22px; }
  @media only screen and (max-width: 767px) {
    .input-container {
      margin-bottom: 15px; } }
#modalYouPasport .input-container__file:before {
  right: auto;
  left: 0;
}

@media (max-width: 1024px) {
  .input-container:before {
    white-space: nowrap;
  }
}
  .input-container:before {
    content: attr(data-error);
    position: absolute;
    top: 101%;
    right: 0;
    font-size: 14px;
    line-height: 1.26;
    color: #ED1C24;
    font-family: 'Circe',sans-serif;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .input-container .text-error {
    line-height: 1.26;
    color: #ED1C24;
    font-size: 14px;
    text-align: right;
    opacity: 0;
    visibility: hidden; }
  .input-container.error .select2-selection,
  .input-container.error .form-control {
    border: 1px solid #fbebef;
    background-color: #fbebef;
    color: #ED1C24; }
  .input-container.error .checkbox span:before,
  .input-container.error .radio span:before {
    border-color: #ED1C24; }
  .input-container.error .checkbox span,
  .input-container.error .checkbox span a {
    color: #ED1C24; }
  .input-container.error:before {
    opacity: 1;
    visibility: visible; }
  .input-container.error .text-error {
    opacity: 1;
    visibility: visible; }
  .input-container.pass .select2-selection,
  .input-container.pass .form-control {
    border: 1px solid #d8fbea;
    background-color: #d8fbea; }
  .input-container.pass [type=radio]:checked + span,
  .input-container.pass [type=checkbox]:checked + span,
  .input-container.pass [type=radio]:checked + span a,
  .input-container.pass [type=checkbox]:checked + span a {
    color: #586587; }
    .input-container.pass [type=radio]:checked + span:before,
    .input-container.pass [type=checkbox]:checked + span:before,
    .input-container.pass [type=radio]:checked + span a:before,
    .input-container.pass [type=checkbox]:checked + span a:before {
      border-color: #0087F8; }
  .input-container.pass [type=radio]:checked + span:after,
  .input-container.pass [type=checkbox]:checked + span:after {
    border-color: #0087F8; }
.input-container .checkbox a {
  text-decoration: underline;
  color: #0d95e8;
}
.list-password .valid {
  color: #08BC66;
}

.list-password .valid:before {
  color: #08BC66;
}

.list-password .invalid {
  color: #ED1C24;
}

.list-password .invalid:before {
  color: #ED1C24;
}

.nav-form__input-container:after,
.checkbox-container:after {
  display: none; }

.checkbox-container .checkbox:last-child label {
  margin-bottom: 0; }

label {
  display: inline-block;
  line-height: 29px; }
  @media only screen and (max-width: 767px) {
    label {
      line-height: 21px; } }

.form-control,
textarea,
select {
  width: 100%;
  height: 52px;
  padding: 6px 16px;
  margin: 0;
  font-family: 'Circe',sans-serif;
  font-size: 17px;
  line-height: 1.5;
  color: #161D39;
  background: #FAFBFD;
  border: 1px solid #CFD8EC;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: border-color 0.3s, border-width 0.3s;
  -o-transition: border-color 0.3s, border-width 0.3s;
  transition: border-color 0.3s, border-width 0.3s; }
  @media only screen and (max-width: 1440px) {
    .form-control,
    textarea,
    select {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .form-control,
    textarea,
    select {
      height: 44px;
      font-size: 16px; } }
  @media only screen and (max-width: 330px) {
    .form-control,
    textarea,
    select {
      height: 40px;
      font-size: 14px; } }
  .form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    font-size: 16px;
    -webkit-transition: opacity .1s;
    transition: opacity .1s; }
  .form-control::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    font-size: 16px;
    -moz-transition: opacity .1s;
    transition: opacity .1s; }
  .form-control:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    font-size: 16px;
    -ms-transition: opacity .1s;
    transition: opacity .1s; }
  .form-control::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
    font-size: 16px;
    -ms-transition: opacity .1s;
    transition: opacity .1s; }
  .form-control::placeholder,
  textarea::placeholder,
  select::placeholder {
    font-size: 16px;
    -webkit-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s; }
    @media only screen and (max-width: 1440px) {
      .form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
        font-size: 15px; }
      .form-control::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
        font-size: 15px; }
      .form-control:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
        font-size: 15px; }
      .form-control::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
        font-size: 15px; }
      .form-control::placeholder,
      textarea::placeholder,
      select::placeholder {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
        font-size: 16px; }
      .form-control::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
        font-size: 16px; }
      .form-control:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
        font-size: 16px; }
      .form-control::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
        font-size: 16px; }
      .form-control::placeholder,
      textarea::placeholder,
      select::placeholder {
        font-size: 16px; } }
    @media only screen and (max-width: 330px) {
      .form-control::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
        font-size: 15px; }
      .form-control::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
        font-size: 15px; }
      .form-control:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
        font-size: 15px; }
      .form-control::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder {
        font-size: 15px; }
      .form-control::placeholder,
      textarea::placeholder,
      select::placeholder {
        font-size: 15px; } }
  .form-control:focus,
  textarea:focus,
  select:focus {
    outline: 0;
    border-color: #586587; }
    .form-control:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder {
      opacity: 0; }
    .form-control:focus::-moz-placeholder, textarea:focus::-moz-placeholder, select:focus::-moz-placeholder {
      opacity: 0; }
    .form-control:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder {
      opacity: 0; }
    .form-control:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder {
      opacity: 0; }
    .form-control:focus::placeholder,
    textarea:focus::placeholder,
    select:focus::placeholder {
      opacity: 0; }
    .form-control:focus .select2-container--default .select2-selection--single,
    textarea:focus .select2-container--default .select2-selection--single,
    select:focus .select2-container--default .select2-selection--single {
      border-color: #586587; }

.form-control--rounded {
  border-radius: 50px; }

textarea.form-control {
  min-height: 128px; }

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #586587 !important; }

textarea:-moz-placeholder,
input:-moz-placeholder {
  color: #586587 !important; }

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: #586587 !important; }

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #586587 !important; }

textarea[placeholder] {
  color: #161D39 !important; }

.select2-container--services,
.select2-container--default .select2-selection--single {
  height: 52px;
  border: 1px solid #CFD8EC;
  border-radius: 5px;
  background-color: #FAFBFD; }
  @media only screen and (max-width: 767px) {
    .select2-container--services,
    .select2-container--default .select2-selection--single {
      height: 40px; } }
  .select2-container--services:focus,
  .select2-container--default .select2-selection--single:focus {
    outline: 0;
    border-color: #586587; }

.select2-container {
  width: 100%;
  padding: 0 !important;
  font-size: 16px;
  line-height: 1.5;
  border: 0 !important;
  z-index: 9999; }
  @media only screen and (max-width: 767px) {
    .select2-container {
      font-size: 14px; } }

.select2-container--services .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  width: 11px;
  height: 7px;
  right: 23px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }
  @media only screen and (max-width: 767px) {
    .select2-container--services .select2-selection--single .select2-selection__arrow,
    .select2-container--default .select2-selection--single .select2-selection__arrow {
      right: 14px; } }
  .select2-container--services .select2-selection--single .select2-selection__arrow:after,
  .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: url("../images/caret-down.svg");
    background-size: 100%;
    background-repeat: no-repeat; }
  .select2-container--services .select2-selection--single .select2-selection__arrow b,
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none; }

.select2-container--services.select2-container--open .select2-selection__arrow,
.select2-container.select2-container--open .select2-selection__arrow {
  -webkit-transform: translateY(-50%) rotateX(180deg);
          transform: translateY(-50%) rotateX(180deg); }

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

.select2-container.select2-container--services .select2-results__option--highlighted[aria-selected],
.select2-container.select2-container--services .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  color: #161D39;
  background-color: #ccc; }

.select2-container--services .select2-results > .select2-results__options,
.select2-container--default .select2-results > .select2-results__options {
  /*max-height: 151px;*/
  max-height: 100%;
  background-color: #fff;
  text-transform: initial;
  overflow: auto;
  -webkit-box-shadow: 0 4px 5px -2px rgba(22, 29, 57, 0.58);
          box-shadow: 0 4px 5px -2px rgba(22, 29, 57, 0.58); }

.select2-results__option {
  padding: 16px 20px;
  font-size: 16px;
  line-height: 1.33; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 52px;
  padding-left: 19px;
  padding-right: 36px;
  color: #161D39; }
  @media only screen and (max-width: 767px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 40px; } }

.select2-dropdown {
  border: 0;
  border-radius: 7px; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  -webkit-transform: translateY(-50%) rotateX(180deg);
          transform: translateY(-50%) rotateX(180deg); }

.select2-container--services {
  max-width: 78px;
  height: 34px;
  line-height: 34px;
  font-size: 18px; }
  @media only screen and (max-width: 767px) {
    .select2-container--services {
      font-size: 13px; } }
  .select2-container--services:focus {
    outline: 0; }

.select2-container.select2-container--services .select2-selection--single {
  height: 100%;
  border: 1px solid #CFD8EC;
  border-radius: 7px; }
  .select2-container.select2-container--services .select2-selection--single:focus {
    outline: 0;
    border-color: #586587; }

.select2-container--services .select2-selection--single .select2-selection__rendered {
  color: #586587; }
  @media only screen and (max-width: 767px) {
    .select2-container--services .select2-selection--single .select2-selection__rendered {
      padding-left: 13px; } }

.select2-container--services .select2-results__option {
  padding: 5px 10px; }

.select2-container--services .select2-selection--single .select2-selection__arrow {
  right: 12px; }
  .select2-container--services .select2-selection--single .select2-selection__arrow:after {
    width: 9px; }

input[type=checkbox],
input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  visibility: hidden; }

.checkbox,
.radio {
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  color: #161D39; }
  @media only screen and (max-width: 1440px) {
    .checkbox,
    .radio {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .checkbox,
    .radio {
      font-size: 17px;
      line-height: 1; } }
  @media only screen and (max-width: 330px) {
    .checkbox,
    .radio {
      font-size: 14px; } }
  .checkbox label span,
  .radio label span {
    cursor: pointer; }
    .checkbox label span:before, .checkbox label span:after,
    .radio label span:before,
    .radio label span:after {
      content: '';
      position: absolute; }
    .checkbox label span:after,
    .radio label span:after {
      opacity: 0; }
    .checkbox label span:before,
    .radio label span:before {
      top: 5px;
      left: 0;
      width: 16px;
      height: 16px;
      background-color: #fff;
      border-radius: 7px;
      border: 2px solid #586587;
      -webkit-transition-duration: 0.3s;
           -o-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-property: background-color, border-color;
      -o-transition-property: background-color, border-color;
      transition-property: background-color, border-color; }
      @media only screen and (max-width: 767px) {
        .checkbox label span:before,
        .radio label span:before {
          top: 1px; } }

@media only screen and (max-width: 767px) {
  #modalLogin .modal__row {
    flex-direction: column;
    margin-bottom: 20px;
  }
  #modalLogin .modal__row  .btn-outline--danger {
    margin-bottom: 15px;
  }
  .checkbox {
    margin-bottom: 10px; } }

.checkbox label span {
  padding-left: 29px;
  display: inline-block; }
  .checkbox label span:before {
    border-radius: 2px; }
  .checkbox label span:after {
    top: 9px;
    left: 6px;
    width: 4px;
    height: 7px;
    border-bottom: 2px solid #0087F8;
    border-right: 2px solid #0087F8;
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg); }
    @media only screen and (max-width: 767px) {
      .checkbox label span:after {
        top: 5px; } }

.radio label {
  padding-left: 40px;
  font-family: 'Roboto',sans-serif;
  font-size: 18px; }
  @media only screen and (max-width: 767px) {
    .radio label {
      font-size: 16px; } }
  .radio label:before {
    top: -3px;
    width: 24px;
    height: 24px;
    border-radius: 50%; }
    @media only screen and (max-width: 767px) {
      .radio label:before {
        top: -4px; } }
  .radio label:after {
    width: 8px;
    height: 8px;
    top: 5px;
    left: 8px;
    background-color: #fff;
    border-radius: 50%; }
    @media only screen and (max-width: 767px) {
      .radio label:after {
        top: 4px; } }

[type=radio]:checked + span:after,
[type=checkbox]:checked + span:after {
  opacity: 1; }

[type=checkbox]:hover + span:before,
[type=checkbox]:focus + span:before {
  border-color: #0087F8;
  color: #0087F8; }

.checkbox [type=radio]:checked + span,
.checkbox [type=radio]:checked + span a,
.checkbox [type=checkbox]:checked + span,
.checkbox [type=checkbox]:checked + span a {
  color: #586587; }
  .checkbox [type=radio]:checked + span:before,
  .checkbox [type=radio]:checked + span a:before,
  .checkbox [type=checkbox]:checked + span:before,
  .checkbox [type=checkbox]:checked + span a:before {
    border-color: #0087F8; }

legend {
  padding-left: 0;
  padding-right: 0; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s;
  transition: background-color 5000s;
  -webkit-text-fill-color: #161D39 !important; }

.form__file-upload .input-container {
  text-align: left;
  margin-bottom: 30px;
}
  .form__file-upload .input-container .upload-img {
    display: none;
    max-height: 150px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%; }
  .form__file-upload .input-container p {
    margin-bottom: 15px; }
  .form__file-upload .input-container input {
    display: none; }

@media only screen and (max-width: 767px) {
  .form__file-upload label.btn {
    padding-top: 7px;
    line-height: 14px;
    padding-bottom: 8px; }
  .form__file-upload .input-container .upload-img {
    position: relative;
    max-height: 100px;
    margin: 10px 0; }
  .form__file-upload .btn[type="submit"] {
    margin-top: 40px; } }

.btn {
  display: inline-block;
  padding: 11px 25px 12px;
  font-family: 'Roboto',sans-serif;
  font-size: 16px;
  line-height: 1.16;
  color: #fff;
  text-align: center;
  background-color: #ED1C24;
  border-radius: 50px;
  cursor: pointer; }
  @media only screen and (min-width: 1200px) {
    .btn {
      -webkit-transition-duration: 0.3s;
           -o-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-property: background-color, color, border-color;
      -o-transition-property: background-color, color, border-color;
      transition-property: background-color, color, border-color; }
      .btn:focus, .btn:hover {
        background-color: #ce262c;
        outline: none; } }
  @media only screen and (max-width: 767px) {
    .btn {
      padding-top: 12px;
      padding-bottom: 13px;
      line-height: 1.1; } }
  @media only screen and (max-width: 330px) {
    .btn {
      font-size: 14px; } }

.btn-outline--danger {
  color: #ED1C24;
  background-color: transparent;
  border: 2px solid #ED1C24; }
  @media only screen and (min-width: 1200px) {
    .btn-outline--danger:focus, .btn-outline--danger:hover {
      border: 2px solid #ce262c;
      color: #fff;
      background-color: #ce262c; } }

.btn-outline--blue {
  color: #0087F8;
  background-color: transparent;
  border: 2px solid #0087F8; }
  @media only screen and (min-width: 1200px) {
   .btn-outline--blue:hover {
      border: 2px solid #0087F8;
      color: #fff;
      background-color: #0087F8; }
    .btn-outline--blue:focus {
      background-color: transparent;
      color: #0087F8;
    }
  }

.btn-outline--grey {
  color: #586587;
  background-color: transparent;
  border: 2px solid #586587; }
  @media only screen and (min-width: 1200px) {
    .btn-outline--grey:focus, .btn-outline--grey:hover {
      border: 2px solid #586587;
      color: #fff;
      background-color: #586587; } }

.btn-outline--violet {
  color: #6745C6;
  background-color: transparent;
  border: 2px solid #6745C6; }
  @media only screen and (min-width: 1200px) {
     .btn-outline--violet:hover {
      border: 2px solid #6745C6;
      color: #fff;
      background-color: #6745C6; }
    .btn-outline--violet:focus {
      background-color: transparent;
      color: #6745C6;
    }
  }

.order-executor-btn-holder {
  margin-top: 40px;
  margin-bottom: 100px; }

.btn-outline--green {
  color: #08BC66;
  background-color: transparent;
  border: 2px solid #08BC66; }
  @media only screen and (min-width: 1200px) {
     .btn-outline--green:hover {
      border: 2px solid #08BC66;
      color: #fff;
      background-color: #08BC66; }
    .btn-outline--green:focus {
      background-color: transparent;
      color: #08BC66;
    }
  }

.btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px 12px; }
  .btn-icon svg {
    font-size: 18px;
    margin-right: 10px; }

.btn--disabled {
  pointer-events: none; }

.modal {
  display: none;
  width: 610px;
  padding: 54px 64px 50px;
  border: 2px solid #0087F8;
  border-radius: 7px; }
  @media only screen and (max-width: 767px) {
    .modal {
      padding: 41px 16px 23px;
      width: 100%;
      max-width: 610px; } }
  .modal .input-container label {
    margin-bottom: 9px; }
    @media only screen and (max-width: 767px) {
      .modal .input-container label {
        margin-bottom: 1px;
        line-height: 21px; } }
  .modal .checkbox {
    color: #161D39; }

.modal-auth .modal__title {
  margin-bottom: 62px; }
  @media only screen and (max-width: 1440px) {
    .modal-auth .modal__title {
      margin-bottom: 35px; } }
  @media only screen and (max-width: 767px) {
    .modal-auth .modal__title {
      margin-bottom: 15px; } }

.modal-auth .modal__btn-holder {
  margin-bottom: 32px; }
  @media only screen and (max-width: 767px) {
    .modal-auth .modal__btn-holder {
      margin-bottom: 23px; } }

.modal-auth .checkbox-container {
  margin-bottom: 44px; }
  @media only screen and (max-width: 767px) {
    .modal-auth .checkbox-container {
      margin-bottom: 25px; } }

.modal__btn-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .modal__btn-holder .btn:not(:last-child) {
    margin-right: 20px; }

.modal-login .modal__title {
  margin-bottom: 54px; }
  @media only screen and (max-width: 1440px) {
    .modal-login .modal__title {
      margin-bottom: 35px; } }
  @media only screen and (max-width: 767px) {
    .modal-login .modal__title {
      margin-bottom: 11px; } }

.modal-block--top-indent {
  margin-top: 41px; }
  @media only screen and (max-width: 767px) {
    .modal-block--top-indent {
      margin-top: 24px; } }

.modal-restore-password .modal__title {
  margin-bottom: 25px; }
  @media only screen and (max-width: 767px) {
    .modal-restore-password .modal__title {
      margin-bottom: 13px; } }

.modal-restore-password .modal__bottom-text-wrap {
  margin-top: 27px; }
.modal-dalete-task .modal__row .btn {
  margin-bottom: 15px;
}

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

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

.fancybox-slide--html {
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .modal__row {
      justify-content: center;
    }
    .fancybox-slide--html {
      padding-left: 16px;
      padding-right: 16px; } }

.modal__title {
  display: block;
  font-size: 22px;
  line-height: 1;
  color: #586587;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .modal__title {
      font-size: 16px;
      color: #161D39; } }

.modal__bottom-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 767px) {
    .modal__bottom-text-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.modal__link {
  position: relative;
  margin-left: 5px;
  color: #0087F8; }
  @media only screen and (max-width: 767px) {
    .modal__link {
      margin-left: 0;
      font-size: 14px; } }
  .modal__link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    height: 1px;
    background-color: #0087F8;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s; }
  .modal__link:focus:after, .modal__link:hover:after {
    background-color: transparent; }

.modal__text-holder {
  margin-bottom: 21px;
  color: #586587;
  text-align: center; }

.modal__text {
  display: block;
  margin-bottom: 37px; }
  @media only screen and (max-width: 767px) {
    .modal__text {
      margin-bottom: 20px;
      font-size: 16px; } }

.modal-choose-executor {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .modal-choose-executor {
      padding-bottom: 33px; } }
  .modal-choose-executor .btn {
    padding-left: 45px;
    padding-right: 45px; }

@media only screen and (min-width: 768px) {
  .modal-choose-yes {
    padding-left: 29px;
    padding-right: 29px; } }

.modal-choose-yes .h4-title {
  margin-bottom: 33px;
  font-family: 'Circe',sans-serif;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .modal-choose-yes .h4-title {
      margin-bottom: 17px; } }

.modal-choose-yes .public-user__name-holder,
.modal-choose-yes .public-user {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.modal-choose-yes .public-user__photo {
  margin-bottom: 13px; }

.modal-choose-yes .public-user {
  margin-bottom: 43px; }
  @media only screen and (max-width: 767px) {
    .modal-choose-yes .public-user {
      margin-bottom: 19px; } }

.modal-choose-yes .public-user__name {
  margin-bottom: 11px; }
  @media only screen and (max-width: 767px) {
    .modal-choose-yes .public-user__name {
      margin-bottom: 5px; } }

.modal-choose-yes .public-card__tel {
  margin-top: 6px; }

.modal-choose-yes .h5-title {
  margin-bottom: 18px; }
  @media only screen and (max-width: 767px) {
    .modal-choose-yes .h5-title {
      margin-bottom: 5px; } }

.modal-choose-yes .modal__bottom {
  padding-top: 29px;
  margin-bottom: 32px;
  border-top: 1px solid #D6DAE6; }
  @media only screen and (max-width: 767px) {
    .modal-choose-yes .modal__bottom {
      padding-top: 16px;
      margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .modal-choose-yes li {
    font-size: 15px; } }

.modal-choose-thank {
  text-align: center; }
  .modal-choose-thank .modal__text-holder {
    color: #161D39; }
    .modal-choose-thank .modal__text-holder span {
      display: block; }

.modal-proposal .h4-title,
.modal-choose-executor .h4-title,
.modal-task-complete .h4-title {
  font-family: 'Circe',sans-serif;
  text-align: center; }

.modal-task-complete .h5-title,
.modal-proposal .h5-title {
  margin-bottom: 17px; }
  @media only screen and (max-width: 767px) {
    .modal-task-complete .h5-title,
    .modal-proposal .h5-title {
      margin-bottom: 8px; } }

.modal-task-complete .input-container,
.modal-proposal .input-container {
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .modal-task-complete .input-container,
    .modal-proposal .input-container {
      margin-bottom: 19px; } }

.modal-task-complete textarea,
.modal-proposal textarea {
  min-height: 166px;
  padding: 18px 16px;
  line-height: 1; }
  @media only screen and (max-width: 767px) {
    .modal-task-complete textarea,
    .modal-proposal textarea {
      padding: 13px 12px; } }

@media only screen and (min-width: 768px) {
  .modal-task-complete {
    padding: 54px 30px 36px; } }

.modal-task-complete .h4-title {
  margin-bottom: 52px; }
  @media only screen and (max-width: 767px) {
    .modal-task-complete .h4-title {
      margin-bottom: 18px; } }

.modal-task-complete p {
  margin-bottom: 24px; }
  @media only screen and (max-width: 767px) {
    .modal-task-complete p {
      margin-bottom: 13px; } }

@media only screen and (min-width: 768px) {
  .modal-proposal {
    padding: 54px 30px 45px; } }

.modal-proposal .h4-title {
  margin-bottom: 33px; }
  @media only screen and (max-width: 767px) {
    .modal-proposal .h4-title {
      margin-bottom: 21px; } }

@media only screen and (max-width: 767px) {
  .modal-proposal .modal__inner > .h5-title {
    font-size: 14px; } }

@media only screen and (max-width: 767px) {
  .modal-proposal textarea {
    min-height: 194px; } }

.modal-proposal .order-currency {
  font-size: 18px;
  color: #161D39; }

.modal-proposal .order-item--width {
  max-width: 351px; }

.modal-proposal .modal-proposal__price-title {
  margin-bottom: 8px; }
  @media only screen and (max-width: 767px) {
    .modal-proposal .modal-proposal__price-title {
      margin-bottom: 12px; } }

.modal-proposal__price {
  display: block;
  margin-bottom: 40px;
  padding-bottom: 45px;
  font-family: 'CirceBold',sans-serif;
  font-size: 36px;
  line-height: 1.16;
  border-bottom: 1px solid #D6DAE6; }
  @media only screen and (max-width: 767px) {
    .modal-proposal__price {
      margin-bottom: 20px;
      padding-bottom: 25px;
      font-size: 18px; } }
  .modal-proposal__price span:first-child {
    margin-right: 5px; }

.modal__text-center {
  text-align: center; }

.modal-prohibited {
  max-width: 820px;
  width: 100%;
  text-align: center; }
  .modal-prohibited .h4-title {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .modal-prohibited .h4-title {
        margin-bottom: 15px; } }

.modal-phone-verified .h4-title {
  max-width: 255px;
  margin: 0 auto;
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .modal-phone-verified .h4-title {
      margin-bottom: 30px; } }

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

.modal-not-verified p {
  color: #161D39; }
  .modal-not-verified p a {
    color: #0087F8;
    text-decoration: underline; }

.modal-you-executor .main-block-decor {
  z-index: 0;
  left: 65px;
  top: 50%;
  height: 84px;
  width: 70px; }
  .modal-you-executor .main-block-decor .decor:first-child {
    width: 39px;
    height: 39px;
    left: 0; }
  .modal-you-executor .main-block-decor .decor:nth-child(2) {
    width: 18px;
    height: 18px; }
  .modal-you-executor .main-block-decor .decor:last-child {
    width: 10px;
    height: 10px; }
  @media only screen and (max-width: 992px) {
    .modal-you-executor .main-block-decor {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .modal-you-executor .main-block-decor {
      top: 30%;
      width: 51px;
      height: 55px;
      left: 10px; }
      .modal-you-executor .main-block-decor .decor:first-child {
        width: 30px;
        height: 30px; }
      .modal-you-executor .main-block-decor .decor:nth-child(2) {
        width: 14px;
        height: 14px; }
      .modal-you-executor .main-block-decor .decor:last-child {
        width: 6px;
        height: 6px; } }

.modal-you-executor .decor-right {
  width: 50px;
  height: 45px;
  position: absolute;
  right: 60px;
  top: 60%; }
  .modal-you-executor .decor-right .decor:nth-child(1) {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0; }
  .modal-you-executor .decor-right .decor:nth-child(2) {
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0; }
  @media only screen and (max-width: 767px) {
    .modal-you-executor .decor-right {
      right: 7px;
      top: 50%;
      width: 32px; }
      .modal-you-executor .decor-right .decor:nth-child(1) {
        width: 14px;
        height: 14px; }
      .modal-you-executor .decor-right .decor:nth-child(2) {
        width: 6px;
        height: 6px; } }

.modal-you-executor .modal-main-img {
  margin: 0 auto;
  max-width: 230px;
  width: 100%;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .modal-you-executor .modal-main-img {
    width: 70%;
  }
}

.modal-you-executor .modal__text-holder {
  margin-top: 15px;
}

.modal-you-executor p {
  margin-bottom: 0;
}

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

.modal-code-sms p {
  line-height: 105%;
  margin-bottom: 50px;
}

.modal-code-sms p span {
  color: #0087F8;
  text-decoration: underline;
  white-space: nowrap;
}

@media only screen and (max-width: 767px) {
  .modal-code-sms p {
    margin-bottom: 25px;
  }
}

.modal-code-sms .modal-input-code {
  border: none;
  padding: 5px;
  text-align: center;
  display: block;
  background: transparent;
  border-bottom: 1px solid #0087F8;
  max-width: 176px;
  width: 100%;
  margin: 0 auto 30px;
  font-size: 16px; }
  .modal-code-sms .modal-input-code:focus {
    outline: 0; }

@media only screen and (max-width: 400px) {
  .modal-code-sms .new-code {
    max-width: 80%;
    width: 100%;
    margin: 0 auto; } }

.modal-check-email .h4-title {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    .modal-check-email .h4-title {
      margin-bottom: 10px; } }

.modal-check-email a {
  color: #0087F8;
  text-decoration: underline;
  margin-bottom: 15px;
  display: inline-block;
  width:100%;
}

.modal-check-email p {
  color: #161D39; }

.modal-exit .h4-title {
  font-family: 'Circe',sans-serif;
  max-width: 400px;
  margin: 0 auto;
  line-height: 1;
  text-align: center; }
  .modal-exit .h4-title:last-of-type {
    margin-bottom: 25px; }

.modal-exit .btn {
  margin-right: 20px;
  margin-bottom: 12px; }
  .modal-exit .btn:last-child {
    margin-right: 0; }
  @media only screen and (max-width: 767px) {
    .modal-exit .btn {
      min-width: 200px;
      margin-right: 0; } }

.modal--mini {
  max-width: 465px;
  width: 100%;
  padding: 55px 35px; }

.modal-dalete-task .h4-title {
  max-width: 400px;
  margin: 0 auto;
  font-family: 'Circe',sans-serif;
  text-align: center; }
  .modal-dalete-task .h4-title:last-of-type {
    margin-bottom: 25px; }

.modal-dalete-task .btn {
  margin-bottom: 12px; }
  /*.modal-dalete-task .btn:last-child {*/
  /*  margin-bottom: 0; }*/
  @media only screen and (max-width: 767px) {
    .modal-dalete-task .btn {
      min-width: 200px; } }

.modal--xs {
  padding: 50px 60px;
  max-width: 330px;
  width: 100%; }
  .modal--xs .modal__row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .modal--xs .modal__row a,
    .modal--xs .modal__row button {
      min-width: 220px; }
      @media only screen and (max-width: 767px) {
        .modal--xs .modal__row a,
        .modal--xs .modal__row button {
          max-width: 220px;
          width: 100%; } }

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

.modal-r .main-block-decor {
  top: 30%; }

.modal-r .decor-right {
  top: 40%; }

.modal-r .modal-main-img {
  margin-bottom: 5px; }

.modal-r .btn {
  margin: 0 5px 12px; }

.modal-change-task {
  text-align: center; }
  .modal-change-task .h4-title {
    margin-bottom: 15px; }
  .modal-change-task .form-modal-checkbox .checkbox {
    text-align: left; }
    .modal-change-task .form-modal-checkbox .checkbox span {
      font-family: 'Circe',sans-serif; }
  .modal-change-task .form-modal-checkbox .btn {
    margin-top: 15px; }

.modal-no-task {
  text-align: center; }
  .modal-no-task .h4-title {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 15px; }
  .modal-no-task p {
    margin: 0 auto 35px;
    max-width: 335px;
    width: 100%;
    color: #586587; }

.modal-new-offers {
  text-align: center; }
  .modal-new-offers .h4-title {
    margin-bottom: 15px; }
  .modal-new-offers p {
    color: #586587; }

.modal-select-task {
  text-align: center;
  overflow: hidden; }
  .modal-select-task .h4-title {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 15px; }
  .modal-select-task .select2-container {
    max-width: 330px;
    width: 100% !important;
    margin-bottom: 30px;
    text-align: left; }
  .modal-select-task p {
    max-width: 360px;
    width: 100%;
    margin: 0 auto 40px;
    color: #586587; }

.modal-input {
  text-align: center; }
  .modal-input .h4-title {
    margin-bottom: 25px; }
  .modal-input .input-container {
    max-width: 350px;
    width: 100%;
    margin: 0 auto 20px; }
  .modal-input .btn {
    padding-left: 38px;
    padding-right: 38px; }
    @media only screen and (max-width: 767px) {
      .modal-input .btn {
        padding-left: 30px;
        padding-right: 30px; } }

.modal-social p {
  margin-bottom: 0; }
  .modal-social p:last-of-type {
    margin-bottom: 40px; }

@media only screen and (max-width: 767px) {
  .modal-social .btn-icon {
    min-width: 200px; } }

.modal--xl {
  max-width: 1220px;
  width: 98%;
  padding: 0; }
  .modal--xl .modal__holder {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .modal--xl .modal__holder {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
  .modal--xl .h4-title {
    font-family: 'Circe',sans-serif;
    line-height: 1;
    text-align: center;
    max-width: 285px;
    width: 100%;
    margin: 0 auto 15px; }
  .modal--xl .modal-part {
    width: calc(50% - 3px);
    display: inline-block;
    padding: 50px 60px 35px; }
    .modal--xl .modal-part .input-container {
      text-align: left; }
    @media only screen and (max-width: 1023px) {
      .modal--xl .modal-part {
        padding: 40px 45px 30px; } }
    @media only screen and (max-width: 767px) {
      .modal--xl .modal-part {
        width: 100%; } }
  .modal--xl .modal-part--blue {
    background-color: #E9F3FB;
    text-align: center;
    position: relative; }
    .modal--xl .modal-part--blue .main-block-decor {
      height: 96px;
      width: 80px;
      left: 30px;
      top: 65%;
      display: block; }
      @media only screen and (max-width: 767px) {
        .modal--xl .modal-part--blue .main-block-decor .decor {
          height: 75px; } }
      .modal--xl .modal-part--blue .main-block-decor .decor:nth-child(1) {
        width: 45px;
        height: 45px;
        right: auto;
        left: 0; }
        @media only screen and (max-width: 767px) {
          .modal--xl .modal-part--blue .main-block-decor .decor:nth-child(1) {
            width: 30px;
            height: 30px; } }
      .modal--xl .modal-part--blue .main-block-decor .decor:nth-child(2) {
        width: 20px;
        height: 20px; }
        @media only screen and (max-width: 767px) {
          .modal--xl .modal-part--blue .main-block-decor .decor:nth-child(2) {
            width: 14px;
            height: 14px; } }
      .modal--xl .modal-part--blue .main-block-decor .decor:nth-child(3) {
        width: 10px;
        height: 10px;
        bottom: 10px; }
        @media only screen and (max-width: 767px) {
          .modal--xl .modal-part--blue .main-block-decor .decor:nth-child(3) {
            display: none; } }
    .modal--xl .modal-part--blue .main-block-decor,
    .modal--xl .modal-part--blue .decor-right {
      z-index: 0; }
    .modal--xl .modal-part--blue .decor-right {
      width: 50px;
      height: 45px;
      position: absolute;
      right: 60px;
      top: 70%; }
      .modal--xl .modal-part--blue .decor-right .decor:nth-child(1) {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0; }
      .modal--xl .modal-part--blue .decor-right .decor:nth-child(2) {
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: 0;
        left: 0; }
      @media only screen and (max-width: 767px) {
        .modal--xl .modal-part--blue .decor-right {
          right: 7px;
          top: 50%;
          width: 32px; }
          .modal--xl .modal-part--blue .decor-right .decor:nth-child(1) {
            width: 14px;
            height: 14px; }
          .modal--xl .modal-part--blue .decor-right .decor:nth-child(2) {
            width: 6px;
            height: 6px; } }
    .modal--xl .modal-part--blue .h4-title {
      margin-bottom: 0; }
      .modal--xl .modal-part--blue .h4-title:last-of-type {
        margin-bottom: 75px; }
        @media only screen and (max-width: 767px) {
          .modal--xl .modal-part--blue .h4-title:last-of-type {
            margin-bottom: 15px; } }
    .modal--xl .modal-part--blue .modal-main-img {
      margin: 45px auto 0; }
  .modal--xl .part-login {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .modal--xl .part-login {
        max-width: 100%; }
        .modal--xl .part-login form {
          display: none; } }
  .modal--xl .only-mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .modal--xl .only-mobile {
        display: inline-block; } }

.pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0; }
  .pagination-list li {
    margin: 0 10px;
    font-size: 16px; }
    .pagination-list li span {
      padding: 5px; }
    .pagination-list li a {
      padding: 5px;
      color: #0087F8; }

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 26px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 1440px) {
    .breadcrumbs {
      margin-bottom: 25px; } }
  @media only screen and (max-width: 767px) {
    .breadcrumbs {
      padding-top: 16px;
      margin-bottom: 40px; } }

.breadcrumbs__link {
  font-size: 16px;
  line-height: 25px;
  color: #586587;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  .breadcrumbs__link:not(.breadcrumbs__link--active):focus, .breadcrumbs__link:not(.breadcrumbs__link--active):hover {
    color: #161D39; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs__link {
      line-height: 16px; } }

.breadcrumbs__divider {
  margin-left: 5px;
  margin-right: 5px; }

.header__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
  z-index: 99999; }
  @media only screen and (max-width: 767px) {
    .header__inner {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 0; } }
  .header__inner .language-list {
    margin-top: 0; }
  .header__inner .language-list__item {
    margin-bottom: 4px; }
  .header__inner .language-list__item.has-dropdown:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 100%;
    width: 100%; }
  .header__inner .language-list__item.has-dropdown:hover .language-list__inner-dropdown {
    opacity: 1;
    visibility: visible; }
  .header__inner .language-list__link {
    top: 2px; }

.right-section__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.right-section__wrap .language-list {
  margin-right: 50px;
}

@media only screen and (max-width: 1444px) {
  .right-section__wrap .language-list {
    margin-right: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .right-section__wrap .language-list {
    margin-right: 15px;
  }
}

.has-dropdown {
  position: relative;
  cursor: pointer; }

.language-list__inner-dropdown {
  position: absolute;
  /*bottom: -30px;*/
  /*left: 0;*/
  top: 25px;
  left: 26px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s; }

@media only screen and (max-width: 767px) {
  .language-list__inner-dropdown {
    top: 25px;
    left: 20px;
  }

  .language-list__inner-dropdown .language-list__item {
    padding: 5px;
  }
}

.header__logo {
  max-width: 130px; }
  @media only screen and (max-width: 767px) {
    .header__logo {
      position: absolute;
      top: 50%;
      left: 30%;
      max-width: 90px;
      height: 48px;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  @media only screen and (max-width: 330px) {
    .header__logo {
      max-width: 84px; } }

.navigation__menu,
.navigation-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.navigation-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 30px;
  padding-bottom: 13px; }
  @media only screen and (max-width: 992px) {
    .navigation-wrap {
      margin-left: 30px; } }
  @media only screen and (max-width: 767px) {
    .navigation-wrap {
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      margin-left: 0;
      padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
  .navigation__menu {
    height: 100%;
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.navigation {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 58px; }
  @media only screen and (max-width: 1200px) {
    .navigation {
      margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .navigation {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: left;
      background-color: #fff;
      overflow: hidden;
      overflow-y: auto;
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.77, 0.06, 0.28, 0.55);
      transition: -webkit-transform 0.4s cubic-bezier(0.77, 0.06, 0.28, 0.55);
      -o-transition: transform 0.4s cubic-bezier(0.77, 0.06, 0.28, 0.55);
      transition: transform 0.4s cubic-bezier(0.77, 0.06, 0.28, 0.55);
      transition: transform 0.4s cubic-bezier(0.77, 0.06, 0.28, 0.55), -webkit-transform 0.4s cubic-bezier(0.77, 0.06, 0.28, 0.55);
      -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
              transform: translateX(-100%);
      z-index: 8000;
      -ms-touch-action: pan-y;
          touch-action: pan-y; } }

.fancybox-slide--html .fancybox-close-small {
  padding: 6px;
  top: 4px;
  right: 4px;
  opacity: 1; }
  @media only screen and (max-width: 767px) {
    .fancybox-slide--html .fancybox-close-small {
      color: #0087F8; } }
  .fancybox-slide--html .fancybox-close-small:focus svg, .fancybox-slide--html .fancybox-close-small:hover svg {
    color: #0087F8; }

.navigation--active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0); }

.btn-close-navigation {
  display: none; }
  @media only screen and (max-width: 767px) {
    .btn-close-navigation {
      display: block;
      position: absolute;
      top: 16px;
      right: 16px;
      width: 36px;
      height: 36px;
      border: 1px solid #161D39;
      border-radius: 50%;
      -webkit-transition: border 0.3s;
      -o-transition: border 0.3s;
      transition: border 0.3s; }
      .btn-close-navigation:hover, .btn-close-navigation:focus {
        border: 1px solid #ED1C24; }
        .btn-close-navigation:hover:after, .btn-close-navigation:hover:before, .btn-close-navigation:focus:after, .btn-close-navigation:focus:before {
          background-color: #ED1C24; }
      .btn-close-navigation:after, .btn-close-navigation:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 1px;
        background-color: #161D39; }
      .btn-close-navigation:after {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
            -ms-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
      .btn-close-navigation:before {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
            -ms-transform: translate(-50%, -50%) rotate(-45deg);
                transform: translate(-50%, -50%) rotate(-45deg); } }

.btn-auth,
.navigation__link {
  /*max-width: 160px;*/
  font-size: 18px;
  line-height: 1.3;
  color: #3E4558; }
  @media only screen and (max-width: 1440px) {
    .btn-auth,
    .navigation__link {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .btn-auth,
    .navigation__link {
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .btn-auth,
    .navigation__link {
      font-size: 16px; } }

.btn-toggle-menu {
  display: none; }
  @media only screen and (max-width: 767px) {
    .btn-toggle-menu {
      position: relative;
      display: block;
      width: 32px;
      height: 20px; } }
  .btn-toggle-menu span, .btn-toggle-menu:after, .btn-toggle-menu:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #ED1C24; }
  .btn-toggle-menu:after, .btn-toggle-menu:before {
    content: ""; }
  .btn-toggle-menu span {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .btn-toggle-menu:before {
    top: 0; }
  .btn-toggle-menu:after {
    bottom: 0; }

.btn-auth {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 6px 17px; }
  @media only screen and (max-width: 992px) {
    .btn-auth {
      padding: 0; } }

.header__btn-notification,
.btn-auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  background-color: transparent; }
  @media only screen and (min-width: 1200px) {
    .header__btn-notification:focus .icon, .header__btn-notification:hover .icon,
    .btn-auth:focus .icon,
    .btn-auth:hover .icon {
      color: currentColor; } }
  @media only screen and (max-width: 992px) {
    .header__btn-notification,
    .btn-auth {
      border-radius: 50%;
      border-width: 1px;
      width: 40px;
      height: 40px; }
      .header__btn-notification:hover,
      .btn-auth:hover {
        border: 1px solid currentColor; } }
  @media only screen and (max-width: 767px) {
    .header__btn-notification,
    .btn-auth {
      width: 40px;
      height: 40px; } }
  @media only screen and (max-width: 330px) {
    .header__btn-notification,
    .btn-auth {
      width: 36px;
      height: 36px; } }
  .header__btn-notification .icon,
  .btn-auth .icon {
    margin-top: 1px;
    font-size: 22px;
    color: #ED1C24;
    -webkit-transition: color .1s;
    -o-transition: color .1s;
    transition: color .1s; }
    @media only screen and (max-width: 992px) {
      .header__btn-notification .icon,
      .btn-auth .icon {
        margin-top: 0;
        font-size: 21px; } }
    @media only screen and (max-width: 330px) {
      .header__btn-notification .icon,
      .btn-auth .icon {
        font-size: 18px; } }

.btn-auth__text {
  padding-top: 2px;
  margin-left: 7px; }
  @media only screen and (max-width: 992px) {
    .btn-auth__text {
      display: none; } }

.navigation__item:not(:last-child) {
  margin-right: 30px; }
  @media only screen and (max-width: 767px) {
    .navigation__item:not(:last-child) {
      margin-right: 0;
      margin-bottom: 20px; } }

.navigation__link {
  padding-bottom: 5px;
  font-family: 'CirceBold',sans-serif;
  border-bottom: 2px solid transparent;
  -webkit-transition: border-bottom-color 0.3s;
  -o-transition: border-bottom-color 0.3s;
  transition: border-bottom-color 0.3s; }
  @media only screen and (min-width: 1200px) {
    .navigation__link:hover {
      border-bottom-color: #ED1C24; } }

.navigation__link--active {
  border-bottom-color: #ED1C24; }

.btn-auth__text {
  font-family: 'Circe',sans-serif; }

.header__btn-notification {
  position: relative;
  color: #586587;
  border: 2px solid #586587; }
  @media only screen and (max-width: 992px) {
    .header__btn-notification {
      border-width: 1px; } }
  @media only screen and (min-width: 1200px) {
    .header__btn-notification:focus, .header__btn-notification:hover {
      border: 2px solid #161D39; }
      .header__btn-notification:focus .icon, .header__btn-notification:hover .icon {
        color: #161D39; } }
  .header__btn-notification .icon {
    font-size: 22px; }

.header__notification-label {
  position: absolute;
  top: -2px;
  right: -8px;
  min-width: 18px;
  min-height: 18px;
  font-family: 'Roboto',sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #ED1C24;
  white-space: nowrap; }
  @media only screen and (max-width: 767px) {
    .header__notification-label {
      right: -3px;
      min-width: 13px;
      min-height: 13px;
      font-size: 10px;
      line-height: 13px; } }
  @media only screen and (max-width: 330px) {
    .header__notification-label {
      right: -6px; } }
.header__btn-user-holder .btn-user__text,
.header__btn-auth-holder .btn-auth__text {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header__btn-user-holder,
.header__btn-auth-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.header__btn-notification-holder .header-dropdown {
  width: 773px;
  top: 90%;
  max-height: 500px;
  overflow: auto; }
  @media only screen and (max-width: 800px) {
    .header__btn-notification-holder .header-dropdown {
      width: 100%; } }

.header__btn-auth-holder {
  margin-left: 65px; }
  @media only screen and (max-width: 1366px) {
    .header__btn-auth-holder {
      margin-left: 32px; } }
  @media only screen and (max-width: 992px) {
    .header__btn-auth-holder {
      margin-left: 16px; } }
  @media only screen and (max-width: 350px) {
    .header__btn-auth-holder {
      margin-left: 10px; } }
  .header__btn-auth-holder .header-dropdown {
    min-width: 148px;
    padding: 5px 19px 5px; }
  .header__btn-auth-holder .is-dropdown {
    position: relative; }

.header__btn-notification .icon {
  font-size: 22px;
  color: #586587; }
  @media only screen and (max-width: 767px) {
    .header__btn-notification .icon {
      font-size: 20px; } }

.header-user-auth .btn-auth,
.header-user-auth .header__btn-notification {
  padding: 0;
  background-color: transparent;
  margin: 0;
  border-radius: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (min-width: 768px) {
    .header-user-auth .btn-auth,
    .header-user-auth .header__btn-notification {
      width: 40px;
      height: 40px; } }
  @media only screen and (min-width: 1500px) {
    .header-user-auth .btn-auth,
    .header-user-auth .header__btn-notification {
      width: 46px;
      height: 46px; } }
  .header-user-auth .btn-auth .icon,
  .header-user-auth .header__btn-notification .icon {
    margin-top: 0; }

@media only screen and (min-width: 1200px) {
  .header-user-auth .btn-auth:hover, .header-user-auth .btn-auth:focus {
    color: #586587;
    border-color: currentColor; } }

@media only screen and (max-width: 1199px) {
  .header-user-auth .btn-auth:hover, .header-user-auth .btn-auth:focus {
    border: 1px solid #ED1C24; } }

.header-user-auth .btn-auth__text {
  margin-left: 0;
  margin-right: 28px; }
  @media only screen and (max-width: 1200px) {
    .header-user-auth .btn-auth__text {
      max-width: 200px; } }
  @media only screen and (max-width: 1024px) {
    .header-user-auth .btn-auth__text {
      margin-right: 10px; } }

.header-dropdown {
  display: none;
  position: absolute;
  top: 110%;
  right: 0;
  background-color: #fff;
  border-radius: 7px;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  text-align: left; }

.header-dropdown__title {
  display: block;
  padding: 19px 17px 19px 43px;
  font-family: 'CirceBold',sans-serif;
  font-size: 20px;
  line-height: 25px; }
  @media only screen and (max-width: 1440px) {
    .header-dropdown__title {
      padding-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .header-dropdown__title {
      padding-left: 28px;
      font-size: 18px; } }

.header-dropdown__subtitle {
  display: block;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .header-dropdown__subtitle {
      margin-bottom: 10px;
      font-size: 16px; } }

.header-dropdown__list {
  padding-bottom: 13px; }

.header-dropdown__item {
  position: relative; }
  .header-dropdown__item:last-child .header-dropdown__link:after {
    display: none; }
  .header-dropdown__item .flex-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media only screen and (max-width: 640px) {
      .header-dropdown__item .flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }

.header-dropdown__link {
  position: relative;
  display: block;
  padding: 14px 17px 15px 45px;
  color: #3E4558; }
  @media only screen and (max-width: 767px) {
    .header-dropdown__link {
      padding-left: 42px; } }
  .header-dropdown__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 45px;
    right: 17px;
    height: 1px;
    background-color: #D6DAE5; }
    @media only screen and (max-width: 767px) {
      .header-dropdown__link:after {
        left: 18px;
        right: 18px; } }
  @media only screen and (min-width: 1200px) {
    .header-dropdown__link:hover {
      background-color: #EEF3FA; }
      .header-dropdown__link:hover:after {
        background-color: transparent; } }

.header-dropdown__time,
.header-dropdown__name,
.header-dropdown__user-link {
  font-size: 16px; }

.header-dropdown__tile {
  padding-top: 10px;
  padding-bottom: 10px; }
  .header-dropdown__tile:last-child {
    border-top: 1px solid #E5E5E5; }

@media only screen and (max-width: 640px) {
  .header-dropdown__name {
    display: block;
    margin-bottom: 8px; } }

.header-dropdown__user-link {
  display: block;
  color: #3E4558; }
  @media only screen and (min-width: 1200px) {
    .header-dropdown__user-link:hover {
      color: #0087F8; } }

@media only screen and (min-width: 768px) {
  .header-dropdown__text {
    font-size: 18px; } }

.header-dropdown__text-blue {
  margin-right: 19px;
  color: #0087F8;
  text-decoration: underline;
  font-size: 18px; }
  @media only screen and (max-width: 640px) {
    .header-dropdown__text-blue {
      display: block;
      margin-bottom: 8px;
      margin-right: 0;
      font-size: 14px; } }

.header-dropdown__time {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #586587; }

.header-dropdown__item--star:before {
  top: 12px;
  width: 16px;
  height: 16px;
  background-image: url("../images/star.svg");
  background-repeat: no-repeat; }

.header-dropdown__item--star:before,
.header-dropdown__item--grey:before,
.header-dropdown__item--danger:before {
  content: "";
  position: absolute;
  left: 20px;
  z-index: 10; }

.header-dropdown__item--grey:before,
.header-dropdown__item--danger:before {
  top: 16px;
  width: 12px;
  height: 12px;
  border-radius: 50%; }

.header-dropdown__item--danger:before {
  background-color: #ED1C24; }

.header-dropdown__item--grey:before {
  background-color: #CFD8EC; }

.footer {
  position: relative;
  margin-top: 215px;
  z-index: 15; }
  @media only screen and (max-width: 1440px) {
    .footer {
      margin-top: 170px; } }
  @media only screen and (max-width: 992px) {
    .footer {
      margin-top: 150px; } }
  @media only screen and (max-width: 767px) {
    .footer {
      margin-top: 100px; } }
  .footer .decor {
    left: 5px;
    top: -135px;
    width: 45px;
    height: 45px; }
    @media only screen and (max-width: 1440px) {
      .footer .decor {
        width: 30px;
        height: 30px;
        top: -110px;
        left: 10px; } }
    @media only screen and (max-width: 992px) {
      .footer .decor {
        display: none; } }

.footer-main-page {
  margin-top: 160px;
  z-index: 9; }
  @media only screen and (max-width: 1440px) {
    .footer-main-page {
      margin-top: 72px; } }
  @media only screen and (max-width: 1280px) {
    .footer-main-page {
      margin-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .footer-main-page {
      margin-top: 93px; } }

.footer__img-decor {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 1000px; }
  @media only screen and (max-width: 1800px) {
    .footer__img-decor {
      max-width: 700px; } }
  @media only screen and (max-width: 1600px) {
    .footer__img-decor {
      margin-right: -150px; } }
  @media only screen and (max-width: 1200px) {
    .footer__img-decor {
      margin-right: -30px;
      max-width: 500px; } }
  @media only screen and (max-width: 1112px) {
    .footer__img-decor {
      display: none; } }

.footer__inner {
  position: relative;
  padding-top: 26px;
  padding-bottom: 44px; }
  @media only screen and (max-width: 767px) {
    .footer__inner {
      padding-top: 25px;
      padding-bottom: 31px; } }
  .footer__inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #E5E5E5;
    z-index: -1; }

.footer-list,
.footer__bottom,
.social-list,
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.footer-list,
.footer__bottom,
.footer__top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .footer-list,
    .footer__bottom,
    .footer__top {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

@media only screen and (max-width: 767px) {
  .footer-list,
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.footer__top {
  margin-bottom: 21px; }
  @media only screen and (max-width: 767px) {
    .footer__top {
      margin-bottom: 0; } }
  .footer__top .flex-wrap {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    @media only screen and (max-width: 767px) {
      .footer__top .flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 27px; } }

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

@media only screen and (max-width: 850px) {
  .footer-list {
    margin-bottom: 18px; } }

.footer-list__item:not(:last-child) {
  margin-right: 117px; }
  @media only screen and (max-width: 1024px) {
    .footer-list__item:not(:last-child) {
      margin-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .footer-list__item:not(:last-child) {
      margin-right: 0;
      margin-bottom: 18px; } }

.offer-link,
.footer-list__link {
  color: #3E4558; }
  @media only screen and (min-width: 1200px) {
    .offer-link:hover,
    .footer-list__link:hover {
      text-decoration: underline; } }

.footer__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 152px; }
  @media only screen and (max-width: 1440px) {
    .footer__logo {
      max-width: 140px; } }
  @media only screen and (max-width: 767px) {
    .footer__logo {
      max-width: 74px;
      margin-bottom: 22px; } }

.footer__decor {
  position: absolute;
  left: -40px;
  top: -110px; }
  @media only screen and (max-width: 1440px) {
    .footer__decor {
      top: -90px;
      max-width: 140px; } }
  @media only screen and (max-width: 1366px) {
    .footer__decor {
      left: -33px; } }
  @media only screen and (max-width: 1280px) {
    .footer__decor {
      left: 0; } }
  @media only screen and (max-width: 767px) {
    .footer__decor {
      max-width: 121px;
      top: -80px; } }

@media only screen and (max-width: 767px) {
  .social-list {
    width: 20%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 30px; } }

@media only screen and (max-width: 480px) {
  .social-list {
    width: 35%; } }

.social-list__item:not(:last-child) {
  margin-right: 13px; }
  @media only screen and (max-width: 767px) {
    .social-list__item:not(:last-child) {
      margin-right: 0; } }

.social-list__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 27px;
  height: 27px;
  color: #ED1C24;
  border: 1px solid currentColor;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .social-list__link {
      width: 30px;
      height: 30px; } }
  @media only screen and (max-width: 330px) {
    .social-list__link {
      width: 27px;
      height: 27px; } }
  @media only screen and (min-width: 1200px) {
    .social-list__link {
      -webkit-transition: background-color .2s, color .2s;
      -o-transition: background-color .2s, color .2s;
      transition: background-color .2s, color .2s; }
      .social-list__link:hover {
        border-color: #161D39;
        color: #161D39; } }
  .social-list__link .icon {
    font-size: 12px; }
    @media only screen and (max-width: 767px) {
      .social-list__link .icon {
        font-size: 15px; } }
    @media only screen and (max-width: 330px) {
      .social-list__link .icon {
        font-size: 12px; } }

.footer-list__link--active {
  text-decoration: underline; }

.footer-main-page .footer__top {
  max-width: 85%; }
  @media only screen and (max-width: 1600px) {
    .footer-main-page .footer__top {
      max-width: 90%; } }
  @media only screen and (max-width: 1440px) {
    .footer-main-page .footer__top {
      max-width: 85%; } }
  @media only screen and (max-width: 1366px) {
    .footer-main-page .footer__top {
      max-width: 81%; } }
  @media only screen and (max-width: 1280px) {
    .footer-main-page .footer__top {
      max-width: 77%; } }
  @media only screen and (max-width: 1112px) {
    .footer-main-page .footer__top {
      max-width: 100%; } }

.footer-main-page .footer__inner {
  max-width: 65%; }
  @media only screen and (max-width: 1600px) {
    .footer-main-page .footer__inner {
      max-width: 72%; } }
  @media only screen and (max-width: 1112px) {
    .footer-main-page .footer__inner {
      max-width: 100%; } }

.footer-main-page .footer-list__item {
  margin-right: 48px; }
  @media only screen and (max-width: 1366px) {
    .footer-main-page .footer-list__item {
      margin-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .footer-main-page .footer-list__item {
      margin-right: 0; } }

.footer-main-page .footer-list,
.footer-agree .footer-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial; }
  @media only screen and (max-width: 992px) {
    .footer-main-page .footer-list,
    .footer-agree .footer-list {
      margin-bottom: 0; } }

.footer-main-page .footer__logo,
.footer-agree .footer__logo {
  margin-right: 55px; }
  @media only screen and (max-width: 1366px) {
    .footer-main-page .footer__logo,
    .footer-agree .footer__logo {
      margin-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .footer-main-page .footer__logo,
    .footer-agree .footer__logo {
      margin-right: 0;
      margin-bottom: 14px; } }

@media only screen and (min-width: 992px) {
  .footer-agree .footer-list__item:not(:last-child) {
    margin-right: 48px; } }

.language-list-wrap {
  width: 60%; }
  @media only screen and (max-width: 767px) {
    .language-list-wrap {
      width: 100%; } }

.language-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px; }
  @media only screen and (max-width: 767px) {
    .language-list {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 20px; } }
  .language-list img {
    width: 16px;
    height: 16px; }

.language-list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  line-height: 1; }
  .language-list__item:not(:last-child) {
    margin-right: 10px; }
  @media only screen and (max-width: 767px) {
    .language-list__item {
      margin-bottom: 20px; }
      .language-list__item:not(:last-child) {
        margin-right: 0; } }
  .language-list__item.has-dropdown:hover .language-list__dropdown {
    opacity: 1;
    visibility: visible; }
  .language-list__item.active .language-list__link {
    border-bottom-color: currentColor; }
  .language-list__item .icon {
    margin-right: 8px;
    font-size: 18px;
    color: #3E4558; }
    @media only screen and (max-width: 1440px) {
      .language-list__item .icon {
        font-size: 16px; } }

.language-list__link {
  position: relative;
  top: 1px;
  color: #3E4558;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-bottom-color 0.3s;
  -o-transition: border-bottom-color 0.3s;
  transition: border-bottom-color 0.3s; }
  @media only screen and (max-width: 1440px) {
    .language-list__link {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .language-list__link {
      top: 2px; } }
  .language-list__link.active {
    border-bottom-color: currentColor; }
  .language-list__link:hover {
    border-bottom-color: currentColor; }

.language-list__dropdown {
  position: absolute;
  top: 30px;
  right: -10px;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  -webkit-transition: visibility 0.3s, opacity 0.3s;
  -o-transition: visibility 0.3s, opacity 0.3s;
  transition: visibility 0.3s, opacity 0.3s; }
  .language-list__dropdown .language-list__dropdown-item {
    padding-left: 10px;
    padding-right: 10px; }

.language-list__dropdown-item {
  margin-bottom: 10px; }

.footer-list__link-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (max-width: 767px) {
    .footer-list__link-holder {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.intro {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media only screen and (max-width: 1440px) {
    .intro {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 1366px) {
    .intro {
      padding-bottom: 50px; } }
  @media only screen and (max-width: 1024px) {
    .intro {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 992px) {
    .intro {
      padding-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .intro {
      padding-bottom: 5px; } }
  .intro .decor {
    top: -37px; }
    @media only screen and (max-width: 1440px) {
      .intro .decor {
        top: -30px; } }

.intro__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 1440px) {
    .intro__inner {
      max-width: 95%; } }
  @media only screen and (max-width: 992px) {
    .intro__inner {
      max-width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }

.intro__img-decor {
  position: absolute;
  top: -109px;
  right: -10px;
  max-width: 860px;
  z-index: -1; }
  @media only screen and (max-width: 1750px) {
    .intro__img-decor {
      right: -10%; } }
  @media only screen and (max-width: 1600px) {
    .intro__img-decor {
      right: -10%; } }
  @media only screen and (max-width: 1500px) {
    .intro__img-decor {
      right: -15%; } }
  @media only screen and (max-width: 1440px) {
    .intro__img-decor {
      right: -8%;
      max-width: 760px;
      top: -100px; } }
  @media only screen and (max-width: 1366px) {
    .intro__img-decor {
      top: -100px;
      max-width: 750px;
      right: -11%; } }
  @media only screen and (max-width: 1350px) {
    .intro__img-decor {
      top: -80px;
      max-width: 700px; } }
  @media only screen and (max-width: 1200px) {
    .intro__img-decor {
      right: -20%; } }
  @media only screen and (max-width: 1194px) {
    .intro__img-decor {
      right: -16%; } }
  @media only screen and (max-width: 992px) {
    .intro__img-decor {
      top: -25px;
      right: -20%; } }
  @media only screen and (max-width: 880px) {
    .intro__img-decor {
      right: -25%;
      top: -50px; } }
  @media only screen and (max-width: 768px) {
    .intro__img-decor {
      right: -25%;
      top: -40px;
      max-width: 750px; } }
  @media only screen and (max-width: 767px) {
    .intro__img-decor {
      top: -40px; } }
  @media only screen and (max-width: 700px) {
    .intro__img-decor {
      right: -27%; } }
  @media only screen and (max-width: 640px) {
    .intro__img-decor {
      max-width: 680px; } }
  @media only screen and (max-width: 580px) {
    .intro__img-decor {
      max-width: 630px;
      right: -27%;
      top: -30px; } }
  @media only screen and (max-width: 550px) {
    .intro__img-decor {
      max-width: 580px;
      right: -29%; } }
  @media only screen and (max-width: 500px) {
    .intro__img-decor {
      max-width: 530px; } }
  @media only screen and (max-width: 480px) {
    .intro__img-decor {
      right: -27%; } }
  @media only screen and (max-width: 440px) {
    .intro__img-decor {
      right: -35%;
      max-width: 500px; } }
  @media only screen and (max-width: 414px) {
    .intro__img-decor {
      max-width: 480px; } }
  @media only screen and (max-width: 375px) {
    .intro__img-decor {
      right: -30%;
      top: -20px;
      max-width: 450px; } }
  @media only screen and (max-width: 355px) {
    .intro__img-decor {
      max-width: 400px; } }
  @media only screen and (max-width: 330px) {
    .intro__img-decor {
      max-width: 350px;
      right: -20%; } }
  @media only screen and (max-width: 325px) {
    .intro__img-decor {
      max-width: 400px;
      right: -30%; } }

.intro__info {
  max-width: 713px;
  padding-top: 30px; }
  @media only screen and (max-width: 1440px) {
    .intro__info {
      max-width: 590px;
      padding-top: 0; } }
  @media only screen and (max-width: 1200px) {
    .intro__info {
      padding-top: 0; } }

.intro__img-holder {
  width: 35%;
  margin-top: -40px; }
  @media only screen and (max-width: 1440px) {
    .intro__img-holder {
      width: 33%; } }
  @media only screen and (max-width: 1200px) {
    .intro__img-holder {
      margin-top: 0; } }
  @media only screen and (max-width: 992px) {
    .intro__img-holder {
      width: 70%;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      margin: 0 auto 5px; } }
  @media only screen and (max-width: 767px) {
    .intro__img-holder {
      width: 100%;
      max-width: 400px; } }
  @media only screen and (max-width: 560px) {
    .intro__img-holder {
      max-width: 250px; } }
  @media only screen and (max-width: 375px) {
    .intro__img-holder {
      max-width: 200px; } }
  @media only screen and (max-width: 350px) {
    .intro__img-holder {
      max-width: 162px; } }

.main-title {
  position: relative;
  padding-right: 71px;
  font-family: 'CirceExtraBold',sans-serif;
  color: #3E4558;
  line-height: 59px;
  text-transform: uppercase; }
  @media only screen and (max-width: 1440px) {
    .main-title {
      line-height: 46px; } }
  @media only screen and (max-width: 1280px) {
    .main-title {
      max-width: 590px; } }
  @media only screen and (max-width: 767px) {
    .main-title {
      max-width: 320px;
      padding-right: 30px; } }
  .main-title .decor--pink {
    width: 85px;
    height: 85px;
    left: -109px; }
    @media only screen and (max-width: 1440px) {
      .main-title .decor--pink {
        width: 65px;
        height: 65px;
        left: -90px; } }
    @media only screen and (max-width: 767px) {
      .main-title .decor--pink {
        width: 33px;
        height: 33px;
        top: 50%;
        left: auto;
        right: -6px;
        max-width: 33px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); } }
    @media only screen and (max-width: 480px) {
      .main-title .decor--pink {
        display: none; } }
  .main-title .decor--blue {
    width: 73px;
    height: 73px;
    right: 0; }
    @media only screen and (max-width: 1440px) {
      .main-title .decor--blue {
        width: 65px;
        height: 65px; } }
    @media only screen and (max-width: 992px) {
      .main-title .decor--blue {
        display: none; } }

.intro__inner-text {
  display: block;
  font-size: 40px;
  line-height: 56px;
  color: #586587; }
  @media only screen and (max-width: 1440px) {
    .intro__inner-text {
      font-size: 32px;
      line-height: 46px; } }

.intro__inner-subtitle {
  display: block;
  font-family: 'CirceBold',sans-serif;
  font-size: 30px;
  color: #3E4558;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .intro__inner-subtitle {
      margin-bottom: 5px;
      font-size: 20px; } }
  @media only screen and (max-width: 330px) {
    .intro__inner-subtitle {
      font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .main-title,
  .intro__inner-text {
    font-size: 18px;
    line-height: 23px; } }

.intro__form {
  margin-top: 121px; }
  .intro__form .input-container {
    position: relative; }
    .intro__form .input-container p {
      bottom: -35px;
      right: 10px;
      position: absolute; }
  @media only screen and (max-width: 1440px) {
    .intro__form {
      margin-top: 100px; } }
  @media only screen and (max-width: 992px) {
    .intro__form {
      margin-top: 70px; } }
  @media only screen and (max-width: 767px) {
    .intro__form {
      margin-top: 17px; } }
  @media only screen and (max-width: 480px) {
    .intro__form {
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .intro__form .input-container {
      text-align: center; }
      .intro__form .input-container:before {
        top: 57px; } }
  .intro__form .form-control {
    padding-right: 190px;
    padding-left: 27px; }
    @media only screen and (max-width: 767px) {
      .intro__form .form-control {
        height: 56px;
        padding-right: 24px;
        padding-left: 24px;
        margin-bottom: 21px; } }
    .intro__form .form-control::-webkit-input-placeholder {
      font-size: 16px; }
    .intro__form .form-control::-moz-placeholder {
      font-size: 16px; }
    .intro__form .form-control:-ms-input-placeholder {
      font-size: 16px; }
    .intro__form .form-control::-ms-input-placeholder {
      font-size: 16px; }
    .intro__form .form-control::placeholder {
      font-size: 16px; }
  .intro__form .btn {
    position: absolute;
    top: 50%;
    right: 7px;
    min-width: 176px;
    padding-left: 21px;
    padding-right: 21px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10; }
    @media only screen and (max-width: 1440px) {
      .intro__form .btn {
        min-width: 145px; } }
    @media only screen and (max-width: 767px) {
      .intro__form .btn {
        position: static;
        padding-left: 36px;
        padding-right: 36px;
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); } }
  .intro__form .decor {
    display: none; }
    @media only screen and (max-width: 480px) {
      .intro__form .decor {
        display: block;
        width: 22px;
        height: 22px; }
        .intro__form .decor:first-child {
          bottom: -15px;
          left: -27px;
          top: auto; }
        .intro__form .decor:last-of-type {
          top: auto;
          bottom: 0;
          right: 0; } }

@media only screen and (max-width: 1440px) {
  .desktop.macintosh .intro__form .btn {
    top: 46%; } }

.order-accordion {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #D6DAE6; }
  .order-accordion:last-child {
    border-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .order-accordion {
      padding-top: 15px;
      padding-bottom: 15px; } }

.order-accordion__panel {
  display: none;
  margin-bottom: 0;
  margin-top: 5px; }
  @media only screen and (max-width: 767px) {
    .order-accordion__panel {
      margin-top: 10px; } }
  .order-accordion__panel .checkbox {
    color: #586587; }

.order-accordion__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  text-align: left;
  font-size: 20px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  @media only screen and (max-width: 1440px) {
    .order-accordion__title {
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .order-accordion__title {
      font-size: 16px; } }

.order-accordion__decor {
  position: relative;
  width: 34px;
  height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #0087F8;
  border-radius: 50%;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    .order-accordion__decor {
      width: 26px;
      height: 26px; } }
  .order-accordion__decor:after, .order-accordion__decor:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 1px;
    background-color: #0087F8;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    @media only screen and (max-width: 767px) {
      .order-accordion__decor:after, .order-accordion__decor:before {
        width: 10px;
        top: 50%; } }
  .order-accordion__decor:before {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .order-accordion__decor:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

.order-accordion--active .order-accordion__decor:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0); }

.services {
  padding-bottom: 55px; }
  @media only screen and (max-width: 1024px) {
    .services {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .services {
      padding-bottom: 17px; } }

.services__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px; }
  .services__row:first-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .services__row {
      margin-bottom: 0; } }

.services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(25% - 20px);
  margin: 11px 10px;
  padding: 10px 16px 10px 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px; }
  @media only screen and (min-width: 1250px) and (max-width: 1280px) {
    .services__item {
      padding: 6px 10px;
      margin: 7px;
      width: calc(25% - 14px); } }
  @media only screen and (max-width: 1199px) {
    .services__item {
      width: calc(33.33% - 20px); } }
  @media only screen and (max-width: 1024px) {
    .services__item {
      width: calc(50% - 20px); } }
  @media only screen and (max-width: 767px) {
    .services__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-left: 10px;
      padding-right: 10px;
      margin-top: 6px;
      margin-bottom: 6px; } }
  @media only screen and (min-width: 1200px) {
    .services__item:hover .services__img:first-child {
      display: none; }
    .services__item:hover .services__img:last-child {
      display: block; } }
  .services__item .icon-decor {
    margin-right: 6px; }
    @media only screen and (max-width: 767px) {
      .services__item .icon-decor {
        margin-right: 0; } }

.services__img {
  width: 52px;
  height: 52px;
  fill: #0087F8; }
  @media only screen and (max-width: 1440px) {
    .services__img {
      width: 46px;
      height: 46px; } }
  @media only screen and (max-width: 767px) {
    .services__img {
      width: 40px;
      height: 40px; } }
  .services__img:last-child {
    display: none; }

.services__text {
  color: #161D39; }
  @media only screen and (max-width: 767px) {
    .services__text {
      text-align: center; } }

.include {
  position: relative;
  z-index: 10; }
  .include > .decor {
    width: 281px;
    height: 281px;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
        -ms-transform: translate(50%, 50%);
            transform: translate(50%, 50%);
    z-index: -1; }
    @media only screen and (max-width: 1366px) {
      .include > .decor {
        width: 180px;
        height: 180px; } }
    @media only screen and (max-width: 1112px) {
      .include > .decor {
        display: none; } }

.include__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 28px 25px 33px;
  background-color: #fff;
  border-radius: 7px;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9; }
  @media only screen and (max-width: 767px) {
    .include__inner {
      padding: 22px 15px 14px; } }
  .include__inner .main-block-decor {
    position: relative;
    width: 12.8%;
    margin-top: 8px;
    z-index: 1; }
    @media only screen and (max-width: 1440px) {
      .include__inner .main-block-decor {
        right: auto;
        left: auto;
        height: 160px; } }

.include__col-image {
  position: relative; }
  @media only screen and (max-width: 992px) {
    .include__col-image {
      display: none; } }

.include__info {
  width: 58%;
  padding-top: 20px;
  text-align: center; }
  @media only screen and (max-width: 992px) {
    .include__info {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .include__info {
      padding-top: 0; } }
  .include__info .btn {
    padding: 8px 18px 9px;
    margin-bottom: 35px;
    font-family: 'RobotoMedium',sans-serif;
    font-size: 20px;
    line-height: 26px; }
    @media only screen and (max-width: 767px) {
      .include__info .btn {
        margin-bottom: 23px;
        padding-top: 14px;
        padding-bottom: 15px;
        font-size: 16px;
        line-height: 16px; } }
    @media only screen and (max-width: 480px) {
      .include__info .btn {
        width: 100%; } }
    @media only screen and (max-width: 330px) {
      .include__info .btn {
        padding-top: 12px;
        padding-bottom: 13px;
        font-size: 14px; } }

.include__item {
  width: 52%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.3;
  text-align: left; }
  .include__item:first-child {
    margin-right: 35px; }
  .include__item.include__item--small {
    width: 39%; }
    @media only screen and (max-width: 767px) {
      .include__item.include__item--small {
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .include__item {
      margin-bottom: 7px;
      width: 100%; } }
  .include__item .icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 11px;
    font-size: 23px;
    color: #ED1C24; }
    @media only screen and (max-width: 767px) {
      .include__item .icon {
        margin-right: 8px;
        font-size: 18px; } }

.include__col-image {
  width: 20%; }
  .include__col-image img {
    position: relative;
    margin-left: auto;
    margin-right: auto; }
  .include__col-image .decor:first-child {
    top: 43px;
    left: 15px;
    width: 24px;
    height: 24px; }
    @media only screen and (max-width: 1440px) {
      .include__col-image .decor:first-child {
        width: 20px;
        height: 20px; } }
  .include__col-image .decor:nth-child(2) {
    top: -8px;
    right: 0;
    width: 97px;
    height: 97px; }
    @media only screen and (max-width: 1440px) {
      .include__col-image .decor:nth-child(2) {
        width: 85px;
        height: 85px; } }
  .include__col-image .decor:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 39px;
    height: 39px; }
    @media only screen and (max-width: 1440px) {
      .include__col-image .decor:nth-child(3) {
        width: 30px;
        height: 30px; } }

.include__decor {
  position: absolute;
  border-radius: 50%; }

.main-block-decor .decor:first-child {
  top: 0;
  right: 60px;
  width: 78px;
  height: 78px; }
  @media only screen and (max-width: 1440px) {
    .main-block-decor .decor:first-child {
      width: 65px;
      height: 65px; } }

.main-block-decor .decor:nth-child(2) {
  left: 0;
  bottom: 0;
  width: 37px;
  height: 37px; }
  @media only screen and (max-width: 1440px) {
    .main-block-decor .decor:nth-child(2) {
      width: 30px;
      height: 30px; } }

.main-block-decor .decor:last-child {
  right: 0;
  bottom: 22px;
  width: 19px;
  height: 19px; }

.info-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 103px; }
  @media only screen and (max-width: 1440px) {
    .info-section {
      padding-top: 70px; } }
  @media only screen and (max-width: 1024px) {
    .info-section {
      display: block;
      padding-top: 0; } }
  .info-section .decor {
    width: 85px;
    height: 85px;
    top: 250px;
    right: 79px; }
    @media only screen and (max-width: 1440px) {
      .info-section .decor {
        right: 10px;
        width: 65px;
        height: 65px; } }
    @media only screen and (max-width: 1280px) {
      .info-section .decor {
        display: none; } }

.info-section__title {
  display: block;
  font-family: 'CirceBold',sans-serif;
  font-size: 20px;
  line-height: 32px;
  color: #0087F8; }
  @media only screen and (max-width: 767px) {
    .info-section__title {
      margin-bottom: 9px;
      font-size: 19px;
      line-height: 20px; } }
  @media only screen and (max-width: 330px) {
    .info-section__title {
      font-size: 17px;
      line-height: 17px; } }

.info-section__item:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid #E8ECF2; }
  @media only screen and (max-width: 1440px) {
    .info-section__item:not(:last-child) {
      margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .info-section__item:not(:last-child) {
      margin-bottom: 22px; } }

.info-section__img-holder {
  display: block;
  width: 46%;
  margin-top: -321px;
  z-index: -1; }
  @media only screen and (max-width: 1440px) {
    .info-section__img-holder {
      width: 48%;
      margin-top: -17%;
      margin-left: -3%; } }
  @media only screen and (max-width: 1280px) {
    .info-section__img-holder {
      width: 43%; } }
  @media only screen and (max-width: 1180px) {
    .info-section__img-holder {
      width: 48%; } }
  @media only screen and (max-width: 1024px) {
    .info-section__img-holder {
      width: 64%;
      margin-top: -17%; } }
  @media only screen and (max-width: 992px) {
    .info-section__img-holder {
      width: 80%; } }
  @media only screen and (max-width: 767px) {
    .info-section__img-holder {
      width: 88%;
      margin-top: -150px;
      margin-left: 0; } }
  @media only screen and (max-width: 414px) {
    .info-section__img-holder {
      width: 100%;
      margin-top: -105px; }
      .info-section__img-holder img {
        width: 89%; } }
  @media only screen and (max-width: 330px) {
    .info-section__img-holder {
      margin-top: -85px; }
      .info-section__img-holder img {
        width: initial; } }

.info-section__block {
  width: 33%;
  margin-left: 35px; }
  @media only screen and (max-width: 1440px) {
    .info-section__block {
      width: 39%; } }
  @media only screen and (max-width: 1280px) {
    .info-section__block {
      width: 42%; } }
  @media only screen and (max-width: 1024px) {
    .info-section__block {
      width: 100%;
      padding-left: 16px;
      padding-right: 16px;
      margin-left: 0;
      margin-top: -60px; } }
  @media only screen and (max-width: 767px) {
    .info-section__block {
      margin-top: -125px; } }
  @media only screen and (max-width: 330px) {
    .info-section__block {
      margin-top: -105px; } }

.info-section__text {
  margin-bottom: 30px;
  line-height: 22px; }
  @media only screen and (max-width: 1440px) {
    .info-section__text {
      margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .info-section__text {
      margin-bottom: 24px;
      font-size: 17px; } }
  @media only screen and (max-width: 330px) {
    .info-section__text {
      font-size: 14px;
      line-height: 17px; } }

.steps {
  margin-top: -115px; }
  @media only screen and (max-width: 1660px) {
    .steps {
      padding-top: 130px; } }
  @media only screen and (max-width: 1440px) {
    .steps {
      padding-top: 20px; } }
  @media only screen and (max-width: 1366px) {
    .steps {
      padding-top: 30px; } }
  @media only screen and (max-width: 1280px) {
    .steps {
      margin-top: 0; } }
  @media only screen and (max-width: 1200px) {
    .steps {
      padding-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .steps {
      padding-top: 10px; } }
  .steps .container {
    max-width: calc(925px + 32px); }
    @media only screen and (max-width: 1440px) {
      .steps .container {
        max-width: calc(750px + 32px); } }
  @media only screen and (max-width: 560px) {
    .steps .steps-item__img-holder {
      grid-row-end: -1;
      position: absolute;
      top: -14px;
      width: 86px;
      height: 86px; } }
  @media only screen and (max-width: 330px) {
    .steps .steps-item__img-holder {
      width: 82px;
      height: 82px; } }
  @media only screen and (max-width: 560px) {
    .steps .steps-item__text {
      margin-top: 0;
      padding-left: 17px;
      grid-column-start: 2; } }

.steps__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  @media only screen and (max-width: 850px) {
    .steps__row {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media only screen and (max-width: 560px) {
    .steps__row {
      margin-left: 0;
      margin-right: 0; } }

.steps-item-holder {
  position: relative;
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 10; }
  @media only screen and (max-width: 850px) {
    .steps-item-holder {
      width: 50%;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 560px) {
    .steps-item-holder {
      width: 100%;
      padding: 0;
      margin-bottom: 14px;
      min-height: 86px; } }

.steps-item {
  width: calc(33.33% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  display: grid;
  grid-template-columns: minmax(93px, 93px) 1fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  padding: 10px 20px 21px 11px;
  color: #161D39;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px;
  z-index: 10; }
  @media only screen and (max-width: 1440px) {
    .steps-item {
      grid-template-columns: minmax(82px, 82px) 1fr; } }
  @media only screen and (max-width: 992px) {
    .steps-item {
      padding-right: 18px; } }
  @media only screen and (max-width: 850px) {
    .steps-item {
      width: calc(50% - 20px);
      margin-bottom: 20px; } }
  @media only screen and (max-width: 560px) {
    .steps-item {
      position: relative;
      width: 100%;
      min-height: 90px;
      margin-left: 0;
      margin-right: 0;
      padding-bottom: 15px;
      padding-top: 18px;
      padding-right: 30px; } }
  @media only screen and (max-width: 330px) {
    .steps-item {
      min-height: 86px;
      padding-right: 13px; } }

.steps-item__title {
  grid-column-start: 2;
  grid-row-start: 1;
  align-self: center;
  max-width: 135px;
  margin-left: 13px;
  font-size: 20px;
  line-height: 1; }
  @media only screen and (max-width: 1440px) {
    .steps-item__title {
      margin-left: 6px;
      font-size: 18px; } }
  @media only screen and (max-width: 850px) {
    .steps-item__title {
      max-width: 100%; } }
  @media only screen and (max-width: 767px) {
    .steps-item__title {
      margin-left: 17px;
      font-size: 18px; } }
  @media only screen and (max-width: 560px) {
    .steps-item__title {
      margin-bottom: 6px; } }
  @media only screen and (max-width: 360px) {
    .steps-item__title {
      font-size: 16px; } }

.steps-item__img-holder {
  grid-column-start: 1;
  grid-row-start: 1; }

.steps-item__text {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  display: block;
  max-width: 262px;
  padding-left: 20px;
  font-size: 18px;
  margin-top: 5px; }
  @media only screen and (max-width: 1440px) {
    .steps-item__text {
      padding-left: 15px;
      font-size: 14px; } }
  @media only screen and (max-width: 992px) {
    .steps-item__text {
      padding-left: 10px; } }
  @media only screen and (max-width: 767px) {
    .steps-item__text {
      font-size: 16px; } }
  @media only screen and (max-width: 360px) {
    .steps-item__text {
      font-size: 14px; } }

.page__img-decor-top {
  position: absolute;
  top: 0;
  right: 0; }

@media only screen and (max-width: 767px) {
  .main-page .main-title {
    font-size: 20px;
    line-height: 25px; } }

@media only screen and (max-width: 767px) {
  .main-page .intro__inner-text {
    font-size: 28px;
    line-height: 34px; } }

.main-page .intro__img-decor:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 38%;
  background-color: rgba(148, 198, 235, 0.01);
  width: 150px;
  height: 150px;
  z-index: 9999; }

@media only screen and (max-width: 767px) {
  .main-executor .block-decor,
  .main-page .block-decor {
    display: block; } }

.reviews {
  position: relative;
  padding-top: 72px;
  padding-bottom: 128px; }
  @media only screen and (max-width: 1440px) {
    .reviews {
      padding-bottom: 90px; } }
  @media only screen and (max-width: 767px) {
    .reviews {
      padding-top: 45px;
      padding-bottom: 67px; } }
  @media only screen and (max-width: 330px) {
    .reviews {
      padding-top: 34px; } }
  .reviews .container .h2-title {
    margin-bottom: 50px; }
    @media only screen and (max-width: 1440px) {
      .reviews .container .h2-title {
        margin-bottom: 30px; } }
    @media only screen and (max-width: 767px) {
      .reviews .container .h2-title {
        margin-bottom: 18px;
        font-size: 23px; } }
    @media only screen and (max-width: 330px) {
      .reviews .container .h2-title {
        margin-bottom: 15px;
        font-size: 20px; } }
  .reviews .swiper-container {
    padding: 75px 12px 47px; }
    @media only screen and (max-width: 1440px) {
      .reviews .swiper-container {
        padding-bottom: 35px; } }
    @media only screen and (max-width: 767px) {
      .reviews .swiper-container {
        padding: 45px 0 34px; } }
  .reviews .block-decor {
    top: -50px;
    left: auto;
    right: 0;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%); }
    @media only screen and (max-width: 1440px) {
      .reviews .block-decor {
        width: 220px;
        height: 220px; } }
    @media only screen and (max-width: 1024px) {
      .reviews .block-decor {
        display: none; } }
  .reviews .decor {
    top: 211px;
    right: -103px;
    width: 85px;
    height: 85px; }
    @media only screen and (max-width: 1440px) {
      .reviews .decor {
        top: 157px;
        right: -55px;
        width: 70px;
        height: 70px; } }
    @media only screen and (max-width: 1024px) {
      .reviews .decor {
        display: none; } }

.reviews__label {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 122px;
  height: 122px;
  border: 5px solid #D2E7F9;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translate3d(-50%, -60%, 0);
          transform: translate3d(-50%, -60%, 0); }
  @media only screen and (max-width: 1440px) {
    .reviews__label {
      width: 100px;
      height: 100px;
      border: 3px solid #D2E7F9; } }
  @media only screen and (max-width: 767px) {
    .reviews__label {
      width: 76px;
      height: 76px;
      margin-bottom: 0;
      border-width: 3px; } }
  @media only screen and (max-width: 330px) {
    .reviews__label {
      width: 68px;
      height: 68px;
      border-width: 2px; } }
  .reviews__label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 4px solid #fff; }
    @media only screen and (max-width: 767px) {
      .reviews__label:before {
        border-width: 3px; } }
    @media only screen and (max-width: 330px) {
      .reviews__label:before {
        border-width: 2px; } }

.reviews-slider {
  position: relative;
  max-width: 845px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media only screen and (max-width: 1440px) {
    .reviews-slider {
      max-width: 680px; } }
  @media only screen and (max-width: 992px) {
    .reviews-slider {
      max-width: 650px; } }
  .reviews-slider .swiper-button-next,
  .reviews-slider .swiper-button-prev {
    width: 33px;
    height: 33px;
    background-color: #0087F8;
    border-radius: 50%;
    top: 57%; }
    @media only screen and (max-width: 767px) {
      .reviews-slider .swiper-button-next,
      .reviews-slider .swiper-button-prev {
        top: auto;
        bottom: -25px; } }
    .reviews-slider .swiper-button-next .icon,
    .reviews-slider .swiper-button-prev .icon {
      font-size: .7rem;
      color: #fff; }
    .reviews-slider .swiper-button-next:after,
    .reviews-slider .swiper-button-prev:after {
      content: ''; }
  .reviews-slider .swiper-button-prev {
    left: -40px; }
    @media only screen and (max-width: 767px) {
      .reviews-slider .swiper-button-prev {
        left: 0; } }
  .reviews-slider .swiper-button-next {
    right: -40px; }
    @media only screen and (max-width: 767px) {
      .reviews-slider .swiper-button-next {
        right: 0; } }
  .reviews-slider .swiper-pagination {
    width: 100%; }
  .reviews-slider .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 7px;
    background-color: #0087F8;
    opacity: 1; }
  .reviews-slider .swiper-pagination-bullet-active {
    background-color: #fff;
    border: 3px solid #0087F8; }
  .reviews-slider .swiper-button-prev:focus,
  .reviews-slider .swiper-button-next:focus,
  .reviews-slider .swiper-pagination-bullet:focus {
    outline: 0; }

.reviews__item {
  height: 100%;
  padding: 60px 45px 25px;
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px; }
  @media only screen and (max-width: 1440px) {
    .reviews__item {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 767px) {
    .reviews__item {
      padding: 40px 8px 9px; } }
  @media only screen and (max-width: 330px) {
    .reviews__item {
      padding: 34px 16px 9px; } }

.reviews__author {
  display: block;
  font-style: normal;
  color: #0087F8;
  line-height: 1.2; }
  @media only screen and (max-width: 1440px) {
    .reviews__author {
      font-size: 15px; } }
  @media only screen and (max-width: 767px) {
    .reviews__author {
      margin-bottom: 7px;
      font-size: 18px;
      line-height: 1.1; } }
  @media only screen and (max-width: 330px) {
    .reviews__author {
      font-size: 16px; } }

.reviews__subtitle {
  display: block;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 21px;
  color: #3E4558; }
  @media only screen and (max-width: 1440px) {
    .reviews__subtitle {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .reviews__subtitle {
      margin-bottom: 14px;
      font-size: 17px; } }
  @media only screen and (max-width: 330px) {
    .reviews__subtitle {
      font-size: 14px; } }

@media only screen and (max-width: 767px) {
  .reviews__text {
    font-size: 18px; } }

@media only screen and (max-width: 330px) {
  .reviews__text {
    font-size: 14px; } }

.school {
  position: relative;
  padding-top: 30px; }
  @media only screen and (max-width: 1440px) {
    .school {
      padding-top: 0; } }
  @media only screen and (max-width: 767px) {
    .school {
      padding-top: 20px; } }
  .school .flex-wrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }

.school__img-decor {
  position: absolute;
  top: -453px;
  left: -6px;
  max-width: 903px;
  z-index: -1; }
  @media only screen and (max-width: 1600px) {
    .school__img-decor {
      left: -7%; } }
  @media only screen and (max-width: 1440px) {
    .school__img-decor {
      left: -15%;
      max-width: 800px; } }
  @media only screen and (max-width: 1366px) {
    .school__img-decor {
      left: -18%; } }
  @media only screen and (max-width: 1280px) {
    .school__img-decor {
      max-width: 650px; } }
  @media only screen and (max-width: 1200px) {
    .school__img-decor {
      max-width: 600px;
      top: -320px; } }
  @media only screen and (max-width: 992px) {
    .school__img-decor {
      display: none; } }

.school__img-holder {
  width: 43%;
  margin-top: 10px;
  margin-left: -60px; }
  @media only screen and (max-width: 1440px) {
    .school__img-holder {
      width: 41%; } }
  @media only screen and (max-width: 1200px) {
    .school__img-holder {
      margin-top: 0;
      margin-left: 0;
      width: 38%; } }
  @media only screen and (max-width: 992px) {
    .school__img-holder {
      display: none; } }

.school__info {
  width: 59%;
  padding-top: 40px; }
  @media only screen and (max-width: 1440px) {
    .school__info {
      padding-top: 30px; } }
  @media only screen and (max-width: 992px) {
    .school__info {
      padding-top: 0;
      width: 100%; } }
  .school__info .h2-title {
    margin-bottom: 35px; }
    @media only screen and (max-width: 1440px) {
      .school__info .h2-title {
        margin-bottom: 25px; } }
    @media only screen and (max-width: 767px) {
      .school__info .h2-title {
        margin-bottom: 18px;
        text-align: center; } }

.school__subtitle {
  font-family: 'CirceBold',sans-serif;
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  color: #ED1C24; }
  @media only screen and (max-width: 767px) {
    .school__subtitle {
      font-size: 19px; } }
  @media only screen and (max-width: 330px) {
    .school__subtitle {
      margin-bottom: 20px;
      font-size: 16px; } }

.school__item {
  padding: 22px 35px 25px 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px; }
  @media only screen and (max-width: 767px) {
    .school__item {
      padding: 20px 17px 25px; } }

.school__text {
  display: block;
  margin-bottom: 15px; }
  .school__text:last-of-type {
    margin-bottom: 0; }

.cleaner-slider {
  position: relative;
  padding-top: 65px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 1440px) {
    .cleaner-slider {
      padding-bottom: 10px; } }
  @media only screen and (max-width: 1200px) {
    .cleaner-slider {
      padding-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .cleaner-slider {
      padding-top: 18px;
      padding-bottom: 40px; } }
  @media only screen and (max-width: 1280px) {
    .cleaner-slider .swiper-wrapper {
      padding-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .cleaner-slider .swiper-wrapper {
      padding-bottom: 30px; } }
  .cleaner-slider .swiper-pagination {
    bottom: 90px;
    left: auto;
    width: calc(100% - 50%);
    right: 0;
    text-align: left;
    -webkit-transition: top .7s;
    -o-transition: top .7s;
    transition: top .7s; }
    @media only screen and (max-width: 1440px) {
      .cleaner-slider .swiper-pagination {
        bottom: 70px;
        width: calc(100% - 45%); } }
    @media only screen and (max-width: 1366px) {
      .cleaner-slider .swiper-pagination {
        bottom: auto;
        width: calc(100% - 46%); } }
    @media only screen and (max-width: 1200px) {
      .cleaner-slider .swiper-pagination {
        bottom: 70px; } }
    @media only screen and (max-width: 992px) {
      .cleaner-slider .swiper-pagination {
        bottom: 0;
        top: auto !important; } }
    @media only screen and (max-width: 850px) {
      .cleaner-slider .swiper-pagination {
        position: static;
        width: 100%;
        text-align: center; } }
  @media only screen and (min-width: 768pxpx) {
    .cleaner-slider .swiper-slide {
      min-height: 400px; } }
  @media only screen and (min-width: 1024px) {
    .cleaner-slider .swiper-slide {
      min-height: 430px; } }
  @media only screen and (min-width: 1200px) {
    .cleaner-slider .swiper-slide {
      min-height: 480px; } }
  @media only screen and (min-width: 1440px) {
    .cleaner-slider .swiper-slide {
      min-height: 500px; } }
  @media only screen and (min-width: 1500px) {
    .cleaner-slider .swiper-slide {
      min-height: 580px; } }
  .cleaner-slider .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    margin: 0 7px;
    line-height: 32px;
    text-align: center;
    background-color: #E3E9F9;
    opacity: 1; }
    .cleaner-slider .swiper-pagination-bullet:hover {
      background-color: #0087F8;
      color: #fff; }
    .cleaner-slider .swiper-pagination-bullet:focus {
      outline: 0;
      background-color: #0087F8;
      color: #fff; }
    @media only screen and (max-width: 767px) {
      .cleaner-slider .swiper-pagination-bullet {
        font-size: 16px; } }
    .cleaner-slider .swiper-pagination-bullet:first-child {
      margin-left: 0; }
  .cleaner-slider .swiper-pagination-bullet-active {
    color: #fff;
    background-color: #0087F8; }

.cleaner-slider__img-decor {
  position: absolute;
  top: -400px;
  left: -50px;
  max-width: 942px;
  z-index: -2; }
  @media only screen and (max-width: 1600px) {
    .cleaner-slider__img-decor {
      left: -210px; } }
  @media only screen and (max-width: 1440px) {
    .cleaner-slider__img-decor {
      max-width: 700px;
      left: -100px;
      top: -285px; } }
  @media only screen and (max-width: 1280px) {
    .cleaner-slider__img-decor {
      max-width: 630px;
      left: -100px;
      top: -183px; } }
  @media only screen and (max-width: 1200px) {
    .cleaner-slider__img-decor {
      max-width: 500px;
      left: -45px;
      top: -130px; } }
  @media only screen and (max-width: 1024px) {
    .cleaner-slider__img-decor {
      left: -75px; } }
  @media only screen and (max-width: 850px) {
    .cleaner-slider__img-decor {
      left: 0;
      max-width: 600px; } }
  @media only screen and (max-width: 767px) {
    .cleaner-slider__img-decor {
      max-width: 500px;
      top: -235px; } }
  @media only screen and (max-width: 480px) {
    .cleaner-slider__img-decor {
      max-width: 330px;
      left: -50px;
      top: -150px; } }
  @media only screen and (max-width: 375px) {
    .cleaner-slider__img-decor {
      max-width: 350px;
      top: -140px; } }
  @media only screen and (max-width: 320px) {
    .cleaner-slider__img-decor {
      max-width: 330px;
      left: -50px;
      top: -150px; } }

.cleaner-slider__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%; }
  @media only screen and (max-width: 850px) {
    .cleaner-slider__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .cleaner-slider__item .cleaner-slider__info .h2-title {
    margin-bottom: 30px; }
    @media only screen and (max-width: 1440px) {
      .cleaner-slider__item .cleaner-slider__info .h2-title {
        font-size: 26px; } }
    @media only screen and (min-width: 1441px) {
      .cleaner-slider__item .cleaner-slider__info .h2-title {
        line-height: 32px; } }
    @media only screen and (max-width: 767px) {
      .cleaner-slider__item .cleaner-slider__info .h2-title {
        margin-bottom: 15px;
        font-size: 21px; } }
    @media only screen and (max-width: 330px) {
      .cleaner-slider__item .cleaner-slider__info .h2-title {
        font-size: 18px; } }
    .cleaner-slider__item .cleaner-slider__info .h2-title span {
      display: block; }

.cleaner-slider__info {
  padding-top: 90px;
  margin-left: 90px;
  width: 40%; }
  @media only screen and (max-width: 1500px) {
    .cleaner-slider__info {
      padding-top: 40px; } }
  @media only screen and (max-width: 1440px) {
    .cleaner-slider__info {
      width: 56%;
      margin-left: 50px; } }
  @media only screen and (max-width: 850px) {
    .cleaner-slider__info {
      margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .cleaner-slider__info {
      width: 100%; } }
  @media only screen and (max-width: 560px) {
    .cleaner-slider__info {
      padding-top: 0; } }

.cleaner-slider__step {
  display: inline-block;
  padding: 12px 26px 10px;
  margin-bottom: 35px;
  font-size: 20px;
  font-family: 'CirceBold',sans-serif;
  line-height: 1;
  color: #fff;
  background-color: #ED1C24;
  border-radius: 0 20px; }
  @media only screen and (max-width: 1440px) {
    .cleaner-slider__step {
      font-size: 18px;
      padding: 10px 19px 8px; } }
  @media only screen and (max-width: 767px) {
    .cleaner-slider__step {
      margin-bottom: 16px;
      font-size: 20px; } }
  @media only screen and (max-width: 330px) {
    .cleaner-slider__step {
      font-size: 18px; } }

.cleaner-slider__img-holder {
  width: 43%; }
  @media only screen and (max-width: 1440px) {
    .cleaner-slider__img-holder {
      width: 41%; } }
  @media only screen and (max-width: 1366px) {
    .cleaner-slider__img-holder {
      width: 43%; } }
  @media only screen and (max-width: 850px) {
    .cleaner-slider__img-holder {
      width: 56%; } }
  @media only screen and (max-width: 767px) {
    .cleaner-slider__img-holder {
      margin-left: 23px; } }
  @media only screen and (max-width: 560px) {
    .cleaner-slider__img-holder {
      width: 81%; } }

.cleaner-slider__subtitle {
  display: block;
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 1; }
  @media only screen and (max-width: 767px) {
    .cleaner-slider__subtitle {
      margin-bottom: 20px;
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .cleaner-slider__subtitle {
      font-size: 16px; } }

.cleaner-slider__text-holder {
  max-width: 330px; }
  @media only screen and (max-width: 1440px) {
    .cleaner-slider__text-holder {
      max-width: 355px; } }

.cleaner-slider__text {
  display: block;
  font-size: 18px; }
  @media only screen and (max-width: 330px) {
    .cleaner-slider__text {
      font-size: 16px; } }

.questions {
  position: relative; }
  .questions .h2-title {
    margin-bottom: 78px; }
    @media only screen and (max-width: 1440px) {
      .questions .h2-title {
        margin-bottom: 50px; } }
    @media only screen and (max-width: 767px) {
      .questions .h2-title {
        margin-bottom: 30px; } }
  .questions .main-block-decor {
    top: -150px;
    left: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media only screen and (max-width: 1440px) {
      .questions .main-block-decor {
        top: -130px;
        width: 120px; } }
    @media only screen and (max-width: 1024px) {
      .questions .main-block-decor {
        display: none; } }

.questions__img-decor {
  position: absolute;
  top: -250px;
  right: 0;
  max-width: 860px;
  z-index: -1; }
  @media only screen and (max-width: 1600px) {
    .questions__img-decor {
      max-width: 840px;
      right: -20px; } }
  @media only screen and (max-width: 1440px) {
    .questions__img-decor {
      max-width: 720px;
      right: -5%;
      top: -39%; } }
  @media only screen and (max-width: 1366px) {
    .questions__img-decor {
      top: -38%; } }
  @media only screen and (max-width: 1300px) {
    .questions__img-decor {
      max-width: 700px; } }
  @media only screen and (max-width: 1112px) {
    .questions__img-decor {
      top: -41%; } }
  @media only screen and (max-width: 1024px) {
    .questions__img-decor {
      display: none; } }

.questions__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }

.questions__col {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px; }
  @media only screen and (max-width: 767px) {
    .questions__col {
      width: 100%; } }

.questions__accordion {
  margin-bottom: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px; }

.questions__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  min-height: 72px;
  padding: 15px 16px;
  background-color: transparent;
  cursor: pointer; }
  @media only screen and (max-width: 1024px) {
    .questions__title {
      padding: 16px 20px 16px 15px;
      min-height: 48px; } }
  .questions__title .h5-title {
    margin-bottom: 0;
    text-align: left; }

.questions__panel {
  position: relative;
  display: none;
  padding: 21px 16px 20px;
  color: #586587; }
  @media only screen and (max-width: 1024px) {
    .questions__panel {
      padding: 16px 20px 16px 15px; } }
  .questions__panel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background-color: #D9E0EF; }

.questions__text {
  display: block; }
  @media only screen and (min-width: 768px) {
    .questions__text {
      font-size: 17px; } }

.questions__decor {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 21px;
  height: 21px;
  background-color: #ED1C24;
  border-radius: 50%; }
  .questions__decor .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: .5rem;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s; }

.questions__accordion--active .questions__decor .icon {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg); }

.main-executor .container {
  position: relative; }

@media only screen and (max-width: 767px) {
  .main-executor .h2-title {
    font-size: 20px; } }

@media only screen and (max-width: 767px) {
  .main-executor .main-title {
    position: static;
    max-width: 400px;
    font-size: 30px;
    line-height: 32px; } }

@media only screen and (max-width: 640px) {
  .main-executor .main-title {
    font-size: 20px;
    line-height: 22px; } }

@media only screen and (max-width: 375px) {
  .main-executor .main-title {
    max-width: 100%; } }

@media only screen and (max-width: 330px) {
  .main-executor .main-title {
    font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .main-executor .main-title .decor--pink {
    top: 20px;
    right: 0;
    display: block;
    width: 38px;
    height: 38px;
    max-width: 38px; } }

@media only screen and (max-width: 330px) {
  .main-executor .main-title .decor--pink {
    width: 33px;
    height: 33px;
    max-width: 33px; } }

.main-executor .intro__info {
  max-width: 735px; }
  @media only screen and (max-width: 1440px) {
    .main-executor .intro__info {
      max-width: 580px; } }
  @media only screen and (max-width: 767px) {
    .main-executor .intro__info {
      position: relative;
      width: 100%; } }
  @media only screen and (max-width: 640px) {
    .main-executor .intro__info {
      max-width: 580px; } }
  @media only screen and (max-width: 767px) {
    .main-executor .intro__info .btn {
      padding: 16px 60px 17px;
      font-size: 15px; } }
  @media only screen and (max-width: 330px) {
    .main-executor .intro__info .btn {
      padding-top: 14px;
      padding-bottom: 15px;
      font-size: 14px; } }

.main-executor .intro__inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

@media only screen and (max-width: 767px) {
  .main-executor .intro__inner-subtitle {
    max-width: 400px;
    font-size: 30px; } }

@media only screen and (max-width: 640px) {
  .main-executor .intro__inner-subtitle {
    max-width: 350px;
    font-size: 20px; } }

.main-executor .intro__inner-text {
  margin-bottom: 46px;
  font-size: 30px; }
  @media only screen and (max-width: 1440px) {
    .main-executor .intro__inner-text {
      font-size: 30px; } }
  @media only screen and (max-width: 1024px) {
    .main-executor .intro__inner-text {
      margin-bottom: 20px;
      line-height: 1; } }
  @media only screen and (max-width: 767px) {
    .main-executor .intro__inner-text {
      margin-bottom: 30px;
      max-width: 345px; }
      .main-executor .intro__inner-text:after {
        content: "";
        position: absolute;
        bottom: 70px;
        right: 0;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background-color: #FCE1EC; } }
  @media only screen and (max-width: 640px) {
    .main-executor .intro__inner-text {
      font-size: 25px; } }
  @media only screen and (max-width: 330px) {
    .main-executor .intro__inner-text {
      margin-bottom: 20px;
      font-size: 21px; }
      .main-executor .intro__inner-text:after {
        width: 22px;
        height: 22px; } }

.main-executor .intro__img-holder {
  width: 50%;
  margin-top: 50px;
  margin-right: -100px; }
  @media only screen and (max-width: 1440px) {
    .main-executor .intro__img-holder {
      margin-top: 20px; } }
  @media only screen and (max-width: 992px) {
    .main-executor .intro__img-holder {
      margin-right: 0;
      margin-top: 0;
      margin-bottom: 20px;
      width: 70%; } }
  @media only screen and (max-width: 767px) {
    .main-executor .intro__img-holder {
      max-width: 100%;
      width: 60%;
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (max-width: 640px) {
    .main-executor .intro__img-holder {
      width: 70%; } }
  @media only screen and (max-width: 480px) {
    .main-executor .intro__img-holder {
      width: 100%;
      margin-bottom: 20px;
      margin-left: 0; } }

.main-executor .intro {
  padding-top: 80px;
  padding-bottom: 60px; }
  @media only screen and (max-width: 1440px) {
    .main-executor .intro {
      padding-top: 100px;
      padding-bottom: 40px; } }
  @media only screen and (max-width: 992px) {
    .main-executor .intro {
      padding-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .main-executor .intro {
      padding-top: 10px;
      padding-bottom: 42px; } }
  @media only screen and (max-width: 330px) {
    .main-executor .intro {
      padding-bottom: 32px; } }
  .main-executor .intro .btn {
    min-width: 258px; }

@media (max-width: 1440px) {
  .main-executor .intro__img-decor {
    max-width: 820px;
    top: -100px; } }

@media only screen and (max-width: 1280px) {
  .main-executor .intro__img-decor {
    right: -15%;
    max-width: 815px; } }

@media only screen and (max-width: 1200px) {
  .main-executor .intro__img-decor {
    top: -80px;
    max-width: 780px;
    right: -17%; } }

@media only screen and (max-width: 1112px) {
  .main-executor .intro__img-decor {
    right: -20%; } }

@media only screen and (max-width: 1024px) {
  .main-executor .intro__img-decor {
    top: -50px;
    right: -20%;
    max-width: 750px; } }

@media only screen and (max-width: 850px) {
  .main-executor .intro__img-decor {
    right: -26%; } }

@media only screen and (max-width: 767px) {
  .main-executor .intro__img-decor {
    right: -30%;
    max-width: 750px;
    top: -80px; } }

@media only screen and (max-width: 630px) {
  .main-executor .intro__img-decor {
    max-width: 650px; } }

@media only screen and (max-width: 560px) {
  .main-executor .intro__img-decor {
    max-width: 570px; } }

@media only screen and (max-width: 480px) {
  .main-executor .intro__img-decor {
    right: -44%;
    top: -80px; } }

@media only screen and (max-width: 430px) {
  .main-executor .intro__img-decor {
    max-width: 530px; } }

@media only screen and (max-width: 414px) {
  .main-executor .intro__img-decor {
    max-width: 570px;
    top: -70px; } }

@media only screen and (max-width: 405px) {
  .main-executor .intro__img-decor {
    max-width: 530px; } }

@media only screen and (max-width: 380px) {
  .main-executor .intro__img-decor {
    max-width: 410px;
    right: -30%;
    top: -40px; } }

@media only screen and (max-width: 375px) {
  .main-executor .intro__img-decor {
    max-width: 480px;
    right: -32%;
    top: -46px; } }

@media only screen and (max-width: 360px) {
  .main-executor .intro__img-decor {
    max-width: 450px; } }

@media only screen and (max-width: 350px) {
  .main-executor .intro__img-decor {
    max-width: 430px; } }

@media only screen and (max-width: 330px) {
  .main-executor .intro__img-decor {
    max-width: 410px;
    right: -30%;
    top: -40px; } }

@media only screen and (max-width: 767px) {
  .main-executor .block-decor {
    top: 345px; } }

@media only screen and (max-width: 767px) {
  .intro__btn-holder {
    text-align: center; } }

.advantages .h2-title {
  margin-bottom: 35px; }
  @media only screen and (max-width: 1440px) {
    .advantages .h2-title {
      margin-bottom: 25px; } }
  @media only screen and (max-width: 767px) {
    .advantages .h2-title {
      margin-bottom: 10px; } }

.advantages .steps-item {
  width: calc(25% - 20px); }
  @media only screen and (max-width: 1440px) {
    .advantages .steps-item {
      grid-template-columns: minmax(75px, 75px) 1fr;
      margin-bottom: 17px; } }
  @media only screen and (max-width: 1024px) {
    .advantages .steps-item {
      width: calc(50% - 20px); } }
  @media only screen and (max-width: 767px) {
    .advantages .steps-item {
      grid-template-columns: minmax(82px, 82px) 1fr;
      padding-right: 20px; } }
  @media only screen and (max-width: 560px) {
    .advantages .steps-item {
      width: 100%;
      min-height: 96px; } }
  @media only screen and (min-width: 1441px) {
    .advantages .steps-item {
      padding: 8px 12px 21px 11px; } }

@media only screen and (max-width: 1440px) {
  .advantages .icon-decor img {
    width: 40px;
    height: 40px; } }

@media only screen and (max-width: 767px) {
  .advantages .icon-decor img {
    width: 52px;
    height: 52px; } }

@media only screen and (max-width: 330px) {
  .advantages .icon-decor img {
    width: 50px;
    height: 50px; } }

@media only screen and (max-width: 560px) {
  .advantages .steps-item__img-holder {
    position: absolute;
    top: -14px;
    width: 82px;
    height: 82px; } }

.advantages .steps-item__title {
  max-width: 100%;
  margin-left: 2px; }
  @media only screen and (max-width: 1440px) {
    .advantages .steps-item__title {
      max-width: 92%;
      padding-top: 15px;
      -ms-flex-item-align: start;
          align-self: flex-start;
      font-size: 16px; } }
  @media only screen and (max-width: 1200px) {
    .advantages .steps-item__title {
      max-width: 97%; } }
  @media only screen and (max-width: 1024px) {
    .advantages .steps-item__title {
      -ms-flex-item-align: center;
          align-self: center; } }
  @media only screen and (max-width: 767px) {
    .advantages .steps-item__title {
      padding-top: 0;
      font-size: 17px; } }
  @media only screen and (max-width: 560px) {
    .advantages .steps-item__title {
      margin-bottom: 10px;
      margin-left: 5px; } }
  @media only screen and (max-width: 330px) {
    .advantages .steps-item__title {
      font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .advantages .icon-decor {
    background-size: 92px; } }

.advantages .steps-item__text {
  max-width: 100%;
  padding-left: 20px;
  margin-top: 3px;
  grid-column-start: 1;
  grid-row-start: 2; }
  @media only screen and (max-width: 1366px) {
    .advantages .steps-item__text {
      padding-left: 10px;
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .advantages .steps-item__text {
      font-size: 16px; } }
  @media only screen and (max-width: 560px) {
    .advantages .steps-item__text {
      margin-top: 0;
      grid-column-start: 2;
      padding-left: 5px; } }
  @media only screen and (max-width: 330px) {
    .advantages .steps-item__text {
      font-size: 14px; } }

.how-get {
  position: relative;
  padding-top: 10px;
  padding-bottom: 45px; }
  @media only screen and (max-width: 850px) {
    .how-get {
      padding-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .how-get {
      padding-top: 0;
      padding-bottom: 0; } }
  .how-get .h2-title {
    margin-bottom: 30px; }
    @media only screen and (max-width: 1366px) {
      .how-get .h2-title {
        margin-bottom: 20px;
        font-size: 28px; } }
    @media only screen and (max-width: 767px) {
      .how-get .h2-title {
        margin-bottom: 15px;
        font-size: 20px;
        display: none; } }

.how-get__inner {
  max-width: 1030px; }
  @media only screen and (max-width: 1600px) {
    .how-get__inner {
      max-width: 800px; } }
  @media only screen and (max-width: 1100px) {
    .how-get__inner {
      max-width: 760px; } }
  @media only screen and (max-width: 1024px) {
    .how-get__inner {
      max-width: 700px; } }
  @media only screen and (max-width: 850px) {
    .how-get__inner {
      max-width: 100%; } }

@media only screen and (max-width: 560px) {
  .how-get-item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.how-get__img-decor {
  position: absolute;
  right: 0;
  top: 43%;
  max-width: 863px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media only screen and (max-width: 1440px) {
    .how-get__img-decor {
      max-width: 800px;
      top: 44%;
      right: -5%; } }
  @media only screen and (max-width: 1366px) {
    .how-get__img-decor {
      right: -8%;
      top: 43%; } }
  @media only screen and (max-width: 1280px) {
    .how-get__img-decor {
      top: 44%;
      right: -10%;
      max-width: 780px; } }
  @media only screen and (max-width: 1200px) {
    .how-get__img-decor {
      right: -15%; } }
  @media only screen and (max-width: 1150px) {
    .how-get__img-decor {
      right: -20%; } }
  @media only screen and (max-width: 1024px) {
    .how-get__img-decor {
      max-width: 760px;
      top: 43%;
      right: -17%; } }
  @media only screen and (max-width: 992px) {
    .how-get__img-decor {
      right: -20%; } }
  @media only screen and (max-width: 850px) {
    .how-get__img-decor {
      display: none; } }

.how-get-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 115px;
  padding: 20px 45px 24px 110px;
  margin-bottom: 21px;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px;
  background-color: #fff; }
  @media only screen and (max-width: 1440px) {
    .how-get-item {
      padding: 15px 20px 15px 95px; } }
  @media only screen and (max-width: 560px) {
    .how-get-item {
      margin-bottom: 17px;
      min-height: initial;
      padding: 5px 10px 20px 6px; } }
  @media only screen and (max-width: 330px) {
    .how-get-item {
      padding: 5px 10px 15px 6px; } }

.how-get-item__img-holder {
  position: absolute;
  top: 8px;
  left: 8px; }
  @media only screen and (max-width: 1440px) {
    .how-get-item__img-holder img {
      max-width: 40px; } }
  @media only screen and (max-width: 560px) {
    .how-get-item__img-holder {
      position: static; }
      .how-get-item__img-holder img {
        max-width: 42px; } }
  @media only screen and (max-width: 330px) {
    .how-get-item__img-holder img {
      max-width: 35px; } }

.how-get-item__title {
  display: block;
  font-size: 20px;
  margin-bottom: 5px; }
  @media only screen and (max-width: 1440px) {
    .how-get-item__title {
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    .how-get-item__title {
      max-width: 65%;
      font-size: 20px; } }
  @media only screen and (max-width: 560px) {
    .how-get-item__title {
      margin-bottom: 0;
      margin-left: 5px; } }
  @media only screen and (max-width: 360px) {
    .how-get-item__title {
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .how-get-item__title {
      max-width: 100%;
      font-size: 16px; } }

.how-get-item__text {
  display: block;
  line-height: 20px; }
  @media only screen and (max-width: 1440px) {
    .how-get-item__text {
      font-size: 15px; } }
  @media only screen and (max-width: 560px) {
    .how-get-item__text {
      padding-left: 13px;
      font-size: 17px;
      line-height: 24px; } }
  @media only screen and (max-width: 360px) {
    .how-get-item__text {
      font-size: 16px;
      line-height: 22px; } }
  @media only screen and (max-width: 330px) {
    .how-get-item__text {
      padding-left: 9px;
      font-size: 14px;
      line-height: 17px; } }

.executor-my-orders .public-order-item {
  margin-bottom: 46px; }
  @media only screen and (max-width: 767px) {
    .executor-my-orders .public-order-item {
      margin-bottom: 22px; } }

.executor-my-orders .block-decor-right {
  top: auto;
  bottom: -11%; }

@media only screen and (max-width: 767px) {
  .executor-my-orders .btn-show-info-holder {
    margin: 23px auto 15px;
    max-width: 180px; } }

@media only screen and (max-width: 1024px) {
  .public-card-wrap {
    margin-bottom: 23px; } }

.public-card-wrap .public-card {
  margin-bottom: 31px; }
  @media only screen and (max-width: 767px) {
    .public-card-wrap .public-card {
      margin-bottom: 16px; } }

.executor__text-added {
  display: block;
  line-height: 1.35;
  color: #586587; }

.btn-show-info-holder {
  display: none; }
  @media only screen and (max-width: 1023px) {
    .btn-show-info-holder {
      display: block;
      margin-top: 38px;
      margin-bottom: 51px; } }
  @media only screen and (max-width: 767px) {
    .btn-show-info-holder {
      text-align: center; } }

@media only screen and (max-width: 1024px) {
  .btn-show-info {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #586587;
    text-decoration: underline;
    background-color: transparent; }
    .btn-show-info:hover {
      text-decoration: none; } }

@media only screen and (max-width: 767px) {
  .btn-show-info {
    font-size: 15px; } }

@media only screen and (max-width: 330px) {
  .btn-show-info {
    font-size: 13px;
    line-height: 1; } }

@media only screen and (max-width: 1024px) {
  .order-main .block-decor {
    display: none; } }

.order-wrap {
  position: relative; }

.order-main__decor-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%; }
  @media only screen and (max-width: 1440px) {
    .order-main__decor-img {
      width: 53%;
      right: -4%; } }
  @media only screen and (max-width: 1366px) {
    .order-main__decor-img {
      width: 56%;
      right: -6%; } }
  @media only screen and (max-width: 992px) {
    .order-main__decor-img {
      display: none; } }

.order-title {
  margin-bottom: 60px; }
  @media only screen and (max-width: 1440px) {
    .order-title {
      margin-bottom: 40px;
      font-size: 28px; } }
  @media only screen and (max-width: 767px) {
    .order-title {
      font-size: 24px; } }

.order-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 80px; }
  @media only screen and (max-width: 767px) {
    .order-row {
      padding-right: 0; } }
  .order-row .h5-title {
    margin-bottom: 5px;
    font-family: 'Circe',sans-serif; }
    @media only screen and (max-width: 767px) {
      .order-row .h5-title {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 1; } }

.order-col {
  width: calc(100% - 26.5%); }
  @media only screen and (max-width: 992px) {
    .order-col {
      width: 100%; } }
  .order-col .checkbox-container {
    margin-bottom: 34px; }
  .order-col .checkbox {
    color: #586587; }
    @media only screen and (min-width: 768px) {
      .order-col .checkbox {
        font-size: 16px; } }

.order-col-img {
  width: 26.5%; }
  @media only screen and (max-width: 992px) {
    .order-col-img {
      display: none; } }

.order-form .checkbox-container.error:before {
  display: none; }

.order-form .input-container > label:not(.order-services-card) {
  margin-bottom: 5px; }

.order-subtitle {
  display: block;
  margin-bottom: 12px; }
  @media only screen and (max-width: 767px) {
    .order-subtitle {
      margin-bottom: 15px;
      font-size: 16px; } }

.form-row--width {
  max-width: 610px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 1440px) {
    .form-row--width {
      max-width: 490px; } }
  @media only screen and (max-width: 1366px) {
    .form-row--width {
      max-width: 470px; } }
  @media only screen and (max-width: 767px) {
    .form-row--width {
      margin-bottom: 4px; } }
  .form-row--width > .input-container:first-child {
    margin-bottom: 33px; }
    @media only screen and (max-width: 767px) {
      .form-row--width > .input-container:first-child {
        margin-bottom: 26px; } }
  .form-row--width .checkbox-container {
    margin-bottom: 25px; }

.order-form__select-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px; }
  @media only screen and (max-width: 1440px) {
    .order-form__select-row {
      grid-column-gap: 30px; } }
  @media only screen and (max-width: 640px) {
    .order-form__select-row {
      grid-template-columns: repeat(1, 1fr); } }

.requirement,
.order-services {
  padding: 38px 44px 41px 30px;
  margin-bottom: 35px; }
  .requirement:last-child,
  .order-services:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 1440px) {
    .requirement,
    .order-services {
      padding-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .requirement,
    .order-services {
      padding: 19px 14px 35px;
      margin-bottom: 21px; }
      .requirement:last-child,
      .order-services:last-child {
        margin-bottom: 0; } }

.order-services {
  position: relative;
  padding-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .order-services {
      padding-bottom: 20px; } }
  .order-services .h4-title {
    margin-bottom: 29px; }
    @media only screen and (max-width: 767px) {
      .order-services .h4-title {
        margin-bottom: 25px; } }
  .order-services .main-block-decor {
    position: absolute;
    right: -275px;
    top: 65px; }
    @media only screen and (max-width: 1750px) {
      .order-services .main-block-decor {
        right: -180px; } }
    @media only screen and (max-width: 1440px) {
      .order-services .main-block-decor {
        right: -170px; } }
    @media only screen and (max-width: 1366px) {
      .order-services .main-block-decor {
        right: -150px; } }
    @media only screen and (max-width: 1200px) {
      .order-services .main-block-decor {
        display: none; } }

.order-services-row {
  position: relative;
  margin: 0 -10px 21px; }
  @media only screen and (max-width: 767px) {
    .order-services-row {
      margin-bottom: 10px; } }

.order-services-row--small {
  max-width: 70%;
  margin-bottom: 21px; }
  @media only screen and (max-width: 767px) {
    .order-services-row--small {
      margin-bottom: 5px; } }
  .order-services-row--small .order-services-card-wrap {
    width: 21%;
    max-width: 170px; }

.order-services-card-wrap {
  width: calc(100% / 7);
  padding: 0 10px;
  margin-bottom: 22px; }
  @media only screen and (max-width: 1366px) {
    .order-services-card-wrap {
      width: calc(100% / 6); } }
  @media only screen and (max-width: 992px) {
    .order-services-card-wrap {
      width: 25%; } }
  @media only screen and (max-width: 767px) {
    .order-services-card-wrap {
      width: 33.33%; } }
  @media only screen and (max-width: 480px) {
    .order-services-card-wrap {
      width: 50%;
      margin-bottom: 12px; } }
  @media screen and (max-width: 767px) and (min-width: 340px) {
    .order-services-card-wrap .icon-decor {
      width: 75px;
      height: 75px;
      background-size: 85px; } }

.order-services__img-holder {
  position: absolute;
  right: 70px;
  bottom: 180px;
  display: none; }

.order-services-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 16px 8px;
  background-color: #fff;
  border: 1px solid #CFD8EC;
  border-radius: 7px;
  cursor: pointer; }
  @media only screen and (min-width: 1200px) {
    .order-services-card:hover {
      border-color: #5FAB50; }
      .order-services-card:hover .order-services-card__icon:first-child {
        display: none; }
      .order-services-card:hover .order-services-card__icon:last-child {
        display: block; } }
  @media only screen and (max-width: 767px) {
    .order-services-card {
      padding: 5px 5px 10px; } }
  .order-services-card .icon {
    position: absolute;
    top: 16px;
    right: 12px;
    color: #5FAB50;
    font-size: 19px;
    opacity: 0; }
  .order-services-card .select2-container--services {
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .order-services-card .select2-container--services {
        margin-top: 4px; } }

.order-services-card__text {
  display: block;
  font-size: 18px;
  line-height: 1;
  text-align: center; }
  @media only screen and (max-width: 1440px) {
    .order-services-card__text {
      font-size: 16px; } }
  @media only screen and (max-width: 330px) {
    .order-services-card__text {
      font-size: 14px; } }

.order-services-card__icon {
  fill: #0087F8;
  width: 50px;
  height: 50px; }
  @media only screen and (max-width: 767px) {
    .order-services-card__icon {
      width: 45px;
      height: 45px; } }
  @media only screen and (max-width: 330px) {
    .order-services-card__icon {
      width: 40px;
      height: 40px; } }
  .order-services-card__icon:last-of-type {
    display: none; }

.order-services-card--active {
  border-color: #5FAB50; }
  .order-services-card--active .order-services-card__icon {
    fill: #5FAB50; }
    .order-services-card--active .order-services-card__icon:last-of-type {
      display: block; }
    .order-services-card--active .order-services-card__icon:first-of-type {
      display: none; }
  .order-services-card--active .icon {
    opacity: 1; }

.order-item {
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px;
  background-color: #fff; }
  @media only screen and (max-width: 767px) {
    .order-item .h4-title {
      font-size: 20px;
      line-height: 24px; } }

.requirement {
  padding: 38px 30px 10px 35px; }
  @media only screen and (max-width: 767px) {
    .requirement {
      padding: 26px 13px 17px; } }
  .requirement .h4-title {
    margin-bottom: 12px; }
    @media only screen and (max-width: 767px) {
      .requirement .h4-title {
        margin-bottom: 17px; } }

.order-item-map {
  padding: 45px 39px 55px 44px; }
  @media only screen and (max-width: 1440px) {
    .order-item-map {
      padding-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .order-item-map {
      padding: 14px 13px 25px; } }
  .order-item-map .modal__bottom-text-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    @media only screen and (max-width: 767px) {
      .order-item-map .modal__bottom-text-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  @media only screen and (max-width: 767px) {
    .order-item-map .modal__link {
      margin-left: 5px; } }
  .order-item-map .checkbox {
    color: #161D39; }
  .order-item-map label {
    margin-bottom: 8px; }
  @media only screen and (min-width: 768px) {
    .order-item-map .checkbox-container {
      margin-bottom: 35px; } }
  .order-item-map textarea.form-control {
    min-height: 142px; }

.order-btn--bottom-indent {
  margin-bottom: 30px; }

.input-container--bottom-indent {
  margin-bottom: 43px; }
  @media only screen and (max-width: 767px) {
    .input-container--bottom-indent {
      margin-bottom: 30px; } }

.order-item--width {
  max-width: 296px; }
  @media only screen and (max-width: 640px) {
    .order-item--width {
      max-width: 100%; } }

.order-map {
  height: 357px;
  margin-bottom: 32px; }
  @media only screen and (max-width: 767px) {
    .order-map {
      margin-bottom: 15px;
      height: 200px; } }
  @media only screen and (max-width: 480px) {
    .order-map {
      height: 129px; } }

.order-item__row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.order-item__col {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60%;
  padding-top: 5px; }
  @media only screen and (max-width: 767px) {
    .order-item__col {
      padding-top: 0;
      width: 100%; } }

.order-item__img {
  width: 40%;
  margin-right: -9px; }
  @media only screen and (max-width: 767px) {
    .order-item__img {
      display: none; } }

.order-item__date {
  margin-bottom: 26px;

   }
  @media only screen and (max-width: 767px) {
    .order-item__date {
      justify-content: space-between;
      margin-bottom: 20px; } }
  .order-item__date .form-control {
    width: 147px; }
    @media only screen and (max-width: 767px) {
      .order-item__date .form-control {
        width: 132px; } }
  .order-item__date .form-control:first-child {
    margin-right: 15px; }
    @media only screen and (max-width: 767px) {
      .order-item__date .form-control:first-child {
        margin-right: 0px; }
      .order-item__date  .input-container:before {
        white-space: normal;
        line-height: 1;
      }
    }

.form-control--currency {
  padding-right: 35px; }

.order-currency {
  position: absolute;
  top: 50%;
  right: 16px;
  color: #586587;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.input-contacts-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .input-contacts-row label {
    width: 100%;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .input-contacts-row label {
        margin-bottom: 19px; } }
  .input-contacts-row .input-container {
    width: 32%;
    max-width: 373px;
    padding-right: 20px; }
    .input-contacts-row .input-container:last-child {
      padding-right: 0; }
    @media only screen and (max-width: 640px) {
      .input-contacts-row .input-container {
        width: 100%;
        max-width: 100%;
        padding-right: 0; } }
    @media only screen and (min-width: 641px) {
      .input-contacts-row .input-container:before {
        right: 20px; } }

.easy-autocomplete-container {
  display: block; }
  .easy-autocomplete-container ul {
    top: 0; }
    .easy-autocomplete-container ul li {
      padding-top: 10px;
      padding-bottom: 10px; }

.input-container-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .input-container-file {
      margin-bottom: 23px; } }
  .input-container-file .files {
    visibility: hidden;
    position: absolute; }
  .input-container-file .flex-wrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .input-container-file .input-container-file__inner {
    color: #ED1C24; }
    .input-container-file .input-container-file__inner label {
      position: relative;
      padding-top: 2px;
      margin-left: 10px;
      margin-bottom: 0;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        .input-container-file .input-container-file__inner label {
          font-size: 18px; } }
      .input-container-file .input-container-file__inner label:after {
        content: "";
        position: absolute;
        bottom: 2px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: currentColor; }
        @media only screen and (max-width: 767px) {
          .input-container-file .input-container-file__inner label:after {
            bottom: 0; } }
      .input-container-file .input-container-file__inner label:hover:after {
        opacity: 0; }
  .input-container-file .icon {
    font-size: 19px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.input-container-file__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.input-container-textarea {
  margin-bottom: 16px; }
  @media only screen and (max-width: 767px) {
    .input-container-textarea {
      margin-bottom: 13px; } }

.input-container-file--active .input-container-file__img {
  display: block; }

.input-container-file--active .icon {
  display: none; }

.input-img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.input-container-img-list__item {
  position: relative;
  margin-top: 20px;
  margin-right: 20px;
  width: 70px;
  height: 70px; }
  @media only screen and (max-width: 767px) {
    .input-container-img-list__item {
      width: 40px;
      height: 40px; } }

.btn-img-remove {
  position: absolute;
  top: 0;
  right: -20px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  z-index: 10; }
  .btn-img-remove:before, .btn-img-remove:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: #ED1C24; }
  .btn-img-remove:before {
    -webkit-transform: translate(-50%) rotate(45deg);
        -ms-transform: translate(-50%) rotate(45deg);
            transform: translate(-50%) rotate(45deg); }
  .btn-img-remove:after {
    -webkit-transform: translate(-50%) rotate(-45deg);
        -ms-transform: translate(-50%) rotate(-45deg);
            transform: translate(-50%) rotate(-45deg); }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding-right: 12px; }

.xdsoft_datetimepicker .xdsoft_label {
  padding-right: 0; }

.find-task__item {
  max-width: 100%;
  width: 100%;
  margin-bottom: 28px;
  background: #fff;
  -webkit-box-shadow: 0 8px 20px #E3E9F9;
          box-shadow: 0 8px 20px #E3E9F9;
  border-radius: 7px;
  padding: 30px 40px 40px;
  border-right: 7px solid #0087F8; }
  @media only screen and (max-width: 1440px) {
    .find-task__item {
      padding: 20px 25px 20px; } }
  @media only screen and (max-width: 767px) {
    .find-task__item {
      padding: 15px;
      margin-bottom: 15px;
      border-bottom: 7px solid #0087F8;
      border-right: 0; } }

.find-task__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 767px) {
    .find-task__info {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .find-task__info.find-task__info--year {
      display: none; } }

.find-task__info-title {
  font-family: 'CirceBold',sans-serif;
  margin-right: 25px; }
  @media only screen and (max-width: 767px) {
    .find-task__info-title {
      margin-bottom: 5px;
      margin-right: 0;
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .find-task__info-title {
      font-size: 16px; } }

.find-task__item-title {
  margin-bottom: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  color: #161D39; }
  @media only screen and (max-width: 1440px) {
    .find-task__item-title {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 1200px) {
    .find-task__item-title .h4-title {
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      .find-task__item-title .h4-title:hover {
        color: #0087F8; } }
  @media only screen and (max-width: 767px) {
    .find-task__item-title {
      margin-bottom: 15px;
      display: block;
      padding-left: 45px; }
      .find-task__item-title .h4-title {
        color: #0087F8;
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 6px; } }
  @media only screen and (max-width: 330px) {
    .find-task__item-title {
      padding-left: 40px; }
      .find-task__item-title .h4-title {
        font-size: 18px; } }

.find-task-data {
  white-space: nowrap;
  color: #586587;
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .find-task-data {
      font-size: 16px; } }
  @media only screen and (max-width: 330px) {
    .find-task-data {
      font-size: 14px; } }

.find-task__all-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 23px;
  border-bottom: 1px solid #D6DAE6;
  padding-bottom: 15px; }
  @media only screen and (max-width: 1440px) {
    .find-task__all-info {
      margin-top: 0;
      padding-bottom: 0; } }
  .find-task__all-info .find-task__info:not(:last-of-type) {
    margin-right: 80px; }
  @media only screen and (max-width: 1279px) {
    .find-task__all-info .find-task__info:not(:last-of-type) {
      margin-right: 50px; } }
  @media only screen and (max-width: 1023px) {
    .find-task__all-info .find-task__info:not(:last-of-type) {
      margin-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .find-task__all-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      margin-top: 15px;
      padding-bottom: 0;
      border: none; }
      .find-task__all-info .find-task__info:last-of-type {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1; }
      .find-task__all-info .find-task__info:not(:last-of-type) {
        margin-right: 0; } }

.find-tas__item-img {
  display: none; }
  @media only screen and (max-width: 767px) {
    .find-tas__item-img {
      display: block;
      position: absolute;
      top: 5px;
      left: 0;
      max-width: 30px;
      width: 30px;
      height: 30px;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: 50% 50%;
         object-position: 50% 50%; } }
  @media only screen and (max-width: 330px) {
    .find-tas__item-img {
      max-width: 25px;
      width: 25px;
      height: 25px; } }

.right-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media only screen and (max-width: 767px) {
    .right-button {
      display: none; } }
  @media only screen and (max-width: 1440px) {
    .right-button .btn {
      padding: 8px 20px 8px; } }

.find-item__types {
  display: block;
  padding-top: 25px; }
  @media only screen and (max-width: 1440px) {
    .find-item__types {
      padding-top: 15px; } }
  @media only screen and (max-width: 767px) {
    .find-item__types {
      display: none; } }

.find-task__info-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media only screen and (max-width: 1440px) {
    .find-task__info-table:last-child .find-task__info-title,
    .find-task__info-table:last-child .find-task__info-descr {
      margin-bottom: 10px; } }
  .find-task__info-table .find-task__info-title {
    max-width: 175px;
    width: 100%;
    margin-right: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.block-decor-right {
  right: -188px;
  left: auto;
  top: 30%;
  width: 336px;
  height: 336px; }
  @media only screen and (max-width: 1440px) {
    .block-decor-right {
      top: 32%;
      right: -125px;
      width: 220px;
      height: 220px; } }

.global-decor-right-big {
  left: auto;
  width: 95px;
  height: 95px;
  right: 142px;
  top: 42%; }
  @media only screen and (max-width: 1750px) {
    .global-decor-right-big {
      right: 75px;
      top: 48%; } }
  @media only screen and (max-width: 1599px) {
    .global-decor-right-big {
      right: -15px;
      top: 50%; } }

.global-decor-right-small {
  width: 47px;
  height: 47px;
  left: auto;
  right: 167px;
  top: 50%; }
  @media only screen and (max-width: 1750px) {
    .global-decor-right-small {
      right: 100px;
      top: 55%; } }
  @media only screen and (max-width: 1599px) {
    .global-decor-right-small {
      right: 20px;
      top: 60%; } }

.h5-inner {
  font-size: 21px;
  margin-bottom: 25px;
  font-family: 'CirceBold',sans-serif; }
  @media only screen and (max-width: 767px) {
    .h5-inner {
      font-size: 16px; } }

.quest-answer p {
  line-height: 29px; }

.quest-answer a {
  color: #0087F8;
  padding: 0 5px; }
  .quest-answer a:hover {
    text-decoration: underline; }

.quest-answer ol {
  margin-bottom: 15px; }
  .quest-answer ol li {
    counter-increment: step-counter;
    margin-bottom: 10px; }
    .quest-answer ol li:before {
      content: counter(step-counter);
      margin-right: 5px;
      font-size: 12px;
      color: #0087F8;
      font-weight: bold;
      padding-right: 10px;
      border-radius: 3px; }

.quest-answer ul {
  margin-bottom: 15px; }
  .quest-answer ul li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 12px; }
    .quest-answer ul li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 6px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #0087F8; }
      @media only screen and (max-width: 767px) {
        .quest-answer ul li:before {
          top: 3px; } }

.artist-info {
  padding: 30px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 8px 20px #E3E9F9;
          box-shadow: 0 8px 20px #E3E9F9;
  border-radius: 7px;
  margin-bottom: 40px; }
.artist-description {
  width:calc(100% - 315px);
}
  @media only screen and (max-width: 1440px) {
    .artist-info {
      padding: 20px 25px;
      margin-bottom: 25px;
      font-size: 15px; } }
  @media only screen and (max-width: 640px) {
    .artist-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: 17px 17px 30px;
      font-size: 17px; } }
  @media only screen and (max-width: 330px) {
    .artist-info {
      font-size: 14px; } }
  .artist-info .btn {
    margin-top: 20px; }
    @media only screen and (max-width: 1440px) {
      .artist-info .btn {
        margin-top: 5px;
        padding: 6px 20px 7px;
        font-size: 14px; } }
    @media only screen and (max-width: 640px) {
      .artist-info .btn {
        margin-top: 20px;
        padding: 14px 50px 15px;
        -ms-flex-item-align: center;
            align-self: center;
        font-size: 16px; } }
    @media only screen and (max-width: 330px) {
      .artist-info .btn {
        padding: 11px 40px 12px;
        font-size: 14px; } }

.artist-name {
  font-family: 'CirceBold',sans-serif; }
  @media only screen and (max-width: 1440px) {
    .artist-name {
      margin-bottom: 13px; } }
  @media only screen and (max-width: 767px) {
    .artist-name {
      font-size: 19px; } }
  @media only screen and (max-width: 330px) {
    .artist-name {
      font-size: 16px; } }

.artist-review__item-data {
  color: #586587; }

.h4-artist {
  font-size: 21px;
  font-family: 'CirceBold',sans-serif;
  padding-bottom: 20px;
  border-bottom: 1px solid #D6DAE6; }
  @media only screen and (max-width: 1440px) {
    .h4-artist {
      padding-bottom: 10px;
      font-size: 19px; } }
  @media only screen and (max-width: 767px) {
    .h4-artist {
      font-size: 20px; } }
  @media only screen and (max-width: 330px) {
    .h4-artist {
      font-size: 18px; } }

.artist-review__item {
  border-bottom: 1px solid #D6DAE6;
  padding: 24px 0; }
  @media only screen and (max-width: 1440px) {
    .artist-review__item {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .artist-review__item {
      padding-top: 24px;
      padding-bottom: 24px; } }

.artist-review__item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px; }
.artist-review__item-name .h5-title {
  line-height: 20px;
}
  @media only screen and (max-width: 1440px) {
    .artist-review__item-name {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .artist-review__item-name {
      margin-bottom: 20px; }
    .artist-review__item-name .h5-title {
      line-height: 20px;
    }
  }
  @media only screen and (max-width: 1440px) {
    .artist-review__item-name .h5-title {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .artist-review__item-name .h5-title {
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .artist-review__item-name .h5-title {
      font-size: 16px; } }

.artist-photo {
  max-width: 295px;
  width: 100%;
  margin-right: 20px;
  min-width: 295px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1440px) {
    .artist-description {
      width: calc(100% - 215px);
    }
    .artist-photo {
      max-width: 200px;
      min-width: 180px;
      margin-right: 15px; } }
  @media only screen and (max-width: 991px) {
    .artist-description {
      width: 100%;
    }
    .artist-photo {
      width: 100%;
      max-width: 100%;
      margin-right: 0; }
      .artist-photo img {
        margin: 0 auto;
        max-width: 295px;
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .artist-photo img {
      width: 170px;
      height: 190px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 50% 0%;
         object-position: 50% 0%;
      overflow: hidden;
      margin: 0 auto; } }
  @media only screen and (max-width: 330px) {
    .artist-photo img {
      width: 150px;
      height: 166px; } }

.artist-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 991px) {
    .artist-wrap {
      display: block; } }

.artist-main .block-decor-right {
  top: 45%; }

.artist-main .main-block-decor {
  top: 24%;
  position: absolute;
  left: auto;
  right: 50px;
  z-index: -1; }
  @media only screen and (max-width: 1599px) {
    .artist-main .main-block-decor {
      right: -20px; } }
  @media only screen and (max-width: 1440px) {
    .artist-main .main-block-decor {
      right: 10px;
      top: 23%; } }
  @media only screen and (max-width: 1366px) {
    .artist-main .main-block-decor {
      right: -10px; } }
  @media only screen and (max-width: 1280px) {
    .artist-main .main-block-decor {
      right: -30px; } }
  @media only screen and (max-width: 1279px) {
    .artist-main .main-block-decor {
      display: none; } }

.artist-main .block-decor-2 {
  position: absolute;
  top: 72%;
  left: 133px; }
  @media only screen and (max-width: 1440px) {
    .artist-main .block-decor-2 {
      left: 15px;
      top: auto;
      bottom: 50px; } }

.clean-desc__all-item {
  padding: 0 30px 60px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px; }
  .clean-desc__all-item .checkbox label {
    cursor: default; }
    .clean-desc__all-item .checkbox label span {
      cursor: default; }
  .clean-desc__all-item .checkbox:hover span:before {
    border-color: #586587; }
  .clean-desc__all-item .active-checkbox span:after {
    opacity: 1; }
  .clean-desc__all-item .active-checkbox span:before {
    border-color: #0087F8; }
  .clean-desc__all-item .order-accordion {
    padding: 0;
    border: none; }
    .clean-desc__all-item .order-accordion:last-child .clean-desc-accord__item:last-child {
      border-bottom: 0; }
    .clean-desc__all-item .order-accordion .order-accordion__title {
      padding-top: 20px;
      padding-bottom: 20px;
      color: #586587;
      font-size: 18px;
      border-bottom: 1px solid #D6DAE6; }
      @media only screen and (max-width: 767px) {
        .clean-desc__all-item .order-accordion .order-accordion__title {
          font-size: 16px; } }
  .clean-desc__all-item .order-accordion__panel {
    margin-top: 20px; }
  @media only screen and (max-width: 767px) {
    .clean-desc__all-item {
      padding: 0 15px; } }

.clean-desc-wrap .h4-title-wrap {
  margin-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .clean-desc-wrap .h4-title-wrap {
      margin-bottom: 25px; } }
  .clean-desc-wrap .h4-title-wrap .h4-title {
    font-size: 25px;
    line-height: 1.3; }

.clean-desc-accord__item {
  border-bottom: 1px solid #D6DAE6;
  padding-bottom: 25px;
  margin-bottom: 25px; }
  .clean-desc-accord__item:last-child {
    margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .all-checkbox-clean {
    margin-top: 10px; } }

.h5-clean {
  font-size: 18px;
  font-family: 'CirceBold',sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .h5-clean {
      font-size: 17px; } }

.disactive-inner .order-accordion__decor:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg); }

.clean-desc-main .block-decor-right {
  top: 45%; }

.clean-desc-main .main-block-decor {
  top: 30%; }
  @media only screen and (max-width: 1440px) {
    .clean-desc-main .main-block-decor {
      top: 25%; } }

.clean-desc-main .block-decor-2 {
  left: 133px;
  top: 105%; }
  @media only screen and (max-width: 1440px) {
    .clean-desc-main .block-decor-2 {
      left: 15px; } }

.include-main .main-block-decor {
  top: 14%; }

.include-main .order-accordion__panel {
  display: block; }

.include-main .block-decor-2 {
  left: 133px; }
  @media only screen and (max-width: 1440px) {
    .include-main .block-decor-2 {
      left: 15px; } }

.include-main .order-accordion .order-accordion__title {
  font-family: 'CirceBold',sans-serif;
  color: #161D39; }
  @media only screen and (min-width: 768px) {
    .include-main .order-accordion .order-accordion__title {
      font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .support-wrap .h2-title {
    text-align: center; } }

.support-contact {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .support-contact {
      margin-top: 15px;
      display: block; } }

.support-contact__item {
  padding: 25px 25px 15px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px;
  margin-bottom: 18px;
  max-width: 610px;
  width: 100%; }
  @media only screen and (max-width: 1440px) {
    .support-contact__item {
      width: 49%; } }
  @media only screen and (max-width: 767px) {
    .support-contact__item {
      max-width: 100%;
      width: 100%; } }

.support__item-one {
  position: relative; }

.support-h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 18px;
  font-family: 'CirceBold',sans-serif;
  margin-bottom: 15px; }
  @media only screen and (max-width: 1023px) {
    .support-h6 {
      font-size: 16px; } }
  @media only screen and (max-width: 767px) {
    .support-h6 {
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .support-h6 {
      font-size: 16px; } }

.support-img {
  max-width: 32px;
  width: 100%;
  margin-right: 15px; }
  @media only screen and (max-width: 767px) {
    .support-img {
      max-width: 40px; } }
  @media only screen and (max-width: 330px) {
    .support-img {
      max-width: 32px; } }

.support-text {
  padding-left: 50px; }
  .support-text a {
    color: #0087F8;
    text-decoration: underline; }
  @media only screen and (max-width: 1023px) {
    .support-text {
      padding-left: 0; } }

.support-form {
  margin-top: 45px;
  max-width: 925px;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .support-form {
      margin-top: 40px; } }

.support-h5 {
  font-size: 21px;
  font-family: 'CirceBold',sans-serif; }
  @media only screen and (max-width: 767px) {
    .support-h5 {
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .support-h5 {
      font-size: 16px; } }

.form-top {
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .form-top {
      margin-top: 16px;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      margin-bottom: 0; } }

.input-item {
  max-width: 295px;
  width: 100%;
  margin-right: 20px;
  margin-left: 0; }
  .input-item:last-child {
    margin-right: 0; }
  .input-item .input-container {
    margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .input-item {
      max-width: 100%;
      margin: 0; } }
  @media only screen and (max-width: 425px) {
    .input-item {
      margin: 0; } }

.label-item {
  line-height: 29px;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767px) {
    .label-item {
      line-height: 21px; } }

.accept-uslovie {
  display: block;
  color: #586587;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 27px; }
  .accept-uslovie a {
    color: #0087F8;
    text-decoration: underline;
    margin: 0 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .accept-uslovie a:hover {
      color: #08BC66; }
  @media only screen and (max-width: 767px) {
    .accept-uslovie {
      margin-bottom: 25px;
      font-size: 15px;
      line-height: 130%; } }
  @media only screen and (max-width: 330px) {
    .accept-uslovie {
      font-size: 14px; } }

.texarea-conteiner {
  width: 100%;
  resize: none;
  padding: 15px;
  height: 246px; }
  @media only screen and (max-width: 1366px) {
    .texarea-conteiner {
      height: 180px; } }
  @media only screen and (max-width: 767px) {
    .texarea-conteiner {
      height: 246px; } }

.textarea-item {
  margin-top: 10px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .textarea-item {
      margin-top: 20px;
      margin-bottom: 22px; } }

.support-main + .footer {
  margin-top: 120px;
}
.artist-reviews .h4-artist {
  padding-left: 16px;
}
.support-main + .footer .footer__img-decor,.support-main + .footer .decor--pink {
  display: none;
}

.support-main .block-decor-2 {
  top: 105%;
  left: 133px; }
  @media only screen and (max-width: 1440px) {
    .support-main .block-decor-2 {
      left: 10px; } }

.support-main .main-block-decor {
  right: 325px;
  top: 52%;
  z-index: -1; }
  @media only screen and (max-width: 1440px) {
    .support-main .main-block-decor {
      right: 70px; } }

.find-task__item {
  max-width: 100%;
  width: 100%;
  margin-bottom: 28px;
  background: #fff;
  -webkit-box-shadow: 0 8px 20px #E3E9F9;
          box-shadow: 0 8px 20px #E3E9F9;
  border-radius: 7px;
  padding: 30px 40px 40px;
  border-right: 7px solid #0087F8; }
  @media only screen and (max-width: 1440px) {
    .find-task__item {
      padding: 20px 25px 20px; } }
  @media only screen and (max-width: 767px) {
    .find-task__item {
      padding: 15px;
      margin-bottom: 15px;
      border-bottom: 7px solid #0087F8;
      border-right: 0; } }

.find-task__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media only screen and (max-width: 767px) {
    .find-task__info {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .find-task__info.find-task__info--year {
      display: none; } }

.find-task__info-title {
  font-family: 'CirceBold',sans-serif;
  margin-right: 25px; }
  @media only screen and (max-width: 767px) {
    .find-task__info-title {
      margin-bottom: 5px;
      margin-right: 0;
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .find-task__info-title {
      font-size: 16px; } }

.find-task__item-title {
  margin-bottom: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  color: #161D39; }
  @media only screen and (max-width: 1440px) {
    .find-task__item-title {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 1200px) {
    .find-task__item-title .h4-title {
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }
      .find-task__item-title .h4-title:hover {
        color: #0087F8; } }
  @media only screen and (max-width: 767px) {
    .find-task__item-title {
      margin-bottom: 15px;
      display: block;
      padding-left: 45px; }
      .find-task__item-title .h4-title {
        color: #0087F8;
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 6px; } }
  @media only screen and (max-width: 330px) {
    .find-task__item-title {
      padding-left: 40px; }
      .find-task__item-title .h4-title {
        font-size: 18px; } }

.find-task-data {
  color: #586587;
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .find-task-data {
      font-size: 16px; } }
  @media only screen and (max-width: 330px) {
    .find-task-data {
      font-size: 14px; } }

.find-task__all-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 23px;
  border-bottom: 1px solid #D6DAE6;
  padding-bottom: 15px; }
  @media only screen and (max-width: 1440px) {
    .find-task__all-info {
      margin-top: 0;
      padding-bottom: 0; } }
  .find-task__all-info .find-task__info:not(:last-of-type) {
    margin-right: 80px; }
  @media only screen and (max-width: 1279px) {
    .find-task__all-info .find-task__info:not(:last-of-type) {
      margin-right: 50px; } }
  @media only screen and (max-width: 1023px) {
    .find-task__all-info .find-task__info:not(:last-of-type) {
      margin-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .find-task__all-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      margin-top: 15px;
      padding-bottom: 0;
      border: none; }
      .find-task__all-info .find-task__info:last-of-type {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1; }
      .find-task__all-info .find-task__info:not(:last-of-type) {
        margin-right: 0; } }

.find-tas__item-img {
  display: none; }
  @media only screen and (max-width: 767px) {
    .find-tas__item-img {
      display: block;
      position: absolute;
      top: 5px;
      left: 0;
      max-width: 30px;
      width: 30px;
      height: 30px;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: 50% 50%;
         object-position: 50% 50%; } }
  @media only screen and (max-width: 330px) {
    .find-tas__item-img {
      max-width: 25px;
      width: 25px;
      height: 25px; } }

.right-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media only screen and (max-width: 767px) {
    .right-button {
      display: none; } }
  @media only screen and (max-width: 1440px) {
    .right-button .btn {
      padding: 8px 20px 8px; } }

.find-item__types {
  display: block;
  padding-top: 25px; }
  @media only screen and (max-width: 1440px) {
    .find-item__types {
      padding-top: 15px; } }
  @media only screen and (max-width: 767px) {
    .find-item__types {
      display: none; } }

.find-task__info-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  @media only screen and (max-width: 1440px) {
    .find-task__info-table:last-child .find-task__info-title,
    .find-task__info-table:last-child .find-task__info-descr {
      margin-bottom: 10px; } }
  .find-task__info-table .find-task__info-title {
    max-width: 175px;
    width: 100%;
    margin-right: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.block-decor-right {
  right: -188px;
  left: auto;
  top: 30%;
  width: 336px;
  height: 336px; }
  @media only screen and (max-width: 1440px) {
    .block-decor-right {
      top: 32%;
      right: -125px;
      width: 220px;
      height: 220px; } }

.global-decor-right-big {
  left: auto;
  width: 95px;
  height: 95px;
  right: 142px;
  top: 42%; }
  @media only screen and (max-width: 1750px) {
    .global-decor-right-big {
      right: 75px;
      top: 48%; } }
  @media only screen and (max-width: 1599px) {
    .global-decor-right-big {
      right: -15px;
      top: 50%; } }

.global-decor-right-small {
  width: 47px;
  height: 47px;
  left: auto;
  right: 167px;
  top: 50%; }
  @media only screen and (max-width: 1750px) {
    .global-decor-right-small {
      right: 100px;
      top: 55%; } }
  @media only screen and (max-width: 1599px) {
    .global-decor-right-small {
      right: 20px;
      top: 60%; } }

.h5-inner {
  font-size: 21px;
  margin-bottom: 25px;
  font-family: 'CirceBold',sans-serif; }
  @media only screen and (max-width: 767px) {
    .h5-inner {
      font-size: 16px; } }

.quest-answer p {
  line-height: 29px; }

.quest-answer a {
  color: #0087F8;
  padding: 0 5px; }
  .quest-answer a:hover {
    text-decoration: underline; }

.quest-answer ol {
  margin-bottom: 15px; }
  .quest-answer ol li {
    counter-increment: step-counter;
    margin-bottom: 10px; }
    .quest-answer ol li:before {
      content: counter(step-counter);
      margin-right: 5px;
      font-size: 12px;
      color: #0087F8;
      font-weight: bold;
      padding-right: 10px;
      border-radius: 3px; }

.quest-answer ul {
  margin-bottom: 15px; }
  .quest-answer ul li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 12px; }
    .quest-answer ul li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 6px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #0087F8; }
      @media only screen and (max-width: 767px) {
        .quest-answer ul li:before {
          top: 3px; } }

.faq-wrap .h2-title {
  text-align: center; }

.faq-all {
  padding: 43px 30px 76px;
  background: #fff;
  -webkit-box-shadow: 0px 8px 20px #e3e9f9;
  box-shadow: 0px 8px 20px #e3e9f9;
  border-radius: 7px;
  margin-top: 65px; }
  @media only screen and (max-width: 1440px) {
    .faq-all {
      margin-top: 50px; } }
  @media only screen and (max-width: 767px) {
    .faq-all {
      margin-top: 25px;
      padding: 25px 15px 36px;
      padding-bottom: 0; } }

.faq-row {
  border-bottom: 1px solid #D6DAE6;
  padding-bottom: 40px;
  padding-top: 30px; }
  .faq-row:last-child {
    border-bottom: 0; }
  .faq-row .h3-title {
    padding: 0 30px;
    margin-bottom: 5px;
    line-height: 44px; }
    @media only screen and (max-width: 1440px) {
      .faq-row .h3-title {
        padding-left: 25px;
        padding-right: 25px; } }
    @media only screen and (max-width: 1200px) {
      .faq-row .h3-title {
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .faq-row .h3-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .faq-row {
      padding-bottom: 10px; } }

.faq-item .faq-list__title {
  padding-left: 0; }
  .faq-item .faq-list__title:before {
    display: none; }

.faq-list__title {
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .faq-list__title {
      font-size: 18px; } }

.faq-list {
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .faq-list {
      margin-bottom: 10px; } }

.faq-3 {
  border-bottom: 1px solid #D6DAE6;
  padding-bottom: 40px; }
  @media only screen and (max-width: 1440px) {
    .faq-3 {
      padding-bottom: 25px; } }
  @media only screen and (max-width: 767px) {
    .faq-3 {
      padding-bottom: 10px; } }

.faq-item {
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: repeat(3, 25%);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 0 30px;
}

.faq-3 {
  display: grid;
  grid-template-columns: repeat(3, 33%);
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .faq-3 {
    display: block;
  }
}

.faq-3 .faq-item {
  display: block !important;
  padding: 0 30px;
}

  @media only screen and (max-width: 1440px) {
    .faq-item {
      padding-left: 25px;
      padding-right: 25px;
      grid-template-columns: repeat(3, 31%); } }
  @media only screen and (max-width: 1200px) {
    .faq-item {
      padding: 0; } }
  .faq-item li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    min-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .faq-item li:before {
      content: '';
      width: 26px;
      height: 26px;
      position: absolute;
      left: 0;
      top: 0;
      background: url("../images/support/faq-icon.png") no-repeat;
      background-position: 50% 50%;
      background-size: contain; }
      @media only screen and (max-width: 767px) {
        .faq-item li:before {
          width: 18px;
          height: 18px; } }
    .faq-item li a {
      color: #161D39;
      position: relative;
      font-size: 16px;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .faq-item li a:hover {
        color: #0087F8;
        text-decoration: underline; }
      @media only screen and (max-width: 330px) {
        .faq-item li a {
          font-size: 14px; } }
    @media only screen and (max-width: 1023px) {
      .faq-item li {
        margin-bottom: 20px;
        padding-left: 32px; } }
    @media only screen and (max-width: 767px) {
      .faq-item li {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 330px) {
      .faq-item li {
        margin-bottom: 17px; } }
  @media only screen and (max-width: 767px) {
    .faq-item {
      display: grid;
      grid-template-columns: repeat(2, 47%);
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media only screen and (max-width: 539px) {
    .faq-item {
      display: block; } }

.faq-item-2 {
  grid-template-columns: repeat(2, 47%);
  grid-row-gap: 20px; }
  @media only screen and (max-width: 1366px) {
    .faq-item-2 {
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial; } }
  .faq-item-2 li:last-child {
    margin-bottom: 0; }
  .faq-item-2 .faq-list {
    margin-bottom: 0; }
    @media only screen and (max-width: 540px) {
      .faq-item-2 .faq-list {
        margin-bottom: 20px; } }

.faq-main .block-decor-2 {
  left: 133px;
  top: 105%; }

.faq-main .block-decor-right {
  top: 50%; }

.public-order__btn-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 640px) {
    .public-order__btn-holder {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: stretch;
          -ms-flex-pack: stretch;
              justify-content: stretch; } }
  .public-order__btn-holder .btn:first-child {
    margin-right: 25px; }
    @media only screen and (max-width: 640px) {
      .public-order__btn-holder .btn:first-child {
        margin-right: 0;
        margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .public-order__btn-holder .btn {
      padding-top: 14px;
      padding-bottom: 15px;
      font-size: 16px; } }
  @media only screen and (max-width: 330px) {
    .public-order__btn-holder .btn {
      padding-top: 12px;
      padding-bottom: 13px;
      font-size: 14px; } }

.public-card {
  padding: 36px 30px;
  margin-top: 78px;
  border: 1px solid #CFD8EC;
  background-color: #FAFBFD;
  border-radius: 5px; }
  .public-card:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .public-card {
      padding: 16px 19px 14px;
      margin-top: 64px; } }
  .public-card .public-order__btn-holder {
    margin-top: 37px; }
    @media only screen and (max-width: 767px) {
      .public-card .public-order__btn-holder {
        margin-top: 25px;
        margin-bottom: 18px; } }
  .public-card .public-user__photo {
    margin-top: -90px;
    margin-right: 15px; }
    @media only screen and (max-width: 767px) {
      .public-card .public-user__photo {
        margin-top: -55px; } }
  .public-card .public-user__name-holder {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    @media only screen and (max-width: 480px) {
      .public-card .public-user__name-holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .public-card .public-card__tel {
    margin-left: 5px;
    font-family: 'CirceBold',sans-serif; }
    @media only screen and (max-width: 767px) {
      .public-card .public-card__tel {
        margin-left: 0; } }
  .public-card .public-user__name {
    margin-right: 19px; }
    @media only screen and (max-width: 480px) {
      .public-card .public-user__name {
        margin-bottom: 10px;
        padding-left: 11px;
        margin-right: 0; } }

.public-user__name-holder,
.public-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.public-card--choose {
  margin-top: 71px;
  background-color: #FFF4F9;
  border: 1px solid #F5D9E4; }
  @media only screen and (max-width: 767px) {
    .public-card--choose {
      margin-top: 53px; } }
  .public-card--choose .public-user__photo {
    /*border-color: #FCE1EC;*/ }

.public-user {
  margin-bottom: 16px; }

.public-user__photo {
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 103px;
  height: 103px;
  /*border: 6px solid #ffffff;*/
  box-shadow: 0 0 0 6px #ffffff, 0 0 0 8px #cfd8ec;
  border-radius: 50%;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .public-user__photo {
      /*border: 8px solid #ffffff;*/
      /*width: 94px;*/
      /*height: 94px;*/ } }
  .public-user__photo img {
    width: 103px;
    height: 103px; }
    @media only screen and (max-width: 767px) {
      .public-user__photo img {
        /*width: 80px;*/
        /*height: 80px; */ } }

.public-user__reviews {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 19px;
  color: #0087F8;
  border-left: 1px solid #CFD8EC;
  text-decoration: underline; }
  @media only screen and (max-width: 640px) {
    .public-user__reviews {
      margin-left: 0;
      padding-left: 11px; } }

.public-card__title {
  display: block;
  margin-bottom: 17px;
  font-size: 18px; }
  @media only screen and (max-width: 767px) {
    .public-card__title {
      margin-bottom: 8px; } }
  @media only screen and (max-width: 330px) {
    .public-card__title {
      font-size: 16px; } }

.public-card__text {
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .public-card__text {
      margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .public-card__tel-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
    line-height: 19px; } }

.public-card__tel {
  color: #161D39; }

.public-status {
  margin-top: 44px;
  margin-bottom: 73px; }
  @media only screen and (max-width: 767px) {
    .public-status {
      margin-top: 23px;
      margin-bottom: 32px; } }
  .public-status .public-order__btn-holder {
    margin-top: 33px; }
    @media only screen and (max-width: 767px) {
      .public-status .public-order__btn-holder {
        margin-top: 25px; } }
    @media only screen and (max-width: 640px) {
      .public-status .public-order__btn-holder {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto; } }

.public-status__text {
  display: block;
  color: #586587; }

.public-title {
  margin-bottom: 40px; }
  @media only screen and (max-width: 1440px) {
    .public-title {
      margin-bottom: 27px; } }
  @media only screen and (max-width: 767px) {
    .public-title {
      font-size: 20px;
      text-align: center; } }

.main-public .container,
.main-order-executor .container {
  position: relative; }

.main-public .main-block-decor,
.main-order-executor .main-block-decor {
  right: 0;
  top: 435px; }
  @media only screen and (max-width: 1440px) {
    .main-public .main-block-decor,
    .main-order-executor .main-block-decor {
      top: 21%; } }

.main-public .aside-card .h5-title,
.main-order-executor .aside-card .h5-title {
  width: 100%;
  margin-bottom: 20px; }
.underline-link {
  font-size: 13px;
  line-height: 103.8%;
  text-align: center;
  text-decoration-line: underline;
  display: none;
  margin-bottom: 50px;
  color: #586587;
}
@media only screen and (max-width: 1023px) {
  .underline-link {
    display: block;
  }
  .main-public .main-aside,
  .main-order-executor .main-aside {
    display: none; }
.main-public .main-aside {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.main-public .main-aside.active {
  display: flex;
}
.main-public .main-aside .aside-card {
  text-align: left;
  padding: 35px 22px 35px 120px;
  max-width: 300px;
  width: 100%;
  position: relative;
}
.main-public .main-aside .aside-card .h5-title {
  text-align: left;

}
.main-public .main-aside .aside-card  .aside-card__photo {
  top: 35px;
  left: 26px;
}
}
.public-order-item {
  position: relative;
  padding: 101px 28px 41px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .public-order-item {
      padding: 82px 19px 20px; } }

.public-order-item-list {
  padding: 25px 28px 11px;
  margin-bottom: 30px;
}
  @media only screen and (max-width: 767px) {
    .public-order-item-list {
      padding: 17px 19px 3px; } }
  @media only screen and (max-width: 767px) {
    .public-order-item-list .quest-answer li {
      font-size: 18px; }
      .public-order-item-list .quest-answer li:before {
        top: 5px; } }
  @media only screen and (max-width: 330px) {
    .public-order-item-list .quest-answer li {
      font-size: 14px; }
      .public-order-item-list .quest-answer li:before {
        top: 3px; } }
  .public-order-item-list .public-order-item__top .h5-title {
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .public-order-item-list .public-order-item__top .h5-title {
        font-size: 18px; } }
    @media only screen and (max-width: 330px) {
      .public-order-item-list .public-order-item__top .h5-title {
        font-size: 16px; } }
  .public-order-item-list .public-order-item__bottom {
    margin-top: 21px;
    padding-top: 28px; }
    .public-order-item-list .public-order-item__bottom .h5-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 21px; }
      @media only screen and (max-width: 767px) {
        .public-order-item-list .public-order-item__bottom .h5-title {
          margin-bottom: 17px; } }
      @media only screen and (max-width: 480px) {
        .public-order-item-list .public-order-item__bottom .h5-title {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
    @media only screen and (max-width: 767px) {
      .public-order-item-list .public-order-item__bottom {
        margin-top: 5px;
        padding-top: 19px; } }
    .public-order-item-list .public-order-item__bottom .h5-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 21px; }
      @media only screen and (max-width: 767px) {
        .public-order-item-list .public-order-item__bottom .h5-title {
          margin-bottom: 17px;
          font-size: 19px; } }
      @media only screen and (max-width: 480px) {
        .public-order-item-list .public-order-item__bottom .h5-title {
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
      @media only screen and (max-width: 330px) {
        .public-order-item-list .public-order-item__bottom .h5-title {
          font-size: 16px; } }

.public-order-item__label {
  position: absolute;
  top: 23px;
  left: 0;
  padding: 13px 20px;
  font-family: 'CirceBold',sans-serif;
  font-size: 21px;
  line-height: 1;
  color: #ED1C24;
  background-color: #E9F3FB;
  border-radius: 0 30px 30px 0; }
  @media only screen and (max-width: 767px) {
    .public-order-item__label {
      font-size: 18px;
      padding: 10px 18px 10px 14px; } }
  @media only screen and (max-width: 330px) {
    .public-order-item__label {
      font-size: 16px; } }

.public-map {
  height: 357px;
  margin-bottom: 35px;
  border-radius: 5px; }
  @media only screen and (max-width: 767px) {
    .public-map {
      height: 250px;
      margin: 0 -19px 20px; } }
  @media only screen and (max-width: 375px) {
    .public-map {
      height: 200px; } }
  @media only screen and (max-width: 330px) {
    .public-map {
      height: 140px; } }

.main-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.main-content {
  width: 100%;
  max-width: calc(100% - 315px);
  margin-right: 20px; }
  @media only screen and (max-width: 1440px) {
    .main-content {
      max-width: calc(100% - 250px); } }
  @media only screen and (max-width: 1023px) {
    .main-content {
      margin-right: 0;
      max-width: 100%; } }

.main-aside {
  width: 295px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  @media only screen and (max-width: 1440px) {
    .main-aside {
      width: 230px; } }
  @media only screen and (max-width: 480px) {
    .main-aside {
      width: 100%; } }

.aside-card {
  padding: 23px 20px 36px;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 20px #E3E9F9;
          box-shadow: 0px 8px 20px #E3E9F9;
  border-radius: 7px; }
  @media only screen and (max-width: 1440px) {
    .aside-card {
      padding-left: 15px;
      padding-right: 15px; } }
  .aside-card .h5-title {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .aside-card .h5-title {
        font-size: 18px; } }
    @media only screen and (max-width: 330px) {
      .aside-card .h5-title {
        font-size: 16px; } }

.aside-card__btn-close {
  display: none; }
  @media only screen and (max-width: 1023px) {
    .aside-card__btn-close {
      display: block;
      position: absolute;
      top: 13px;
      right: 16px;
      width: 20px;
      height: 20px;
      padding: 0;
      margin: 0;
      background-color: transparent; }
      .aside-card__btn-close:before, .aside-card__btn-close:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #0087F8; }
      .aside-card__btn-close:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg); }
      .aside-card__btn-close:before {
        -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg); } }

.aside-card__info-list {
  width: 59%;
  padding-left: 15px; }
  @media only screen and (max-width: 1440px) {
    .aside-card__info-list {
      padding-left: 10px; } }
  .aside-card__info-list li {
    margin-bottom: 8px; }
    .aside-card__info-list li:last-child {
      margin-bottom: 0; }

.aside-card__photo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 104px;
  height: 104px;
  border: 2px solid #FCE1EC;
  border-radius: 50%;
  overflow: hidden; }
  @media only screen and (max-width: 1440px) {
    .aside-card__photo {
      width: 80px;
      height: 80px; } }
  @media only screen and (max-width: 1023px) {
    .aside-card__photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 76px;
      height: 76px; } }
  .aside-card__photo img {
    width: 89px;
    height: 89px;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%; }
    @media only screen and (max-width: 1440px) {
      .aside-card__photo img {
        width: 70px;
        height: 70px; } }
    @media only screen and (max-width: 1023px) {
      .aside-card__photo img {
        width: 65px;
        height: 65px; } }

.aside-card__reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
.aside-card__reviews a {
  color:rgb(0, 0, 238);
}
  .aside-card__reviews a:hover {
    color: #161D39;
  }
  .aside-card__reviews span:not(:last-child) {
    margin-right: 10px; }

.public-list {
  margin-top: 0;
  margin-bottom: 0; }

.public-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  line-height: 1; }
  @media only screen and (max-width: 1440px) {
    .public-list__item {
      margin-bottom: 16px; } }
  @media only screen and (max-width: 767px) {
    .public-list__item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      margin-bottom: 15px; } }
  .public-list__item:last-child {
    margin-bottom: 0; }
  .public-list__item .h5-title {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 182px; }
    @media screen and (max-width: 767px) and (min-width: 330px) {
      .public-list__item .h5-title {
        margin-bottom: 5px;
        font-size: 19px; } }
    @media only screen and (max-width: 330px) {
      .public-list__item .h5-title {
        margin-bottom: 8px; } }

.public-list__description {
  margin-left: 0; }
  @media screen and (max-width: 767px) and (min-width: 330px) {
    .public-list__description {
      font-size: 18px; } }

.public-order-item__bottom {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #D6DAE6; }
  @media only screen and (max-width: 1440px) {
    .public-order-item__bottom {
      margin-top: 25px;
      padding-top: 25px; } }
  @media only screen and (max-width: 767px) {
    .public-order-item__bottom {
      padding-top: 14px;
      margin-top: 20px; } }
  .public-order-item__bottom .order-accordion__panel {
    margin-top: 21px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .public-order-item__bottom .order-accordion__panel {
        margin-top: 17px;
        margin-bottom: 0; } }
    .public-order-item__bottom .order-accordion__panel ul {
      margin-bottom: 0; }
    .public-order-item__bottom .order-accordion__panel li:last-child {
      margin-bottom: 0; }
  .public-order-item__bottom .order-accordion__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: initial;
    font-family: 'CirceBold',sans-serif; }
    @media only screen and (max-width: 640px) {
      .public-order-item__bottom .order-accordion__title {
        width: 100%;
        font-size: 18px; } }
    @media only screen and (max-width: 330px) {
      .public-order-item__bottom .order-accordion__title {
        font-size: 16px; } }
  .public-order-item__bottom .order-accordion__decor {
    margin-left: 40px; }
    @media only screen and (max-width: 767px) {
      .public-order-item__bottom .order-accordion__decor {
        width: 34px;
        height: 34px;
        margin-left: 20px; }
        .public-order-item__bottom .order-accordion__decor:after, .public-order-item__bottom .order-accordion__decor:before {
          width: 14px; } }
  .public-order-item__bottom .public-list {
    margin-bottom: 35px; }
    @media only screen and (max-width: 767px) {
      .public-order-item__bottom .public-list {
        margin-bottom: 25px; } }

.public-order-item__image-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px; }
  @media only screen and (max-width: 767px) {
    .public-order-item__image-holder {
      margin-left: -5px;
      margin-right: -5px; } }

.choose-photo-wrap {
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 13px; }
  @media only screen and (max-width: 767px) {
    .choose-photo-wrap {
      padding-left: 5px;
      padding-right: 5px; } }

.choose-photo__btn-remove {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: .7; }

.choose-photo__btn-remove--active {
  display: block; }

label.choose-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 16px;
  line-height: 18px;
  color: #586587;
  border: 1px dashed #CFD8EC;
  background-color: #FAFBFD;
  text-align: center;
  cursor: pointer; }
  @media only screen and (max-width: 767px) {
    label.choose-photo {
      padding-left: 19px;
      padding-right: 19px;
      font-size: 16px;
      line-height: 16px; } }
  @media only screen and (max-width: 330px) {
    label.choose-photo {
      font-size: 14px; } }
  label.choose-photo img {
    display: none; }

.choose-photo {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 5px;
  overflow: hidden; }
  @media only screen and (max-width: 1440px) {
    .choose-photo {
      width: 130px;
      height: 130px; } }
  @media only screen and (max-width: 767px) {
    .choose-photo {
      width: 120px;
      height: 120px; } }
  .choose-photo input {
    position: absolute;
    width: 100%;
    opacity: 0;
    visibility: hidden; }

.choose-photo__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

.choose-photo--active {
  border-color: transparent; }

.public-order-item__btn-holder {
  padding-bottom: 42px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .public-order-item__btn-holder {
      padding-bottom: 24px; } }
  .public-order-item__btn-holder .btn {
    min-width: 366px; }
    @media only screen and (max-width: 480px) {
      .public-order-item__btn-holder .btn {
        min-width: 100%;
        padding-top: 12px;
        padding-bottom: 13px; } }

.public-order-item__list-left {
  width: 55%; }

.public-order-item__list-right {
  width: 40%; }

@media only screen and (max-width: 767px) {
  .public-order-item__list-right,
  .public-order-item__list-left {
    width: 100%; } }

@media only screen and (max-width: 1024px) {
  .main-order-executor .order-executor-btn-holder {
    margin-bottom: 47px; } }

.main-order-executor .main-block-decor {
  right: 0;
  top: 435px; }
  @media only screen and (max-width: 1440px) {
    .main-order-executor .main-block-decor {
      top: 380px; } }

@media only screen and (max-width: 1440px) {
  .main-order-executor .block-decor-right {
    top: 40%; } }

@media only screen and (max-width: 1440px) {
  .main-order-executor .block-decor-2 {
    top: 51%; } }

.main-order-executor .public-order-item-list {
  margin-bottom: 32px; }
  @media only screen and (max-width: 767px) {
    .main-order-executor .public-order-item-list {
      margin-bottom: 35px; } }

@media only screen and (max-width: 767px) {
  .order-executor-btn-holder {
    text-align: center; }
    .order-executor-btn-holder .btn {
      padding-left: 55px;
      padding-right: 55px;
      font-size: 16px; } }

@media only screen and (max-width: 330px) {
  .order-executor-btn-holder .btn {
    padding-left: 46px;
    padding-right: 46px;
    font-size: 14px; } }

.personal-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 1399px) {
    .personal-inner .main-content {
      margin-right: 20px; } }
  @media only screen and (max-width: 1023px) {
    .personal-inner .main-content {
      max-width: 100%;
      margin-right: 0; } }
  .personal-inner .main-aside {
    display: block;
    text-align: center; }
    @media only screen and (max-width: 1023px) {
      .personal-inner .main-aside {
        margin-bottom: 20px; } }
  @media only screen and (max-width: 1023px) {
    .personal-inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.personal-top-item {
  padding: 30px 30px 60px;
  overflow: hidden;
  max-width: 100%; }
  @media only screen and (max-width: 1440px) {
    .personal-top-item {
      min-height: 360px;
      padding-left: 25px;
      padding-right: 25px; } }
  @media only screen and (max-width: 767px) {
    .personal-top-item {
      padding: 14px 16px; } }

.personal-card__photo {
  width: 176px;
  height: 176px;
  margin: 0 auto 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px;
  border: 2px solid #FCE1EC;
  border-radius: 50%;
}

  .personal-card__photo .personal-card__photo-inner {
    position: relative;
    border-radius: 50%;
    min-width: 150px;
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    overflow: hidden;
    max-height: 150px;
    background: #EEF3FA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (max-width: 1440px) {
      .personal-card__photo .personal-card__photo-inner {
        width: 100px;
        height: 100px;
        min-width: 100px; } }
    .personal-card__photo .personal-card__photo-inner:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 73px;
      height: 73px;
      background-image: url("../images/personal-area/icon-personal.png");
      background-size: cover;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
      @media only screen and (max-width: 1440px) {
        .personal-card__photo .personal-card__photo-inner:before {
          width: 55px;
          height: 55px; } }
    .personal-card__photo .personal-card__photo-inner.active img {
      opacity: 1; }
  .personal-card__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0;
    z-index: 100; }
  @media only screen and (max-width: 1440px) {
    .personal-card__photo {
      width: 120px;
      height: 120px; } }
  @media only screen and (max-width: 767px) {
    .personal-card__photo {
      width: 140px;
      height: 140px;
      padding: 10px; }
      .personal-card__photo .personal-card__photo-inner {
        width: 120px;
        max-width: 120px;
        min-width: 120px;
        height: 120px; } }
  @media only screen and (max-width: 330px) {
    .personal-card__photo {
      width: 120px;
      height: 120px; }
      .personal-card__photo .personal-card__photo-inner {
        width: 100px;
        max-width: 100px;
        min-width: 100px;
        height: 100px; } }

.personal-tabs {
  padding-bottom: 20px;
  border-bottom: 1px solid #D6DAE6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 30px;
  overflow-x: scroll; }
  @media only screen and (max-width: 767px) {
    .personal-tabs {
      padding-bottom: 20px;
      margin-bottom: 20px; } }

.personal-tab p,
.personal-tab a {
  margin-bottom: 0;
  padding-bottom: 6px;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  color: #586587;
  overflow: hidden; }
  .personal-tab p:before,
  .personal-tab a:before {
    content: '';
    position: absolute;
    left: -1%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #ED1C24;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.personal-tab a:hover {
  color: #161D39; }

.personal-tab:not(:last-of-type) {
  margin-right: 45px; }

@media only screen and (max-width: 767px) {
  .personal-tab {
    font-size: 18px;white-space: nowrap }
    .personal-tab:not(:last-of-type) {
      margin-right: 20px; } }

@media only screen and (max-width: 330px) {
  .personal-tab {
    font-size: 16px; } }

.active-personal-tab p, .active-personal-tab a {
  color: #161D39; }
  .active-personal-tab p:before, .active-personal-tab a:before {
    width: 100%; }

.personal-block .input-item {
  max-width: 295px; }
  .personal-block .input-item:nth-child(odd) {
    margin-right: 95px; }
  .personal-block .input-item:nth-child(even) {
    margin-right: 0; }
  @media only screen and (max-width: 1399px) {
    .personal-block .input-item:nth-child(odd) {
      margin-right: 50px; } }
  @media only screen and (max-width: 1023px) {
    .personal-block .input-item:nth-child(odd) {
      margin-right: 0px; } }

.personal-block .input-item__change {
  position: relative; }
  .personal-block .input-item__change .change-item {
    width: 18px;
    height: 18px;
    display: none;
    position: absolute;
    right: 0;
    top: 6px;
    cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .personal-block .input-item__change .change-item {
        top: 3px; } }
    .personal-block .input-item__change .change-item .icon-edit {
      font-size: 18px;
      color: #0087F8; }

.personal-block .input-item__change--active .change-item {
  display: block; }

.active-personal-block {
  display: block; }

.h6-personal {
  display: block;
  font-family: 'CirceBold',sans-serif; }
  @media only screen and (max-width: 767px) {
    .h6-personal {
      font-size: 16px; } }

.form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 1023px) {
    .form-flex {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.btn-photo {
  border-radius: 50px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 215px;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 10px; }
  @media only screen and (max-width: 1440px) {
    .btn-photo {
      max-width: 180px;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 15px; } }
  @media only screen and (max-width: 1023px) {
    .btn-photo {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      padding-left: 15px;
      padding-right: 15px; } }
  .btn-photo input {
    width: 0;
    height: 0;
    position: absolute; }
  .btn-photo .icon {
    margin-left: 12px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 22px; }
    @media only screen and (max-width: 1440px) {
      .btn-photo .icon {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .btn-photo .icon {
        font-size: 22px; } }
  .btn-photo:hover svg path {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    fill: #fff; }

.btn-create-task {
  width: 100%;
  margin-top: 30px;
  padding: 13px 48px; }
  @media only screen and (max-width: 1440px) {
    .btn-create-task {
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 20px; } }
  @media only screen and (max-width: 1023px) {
    .btn-create-task {
      text-align: center;
      width: auto;
      padding-left: 40px;
      padding-right: 40px; } }
  @media only screen and (max-width: 767px) {
    .btn-create-task {
      padding-left: 43px;
      padding-right: 43px;
      font-size: 16px; } }
  @media only screen and (max-width: 330px) {
    .btn-create-task {
      padding-left: 51px;
      padding-right: 51px;
      font-size: 14px; } }

.prim {
  display: block;
  margin-top: -10px;
  font-size: 16px;
  color: #586587;
  letter-spacing: -0.5px; }
  @media only screen and (max-width: 1023px) {
    .prim {
      font-size: 14px; } }
  @media only screen and (max-width: 767px) {
    .prim {
      margin-bottom: 20px; } }

.input-checkbox-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.personal-buttons {
  margin-top: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    .personal-buttons {
      margin-top: 25px;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .personal-buttons .btn {
        min-width: 200px;
        margin: 0 5px 15px;
        font-size: 16px; } }
  @media only screen and (max-width: 330px) {
    .personal-buttons .btn {
      font-size: 14px; } }
  .personal-buttons .btn-outline--blue {
    padding-left: 34px;
    padding-right: 34px; }

.input-personal {
  position: relative;
  margin-right: 50px; }
  @media only screen and (max-width: 767px) {
    .input-personal {
      margin-right: 70px; } }

.input-personal input + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer; }
  .input-personal input + label input {
    display: none; }

.input-personal input + label:before {
  position: absolute;
  border-radius: 50%;
  display: block;
  content: '';
  width: 15px;
  max-width: 15px;
  height: 15px;
  left: 0;
  top: 5px;
  margin: auto;
  border: 1px solid #D6E1EB;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media only screen and (max-width: 767px) {
    .input-personal input + label:before {
      top: 2px; } }

.input-personal input + label:after {
  position: absolute;
  border-radius: 50%;
  display: block;
  content: '';
  height: 9px;
  width: 9px;
  left: 3px;
  top: 8px;
  background-color: #D6E1EB;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  @media only screen and (max-width: 767px) {
    .input-personal input + label:after {
      top: 5px; } }

.input-personal input:checked + label:before {
  border-color: #00B66A; }

.input-personal input:checked + label:after {
  background: #00B66A; }

.personal-notification {
  margin-top: 30px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .personal-notification {
      margin-top: 0;
      margin-bottom: 40px; } }
  .personal-notification label {
    color: #161D39; }

.input-long {
  max-width: 472px; }
  .input-long label {
    margin-bottom: 10px; }
  .input-long .form-control {
    padding-right: 40px; }

.list-title {
  margin-top: 25px;
  line-height: 21px; }
  @media only screen and (max-width: 767px) {
    .list-title {
      margin-top: 15px; } }

.list-password {
  margin-bottom: 25px; }
  .list-password li {
    position: relative;
    color: #586587;
    margin-bottom: 10px;
    padding-left: 23px; }
    .list-password li:before {
      content: '';
      position: absolute;
      top: 4px;
      left: 6px;
      width: 7px;
      height: 11px;
      border-bottom: 3px solid currentColor;
      border-right: 3px solid currentColor;
      border-radius: 2px;
      -webkit-transform: rotate(40deg);
          -ms-transform: rotate(40deg);
              transform: rotate(40deg); }
      @media only screen and (max-width: 767px) {
        .list-password li:before {
          top: 0; } }
    @media only screen and (max-width: 767pxpx) {
      .list-password li:before {
        top: 4px; } }

.h6-personal--border {
  padding-bottom: 15px;
  border-bottom: 1px solid #D6DAE6;
  margin-bottom: 25px; }
  @media only screen and (max-width: 767px) {
    .h6-personal--border {
      margin-bottom: 15px; } }

.main-personal .main-block-decor {
  top: 325px; }

.main-personal .block-decor-right {
  top: 90%; }

.main-personal .block-decor-2 {
  left: 133px; }
  @media only screen and (max-width: 1440px) {
    .main-personal .block-decor-2 {
      left: 5px; } }

.personal-order--item {
  padding: 25px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .personal-order--item {
      padding: 17px  17px 22px;
      margin-bottom: 15px; } }

.personal-inner .btn-photo {
  margin-top: 18px; }

.personal-inner .h2-title {
  margin-bottom: 35px; }

.personal-order--title {
  display: inline-block;
  margin-bottom: 20px;
  font-family: 'CirceBold',sans-serif;
  color: #161D39;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s; }
  @media only screen and (max-width: 767px) {
    .personal-order--title {
      margin-bottom: 10px; } }

a.personal-order--title {
  color: #0087F8; }

.personal-order--adress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .personal-order--adress {
      display: block;
      margin-bottom: 10px; } }
  .personal-order--adress p {
    margin-bottom: 0; }

.personal-adress-adr {
  font-family: 'CirceBold',sans-serif;
  max-width: 100px;
  width: 100%;
  margin-right: 10px; }

.order-checked {
  color: #586587;
  margin-top: 25px; }

.personal-order--executor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1023px) {
    .personal-order--executor {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.personal-order--photo {
  width: 67px;
  height: 67px;
  border-radius: 50%;
  border: 2px solid #FCE1EC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0;
  margin-bottom: 10px; }
  .personal-order--photo img {
    border-radius: 50%;
    width: 57px;
    height: 57px; }
  @media only screen and (max-width: 1023px) {
    .personal-order--photo {
      margin-bottom: 0;
      margin-right: 10px; } }
  @media screen and (min-width: 340px) and (max-width: 767px) {
    .personal-order--photo {
      width: 77px;
      height: 77px; }
      .personal-order--photo img {
        width: 67px;
        height: 67px; } }

.personal-order--name {
  margin-bottom: 0;
  font-family: 'CirceBold',sans-serif; }

.personal-order--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media only screen and (max-width: 1023px) {
    .personal-order--flex {
      display: block; } }

.personal-order--left {
  max-width: 65%;
  width: 100%; }
  @media only screen and (max-width: 1023px) {
    .personal-order--left {
      max-width: 100%; } }

.personal-order--right {
  max-width: 35%;
  width: 100%;
  text-align: right; }
  @media only screen and (max-width: 1023px) {
    .personal-order--right {
      max-width: 100%;
      text-align: left; } }
  @media screen and (min-width: 340px) and (max-width: 767px) {
    .personal-order--right .btn {
      padding-left: 40px;
      padding-right: 40px; } }

.main-personal-order .main-block-decor {
  top: 21%; }
  @media only screen and (max-width: 1440px) {
    .main-personal-order .main-block-decor {
      top: 30%; } }

.main-personal-order .block-decor-right {
  top: 75%; }

.main-personal-order .block-decor-2 {
  top: 105%;
  left: 133px; }
  @media only screen and (max-width: 1440px) {
    .main-personal-order .block-decor-2 {
      top: 108%;
      left: 5px; } }

@media only screen and (max-width: 1023px) {
  .main-personal-order .main-aside {
    display: none; } }

@media only screen and (max-width: 767px) {
  .main-personal-order .personal-inner .h2-title {
    display: none; } }

.main-personal-executor .personal-inner {
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: 1fr 295px; }
  @media only screen and (max-width: 1440px) {
    .main-personal-executor .personal-inner {
      grid-template-columns: 1fr 225px; } }
  @media only screen and (max-width: 1023px) {
    .main-personal-executor .personal-inner {
      grid-template-columns: minmax(295px, 1fr);
      justify-items: center; } }

@media only screen and (max-width: 1023px) {
  .main-personal-executor .aside-card {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 33px;
    width: 100%;
    max-width: 295px; } }

.main-personal-executor .order-accordion__panel {
  display: block; }

.main-personal-executor .btn-photo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  max-width: initial; }
  @media only screen and (max-width: 767px) {
    .main-personal-executor .btn-photo {
      padding: 9px 25px; } }
  .main-personal-executor .btn-photo .icon {
    margin-left: 12px; }
    @media only screen and (max-width: 767px) {
      .main-personal-executor .btn-photo .icon {
        margin-left: 6px; } }

.main-personal-executor .main-content {
  grid-row: span 4;
  max-width: 100%;
  margin-right: 0; }
  @media only screen and (max-width: 1023px) {
    .main-personal-executor .main-content {
      margin-bottom: 23px;
      grid-column: initial; } }

.main-personal-executor .aside-contacts {
  grid-row: span 1; }
  @media only screen and (max-width: 767px) {
    .main-personal-executor .aside-contacts {
      width: 100%;
      max-width: 380px; } }

.main-personal-executor .block-decor-right {
  bottom: -180px;
  top: auto; }
  @media only screen and (max-width: 1023px) {
    .main-personal-executor .block-decor-right {
      display: none; } }

.main-personal-executor .input-item {
  margin-bottom: 26px; }
  @media only screen and (max-width: 767px) {
    .main-personal-executor .input-item {
      margin-bottom: 16px; } }

.main-personal-executor .main-block-decor {
  top: 365px; }
  @media only screen and (max-width: 1440px) {
    .main-personal-executor .main-block-decor {
      right: 0; } }

.main-personal-executor .block-decor-2 {
  left: 133px; }
  @media only screen and (max-width: 1440px) {
    .main-personal-executor .block-decor-2 {
      left: 15px; } }

.main-personal-executor .personal-aside-card {
  margin-bottom: 20px; }
  @media only screen and (max-width: 1023px) {
    .main-personal-executor .personal-aside-card {
      text-align: center; } }

.main-personal-executor .btn-create-task {
  padding: 13px 10px;
  margin-top: 0; }
  @media only screen and (max-width: 1023px) {
    .main-personal-executor .btn-create-task {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      margin-bottom: 21px;
      padding-left: 45px;
      padding-right: 45px; } }

.main-personal-executor textarea {
  padding-top: 17px;
  min-height: 205px;
  padding-bottom: 16px; }
  @media only screen and (max-width: 1440px) {
    .main-personal-executor textarea {
      min-height: 170px; } }
  @media only screen and (max-width: 767px) {
    .main-personal-executor textarea {
      min-height: 200px; } }
  @media only screen and (max-width: 480px) {
    .main-personal-executor textarea {
      min-height: 440px;
      padding-top: 17px;
      font-size: 17px; } }
  @media only screen and (max-width: 330px) {
    .main-personal-executor textarea {
      min-height: 419px;
      font-size: 14px; } }

.main-personal-executor .input-container > label:not(.btn-photo) {
  margin-bottom: 11px; }
  @media only screen and (max-width: 1440px) {
    .main-personal-executor .input-container > label:not(.btn-photo) {
      margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .main-personal-executor .input-container > label:not(.btn-photo) {
      margin-bottom: 6px; } }

@media only screen and (max-width: 767px) {
  .main-personal-executor .checkbox-container .checkbox {
    margin-bottom: 5px; } }

.main-personal-executor .checkbox-container label {
  margin-bottom: 0; }

.main-personal-executor .personal-buttons {
  margin-top: 43px; }
  @media only screen and (max-width: 767px) {
    .main-personal-executor .personal-buttons {
      margin-top: 15px; } }

@media only screen and (max-width: 767px) {
  .main-personal-executor .h6-personal {
    font-size: 16px; } }

.checkbox-container-agree {
  padding-bottom: 34px;
  border-bottom: 1px solid #D6DAE6; }
  @media only screen and (max-width: 1440px) {
    .checkbox-container-agree {
      padding-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .checkbox-container-agree {
      padding-bottom: 22px;
      margin-bottom: 30px; } }
  .checkbox-container-agree .checkbox,
  .checkbox-container-agree .checkbox label {
    margin-bottom: 0; }
  .checkbox-container-agree label {
    line-height: 24px; }
    @media only screen and (max-width: 767px) {
      .checkbox-container-agree label {
        font-size: 17px;
        line-height: 19px; } }
    @media only screen and (max-width: 330px) {
      .checkbox-container-agree label {
        font-size: 14px;
        line-height: 15px; } }
    .checkbox-container-agree label span:after {
      top: 6px; }
      @media only screen and (max-width: 767px) {
        .checkbox-container-agree label span:after {
          top: 4px; } }
    .checkbox-container-agree label span:before {
      top: 2px; }
      @media only screen and (max-width: 767px) {
        .checkbox-container-agree label span:before {
          top: 0; } }
  .checkbox-container-agree .checkbox a,
  .checkbox-container-agree .checkbox {
    color: #161D39; }
  .checkbox-container-agree .checkbox a {
    text-decoration: underline; }
    .checkbox-container-agree .checkbox a:hover {
      text-decoration: none; }

.aside-contacts {
  padding: 29px 28px 35px;
  margin-bottom: 18px;
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .aside-contacts {
      padding-top: 24px;
      padding-bottom: 17px; } }
  .aside-contacts dl {
    margin-top: 0;
    margin-bottom: 0; }

.aside-contacts__title {
  display: block;
  max-width: 220px;
  margin-bottom: 25px;
  font-size: 19px;
  line-height: 1; }
  @media only screen and (max-width: 767px) {
    .aside-contacts__title {
      max-width: 100%;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 330px) {
    .aside-contacts__title {
      font-size: 16px; } }

.aside-contacts__title,
.aside-contacts__item {
  padding-bottom: 20px;
  border-bottom: 1px solid #CFD8EC; }
  @media only screen and (max-width: 767px) {
    .aside-contacts__title,
    .aside-contacts__item {
      padding-bottom: 14px; } }

.aside-contacts__item {
  margin-bottom: 26px;
  line-height: 1.4; }
  @media only screen and (max-width: 767px) {
    .aside-contacts__item {
      margin-bottom: 15px; } }
  @media only screen and (max-width: 330px) {
    .aside-contacts__item {
      font-size: 15px; } }
  .aside-contacts__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }

.personal-executor-form .flex-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.personal-executor-form > .h4-title {
  margin-bottom: 33px; }
  @media only screen and (max-width: 767px) {
    .personal-executor-form > .h4-title {
      margin-bottom: 5px; } }

.personal-executor-form .requirement {
  padding: 39px 0 0;
  margin-bottom: 0;
  border-top: 1px solid #CFD8EC; }
  @media only screen and (max-width: 1440px) {
    .personal-executor-form .requirement {
      padding-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .personal-executor-form .requirement {
      padding-top: 28px; } }
  @media only screen and (max-width: 1440px) {
    .personal-executor-form .requirement .h4-title {
      margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .personal-executor-form .requirement .h4-title {
      font-size: 19px; } }
  @media only screen and (max-width: 767px) {
    .personal-executor-form .requirement .order-accordion__decor {
      width: 28px;
      height: 28px; } }

.personal-executor-form .order-accordion:last-child {
  margin-bottom: 25px;
  border-bottom: 1px solid #D6DAE6; }

.personal-area-categories {
  padding-bottom: 38px;
  border-bottom: 1px solid #CFD8EC;
  margin-bottom: 30px; }
  @media only screen and (max-width: 1440px) {
    .personal-area-categories {
      padding-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .personal-area-categories {
      padding-bottom: 20px; } }
  .personal-area-categories .checkbox-container {
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .personal-area-categories .checkbox-container .checkbox {
        margin-bottom: 8px; } }
    .personal-area-categories .checkbox-container:before {
      display: none; }
  .personal-area-categories .checkbox {
    color: #586587; }
  .personal-area-categories .h4-title {
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .personal-area-categories .h4-title {
        margin-bottom: 15px; } }
    @media only screen and (max-width: 330px) {
      .personal-area-categories .h4-title {
        font-size: 16px; } }

.personal-1 .personal-area-categories {
  margin-bottom: 36px;
  padding-bottom: 42px;
  border-bottom: 1px solid #CFD8EC; }
  @media only screen and (max-width: 1440px) {
    .personal-1 .personal-area-categories {
      padding-bottom: 30px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .personal-1 .personal-area-categories {
      padding-bottom: 20px;
      margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .personal-area-block-notification {
    padding-bottom: 15px; } }

.personal-area-block-notification label:hover > .personal-notification__tooltip {
  opacity: 1;
  visibility: visible; }

@media only screen and (max-width: 767px) {
  .personal-area-block-notification .btn {
    padding-left: 44px;
    padding-right: 44px; } }

.personal-area-block-notification .personal-notification {
  position: relative;
  display: inline-block;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .personal-area-block-notification .personal-notification {
      margin-top: 20px; } }
  @media only screen and (max-width: 640px) {
    .personal-area-block-notification .personal-notification {
      display: block; } }

.personal-notification__tooltip {
  display: none;
  position: absolute;
  top: 50%;
  right: -110%;
  width: 350px;
  padding: 10px;
  font-size: 14px;
  line-height: 1.1;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility; }
  @media only screen and (max-width: 767px) {
    .personal-notification__tooltip {
      left: 0;
      top: 60px; }
      .personal-notification__tooltip:after {
        display: none; } }
  @media only screen and (max-width: 640px) {
    .personal-notification__tooltip {
      width: 100%; } }
  .personal-notification__tooltip:before {
    display: none; }
  .personal-notification__tooltip:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
            transform: translate(-50%, -50%) rotate(45deg); }

.personal-notification-text {
  display: block;
  margin-bottom: 35px;
  color: #586587; }
  @media only screen and (max-width: 767px) {
    .personal-notification-text {
      margin-bottom: 23px; } }

.personal-executor-form__row {
  margin-bottom: 26px; }
  @media only screen and (max-width: 767px) {
    .personal-executor-form__row {
      margin-bottom: 17px; } }
  .personal-executor-form__row .input-container:last-child {
    margin-bottom: 0; }

.aside-contacts__description {
  margin-left: 0; }

.aside-contacts__tel--blue {
  color: #0087F8;
  text-decoration: underline; }

.aside-contacts__text-grey {
  color: #586587; }

@media only screen and (max-width: 767px) {
  .aside-contacts__text-grey,
  .aside-contacts__tel--blue {
    font-size: 16px; } }

@media only screen and (max-width: 330px) {
  .aside-contacts__text-grey,
  .aside-contacts__tel--blue {
    font-size: 14px; } }

.personal-executor-form__info {
  width: 62%;
  padding: 21px 24px 17px;
  margin-top: 39px;
  font-size: 18px;
  line-height: 24px;
  color: #586587;
  border-radius: 5px;
  background-color: #EEF3FA; }
  @media only screen and (max-width: 1440px) {
    .personal-executor-form__info {
      width: 60%;
      margin-top: 27px;
      padding: 16px 15px 10px;
      font-size: 16px; } }
  @media only screen and (max-width: 1280px) {
    .personal-executor-form__info {
      margin-top: 28px;
      padding-top: 14px;
      padding-bottom: 12px; } }
  @media only screen and (max-width: 1200px) {
    .personal-executor-form__info {
      font-size: 15px; } }
  @media only screen and (max-width: 1024px) {
    .personal-executor-form__info {
      font-size: 15px; } }
  @media only screen and (max-width: 1023px) {
    .personal-executor-form__info {
      font-size: 16px; } }
  @media only screen and (max-width: 850px) {
    .personal-executor-form__info {
      font-size: 15px; } }
  .personal-executor-form__info p:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .personal-executor-form__info {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      padding: 12px 14px 13px;
      margin-top: 0;
      margin-bottom: 22px;
      font-size: 16px;
      line-height: 19px; } }
  @media only screen and (max-width: 330px) {
    .personal-executor-form__info {
      font-size: 14px; } }

.personal-executor-form__accept-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 64%; }
  @media only screen and (max-width: 1440px) {
    .personal-executor-form__accept-phone {
      width: 61%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media only screen and (max-width: 1200px) {
    .personal-executor-form__accept-phone {
      width: 63%; } }
  @media only screen and (max-width: 1080px) {
    .personal-executor-form__accept-phone {
      width: 64%; } }
  @media only screen and (max-width: 1024px) {
    .personal-executor-form__accept-phone {
      width: 63%;
      padding-left: 0;
      -webkit-box-pack: initial;
          -ms-flex-pack: initial;
              justify-content: initial;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px; } }
  @media only screen and (max-width: 992px) {
    .personal-executor-form__accept-phone {
      width: 60%; } }
  @media only screen and (max-width: 850px) {
    .personal-executor-form__accept-phone {
      width: 65%; } }
  @media only screen and (max-width: 768px) {
    .personal-executor-form__accept-phone {
      width: 64%; } }
  @media only screen and (max-width: 767px) {
    .personal-executor-form__accept-phone {
      width: 100%;
      margin-bottom: 34px; } }
  .personal-executor-form__accept-phone .btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 10px 20px; }
    @media only screen and (max-width: 1440px) {
      .personal-executor-form__accept-phone .btn {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px; } }
    @media only screen and (max-width: 1023px) {
      .personal-executor-form__accept-phone .btn {
        font-size: 16px; } }
    @media only screen and (max-width: 768px) {
      .personal-executor-form__accept-phone .btn {
        font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      .personal-executor-form__accept-phone .btn {
        padding: 12px 38px 13px;
        margin-bottom: 0;
        margin-right: 0; } }

.personal-executor-form__data-info {
  display: block;
  margin-bottom: 35px;
  line-height: 1.45; }
  @media only screen and (max-width: 767px) {
    .personal-executor-form__data-info {
      margin-bottom: 11px;
      line-height: 1; } }

.input-container-wrap {
  max-width: 295px;
  width: 100%; }
  @media only screen and (max-width: 1440px) {
    .input-container-wrap {
      max-width: 275px; } }
  @media only screen and (max-width: 1200px) {
    .input-container-wrap {
      max-width: 260px; } }
  @media only screen and (max-width: 1112px) {
    .input-container-wrap {
      max-width: 250px; } }
  @media only screen and (max-width: 1024px) {
    .input-container-wrap {
      max-width: 245px; } }
  @media only screen and (max-width: 1023px) {
    .input-container-wrap {
      max-width: 330px; } }
  @media only screen and (max-width: 992px) {
    .input-container-wrap {
      max-width: 295px; } }
  @media only screen and (max-width: 850px) {
    .input-container-wrap {
      max-width: 235px; } }
  @media only screen and (max-width: 640px) {
    .input-container-wrap {
      max-width: initial; } }

@media only screen and (max-width: 767px) {
  .input-container-wrap,
  .personal-executor-form__info {
    width: 100%; } }

.personal-executor-form .h5-title {
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .personal-executor-form .h5-title {
      margin-bottom: 11px;
      font-size: 18px; } }
  @media only screen and (max-width: 330px) {
    .personal-executor-form .h5-title {
      font-size: 16px; } }

.h5-title__text {
  font-family: 'Circe',sans-serif; }

.personal-executor-form__accept-phone-text {
  width: 60%;
  padding-left: 19px;
  font-size: 16px;
  color: #586587; }
  @media only screen and (max-width: 1440px) {
    .personal-executor-form__accept-phone-text {
      width: 63%;
      padding-left: 10px;
      font-size: 14px; } }
  @media only screen and (max-width: 1200px) {
    .personal-executor-form__accept-phone-text {
      width: 63%; } }
  @media only screen and (max-width: 1024px) {
    .personal-executor-form__accept-phone-text {
      width: 61%;
      font-size: 13px; } }
  @media only screen and (max-width: 992px) {
    .personal-executor-form__accept-phone-text {
      width: 57%;
      font-size: 14px; } }
  @media only screen and (max-width: 850px) {
    .personal-executor-form__accept-phone-text {
      width: 60%;
      font-size: 13px; } }
  @media only screen and (max-width: 767px) {
    .personal-executor-form__accept-phone-text {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      width: 100%;
      padding-left: 0;
      margin-bottom: 18px;
      font-size: 16px;
      line-height: 18px; } }
  @media only screen and (max-width: 330px) {
    .personal-executor-form__accept-phone-text {
      font-size: 14px; } }

.flex-wrap-accept {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 23px; }
  @media only screen and (max-width: 767px) {
    .flex-wrap-accept {
      margin-bottom: 0; } }
  .flex-wrap-accept label {
    cursor: pointer; }
  .flex-wrap-accept .input-item__change .change-item {
    display: block; }
  @media only screen and (min-width: 768px) {
    .flex-wrap-accept .input-container {
      margin-bottom: 0; } }

.personal-executor-form__change-holder {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 39px; }
  @media only screen and (max-width: 1440px) {
    .personal-executor-form__change-holder {
      margin-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .personal-executor-form__change-holder {
      margin-bottom: 31px; } }
  .personal-executor-form__change-holder .personal-executor-form__info {
    margin-top: 0;
    width: 72%;
    min-height: 204px; }
    @media only screen and (max-width: 1440px) {
      .personal-executor-form__change-holder .personal-executor-form__info {
        width: 71%;
        padding-top: 17px;
        padding-bottom: 17px;
        min-height: initial; } }
    @media only screen and (max-width: 1200px) {
      .personal-executor-form__change-holder .personal-executor-form__info {
        font-size: 15px; } }
    @media only screen and (max-width: 992px) {
      .personal-executor-form__change-holder .personal-executor-form__info {
        margin-left: 10px;
        min-height: 180px; } }
    @media only screen and (max-width: 767px) {
      .personal-executor-form__change-holder .personal-executor-form__info {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        width: 100%;
        min-height: initial;
        margin-bottom: 0;
        margin-left: 0;
        font-size: 16px; } }
    @media only screen and (max-width: 330px) {
      .personal-executor-form__change-holder .personal-executor-form__info {
        font-size: 14px; } }

.personal-executor-form__img-holder {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 204px;
  height: 204px;
  margin-bottom: 19px;
  background-color: #EEF3FA;
  border-radius: 5px; }
  @media only screen and (max-width: 1440px) {
    .personal-executor-form__img-holder {
      width: 180px;
      height: 180px; } }
  .personal-executor-form__img-holder:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 73px;
    height: 73px;
    background-image: url("../images/camera.png");
    background-size: cover;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media only screen and (max-width: 767px) {
      .personal-executor-form__img-holder:before {
        width: 48px;
        height: 48px; } }
  .personal-executor-form__img-holder.active:before {
    opacity: 0;
    visibility: hidden; }
  .personal-executor-form__img-holder.active img {
    opacity: 1; }
  @media only screen and (max-width: 767px) {
    .personal-executor-form__img-holder {
      width: 156px;
      height: 156px;
      margin: 0 auto; } }
  .personal-executor-form__img-holder img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0; }

@media only screen and (max-width: 1200px) {
  .personal-executor-form__change-photo-block {
    margin-bottom: 30px; } }

.personal-executor-form__change-photo-block .btn-photo .icon {
  margin-left: 8px; }

.personal-executor-form__change-photo-block.input-container:before {
  left: 0;
  right: 0;
  text-align: center; }

.btn-photo-wrap {
  width: 100%; }

.personal-executor-area__text-holder {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 27px;
  color: #586587; }
  @media only screen and (max-width: 767px) {
    .personal-executor-area__text-holder {
      margin-bottom: 15px;
      font-size: 17px;
      line-height: 1.1; } }
  @media only screen and (max-width: 330px) {
    .personal-executor-area__text-holder {
      font-size: 14px; } }
  .personal-executor-area__text-holder span {
    display: block; }
    @media only screen and (max-width: 767px) {
      .personal-executor-area__text-holder span {
        display: inline; } }

.btn-toggle-password {
  position: absolute;
  padding: 0;
  margin: 0;
  width: 23px;
  height: 23px;
  right: 15px;
  bottom: 16px;
  background: url("../images/hide-password.svg");
  background-size: cover; }
  @media only screen and (max-width: 767px) {
    .btn-toggle-password {
      bottom: 10px;
      width: 20px;
      height: 20px; } }

.news-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px; }
  @media only screen and (max-width: 767px) {
    .news-block {
      padding-bottom: 26px; } }
  @media only screen and (min-width: 1200px) {
    .news-block:hover .h3-title a {
      color: #0087F8; } }
  .news-block .h3-title {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 28px; }
    @media only screen and (max-width: 767px) {
      .news-block .h3-title {
        font-size: 17px;
        line-height: 22px; } }
    .news-block .h3-title a {
      color: #111111;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      transition: color 0.3s; }

.news-block__img-holder {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 24px; }
  @media only screen and (max-width: 767px) {
    .news-block__img-holder {
      width: 80px; } }

.block-news__date {
  color: #aaa; }

.block-news__author-name {
  font-family: 'CirceBold',sans-serif; }

.block-news__decor {
  color: #ccc;
  margin: 0 2px 0 2px; }

.block-news__heading,
.block-news__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.block-news__heading {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 7px;
  font-size: 13px;
  line-height: 1; }
  @media only screen and (max-width: 1440px) {
    .block-news__heading {
      font-size: 11px; } }

.block-news__text {
  margin-top: 9px;
  margin-bottom: 0;
  font-size: 15px;
  color: #777;
  line-height: 21px; }
  @media only screen and (max-width: 1440px) {
    .block-news__text {
      font-size: 13px; } }
  @media only screen and (max-width: 767px) {
    .block-news__text {
      display: none; } }

.news-block__img {
  height: auto; }

.block-news__comments {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 17px;
  padding: 3px 4px 4px 5px;
  font-family: 'RobotoMedium',sans-serif;
  font-size: 10px;
  color: #fff;
  background-color: #000; }
  .block-news__comments:after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #000 transparent transparent transparent; }

.error__inner {
  padding-top: 200px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 1600px) {
    .error__inner {
      padding-top: 150px; } }
  @media only screen and (max-width: 1440px) {
    .error__inner {
      padding-top: 100px;
      padding-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .error__inner {
      padding-top: 50px; } }
  .error__inner .h1-title {
    font-size: 200px; }
    @media only screen and (max-width: 1024px) {
      .error__inner .h1-title {
        font-size: 150px; } }
    @media only screen and (max-width: 767px) {
      .error__inner .h1-title {
        font-size: 100px; } }
  .error__inner .h2-title {
    margin-bottom: 40px;
    font-size: 32px; }
    @media only screen and (max-width: 767px) {
      .error__inner .h2-title {
        font-size: 24px; } }
  .error__inner .btn {
    padding: 20px 40px;
    font-size: 20px; }
    @media only screen and (max-width: 1440px) {
      .error__inner .btn {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .error__inner .btn {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px; } }

.error__inner {
  text-align: center;
}

.choose-photo-wrap .circle_xmark {
  position: absolute;
  text-shadow: 1px 1px 2px black;
  /*border-radius: 50%;*/
  /*background-color: white;*/
  color: #ED1C24;
  top: -13px;
  right: -7px;
  font-size: 25px;
  font-weight: bold;
  display: block;
  z-index: 1000;
}

.circle_xmark:hover {
  right: -8px;
  font-size: 27px;
  cursor: pointer;
}

ul.place_search_result {
  display: none;
  position: absolute;
  border-radius: 5px;
  z-index: 1000;
  background: white;
  width: 100%;
  border: 1px solid #CFD8EC;
}

ul.place_search_result li {
  border-top: 1px solid lightgrey;
  padding: 10px 0 10px 15px;
  cursor: pointer;
}

ul.place_search_result li:hover {
  background-color: lightgrey;
}

ul.place_search_result li:first-child {
  border-top: unset;
}

/* plus / minus input */
.quantity_inner * {
  box-sizing: border-box;
}
.quantity_inner {
  display: inline-flex;
  border-radius: 5px;
  border: 1px solid #CFD8EC;
  width: 100%;
}
.quantity_inner .bt_minus,
.quantity_inner .bt_plus,
.quantity_inner .quantity {
  height: 52px;
  width: 52px;
  border-radius: 5px;
  padding: 0;
  border: 0;
  margin: 0;
  background: #FAFBFD;
  cursor: pointer;
  outline: 0;
}
.quantity_inner .quantity {
  width: calc(100% - 104px);
  text-align: center;
  font-size: 18px;
  /*font-weight: bold;*/
  color: #161D39;
  font-family: 'Circe',sans-serif;
}
.quantity_inner .bt_minus svg,
.quantity_inner .bt_plus svg {
  stroke: #337AB7;
  stroke-width: 2;
  transition: 0.5s;
  margin: 10px;
}
.quantity_inner .bt_minus:hover svg,
.quantity_inner .bt_plus:hover svg {
  stroke: #000;
}

@media only screen and (max-width: 767px) {
  .quantity_inner .bt_minus,
  .quantity_inner .bt_plus,
  .quantity_inner .quantity {
    height: 44px;
    width: 44px;
  }
  .quantity_inner .quantity {
    width: calc(100% - 88px);
    font-size: 16px;
  }
}
@media only screen and (max-width: 330px) {
  .quantity_inner .bt_minus,
  .quantity_inner .bt_plus,
  .quantity_inner .quantity {
    height: 40px;
    width: 40px;
  }
  .quantity_inner .quantity {
    width: calc(100% - 80px);
    font-size: 14px;
  }
}

.input-container-wrap.right-block {
  max-width: 45%;
}

@media only screen and (max-width: 767px) {
  .input-container-wrap.right-block {
    max-width: 100%;
    margin-top: 20px;
  }
}

.personal-executor-form__info.warning {
  background-color: #f8d7da;
  border: 1px solid #f1aeb5;
  color: #b02a37;
  margin: 0 0 10px;
  padding: 10px;
}

.input-container::before {
  white-space: nowrap;
}

footer .pin {
  display: none; align-items: center; margin: 10px 0 20px;
}

@media only screen and (max-width: 767px) {
  footer .pin {
    display: flex;
  }
}

header .pin {
  display: flex;
  /* gap: 5px; */
  margin-right: 20px;
  align-items: center;
  margin-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  header .pin {display: none;}
}

.footer__top .flex-wrap {
  gap: 20px;
}

.footer-list__link {
  padding-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .footer__top .flex-wrap {
    gap: 0;
  }

  .footer-list__link {
    padding-bottom: 15px;
  }
}

.subscribe_status .active {
  color: green;
}

.subscribe_status .not_active {
  color: red;
}

.subscription_expires {
  font-size: 14px;
}

.tariffs {
  flex-wrap: wrap;
  display: flex;
  gap: 15px;
  justify-content: center;
}

.tariff {
  border-radius: 5px;
  box-shadow: 0 4px 11px rgba(200, 200, 200, 0.25);
  width: calc(33% - 15px);
  padding: 24px;
  /*cursor: pointer;*/
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  min-width: 200px;
}

@media only screen and (max-width: 767px) {
  .tariff {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 510px) {
  .tariff {
    width: 100%;
  }

  #modalPromocode .btn {
    width: 100%;
  }
}

.tariff:hover {
  outline: 1px solid rgba(200, 200, 200, 0.5);
}

.tariff__title {
  font-size: 24px;
  margin-bottom: 24px;
  flex-grow: 1;
}

.tariff__description {
  font-size: 16px;
  margin-bottom: 24px;
  flex-grow: 1;
}

.tariff__description ul,
.tariff__description ol {
  padding-bottom: 10px;
  padding-left: 15px;
}

.tariff__description ul li {
  list-style-type: disc;
}

.tariff__description ol li {
  list-style-type: decimal;
}

.tariff__price {
  text-align: center;
  margin-bottom: 24px;
}

.tariff__price span.js_price_old {
  text-decoration: line-through;
  color: grey;
  font-size: 14px;
}

.tariff .btn {
  background-color: green;
}

.tariff.active .btn {
  background-color: lightgrey;
  cursor: unset;
}

.promocode__wrapper {
  display: flex;
  gap: 15px;
}

.js_promocode.btn-outline--grey,
[name=promocode_input]:disabled {
  cursor: not-allowed;
}

.password_eye {
  position: absolute;
  top: 53%;
  font-size: 24px;
  right: 19px;
  line-height: 1;
}

.password_eye i:before {
  cursor: pointer;
}

.register_page .h4-inner {
  text-align: center;
  color: #161D39;
  font-family: 'Circe',sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.register_wrapper {
  max-width: 1100px;
  margin: 40px auto 0;
}

.register_switch {
  display: flex;
  justify-content: space-around;
  /*justify-content: center;*/
  gap: 20px;
  flex-wrap: nowrap;
}

.register_switch > div,
.register_switch > a {
  display: flex;
  gap: 20px;
  flex-direction: column;
  text-align: center;
  min-width: 200px;
  max-width: 490px;
  width: 100%;
  /*padding: 30px 33px 50px;*/
  padding: 30px;
  border-radius: 7px;
  color: #161D39;
  background: #FFF;
  box-shadow: 0 8px 20px 0 #E3E9F9;
}

.register_switch .image {
  background: url("/images/registration_background.svg") no-repeat center center;
  background-size: contain;
  width: 100%;
  /*height: 212px;*/
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.register_switch .title {
  color: #161D39;
  font-family: 'Circe',sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 116.8%; /* 37.376px */
}

.register_switch .content {
  color: #161D39;
  text-align: center;
  font-family: 'Circe',sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 116.8%; /* 28.032px */
}

.register_switch > div:hover,
.register_switch > a:hover {
  box-shadow: 4px 4px 8px 0 grey;
}

.register_switch img {
  width: auto;
  height: 82px;
  filter: invert(57%) sepia(86%) saturate(6639%) hue-rotate(190deg) brightness(104%) contrast(106%);
}

@media only screen and (max-width: 1440px) {
  .register_switch {
    justify-content: center;
    margin-top: 20px;
  }

  .register_switch > div,
  .register_switch > a {
    max-width: 400px;
    padding: 20px;
  }

  .register_switch .image {
    height: 150px;
  }

  .register_switch .title {
    font-size: 24px;
  }

  .register_switch .content {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1012px) {
  .register_switch .title {
    font-size: 24px;
  }

  .register_switch .content {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1012px) {
  .register_switch .title {
    font-size: 22px;
  }

  .register_switch .content {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .register_switch .title {
    font-size: 17px;
  }

  .register_switch .content {
    font-size: 14px;
  }

  .register_page .h4-inner {
    font-size: 20px;
  }
}

.register_wrapper .password_eye {
  top: 47%;
}

.register_wrapper .input-container:not(.error) .checkbox span::before {
  border-color: green;
}

.register_wrapper .input-container.pass .checkbox label span::after {
  border-bottom-color: green;
  border-right-color: green;
}

.register_wrapper .input-container.pass .checkbox span {
  color: green;
}

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

  .register_wrapper {
    margin-top: 10px;
  }

  .register_switch {
    gap: 15px;
    flex-direction: column-reverse;
    align-items: center;
  }

  .register_switch > div,
  .register_switch > a {
    padding: 10px;
    gap: 10px;
    max-width: 400px;
  }

  .register_switch .image {
    height: 128px;
  }

  .register_switch img {
    height: 70px;
  }

  .register_wrapper .checkbox label span::before,
  .register_wrapper .radio label span::before {
    width: 22px;
    height: 22px;
  }

  .register_wrapper .checkbox label span::after {
    top: 4px;
    width: 8px;
    height: 14px;
    left: 7px;
  }

  .register_wrapper .password_eye {
    top: 40%;
  }
}

.pincode {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 25px;
}

.pincode input[type="number"] {
  display: inline-block;
  width: 100%;
  height: 70px;
  line-height: 50px;
  text-align: center;
  border: 2px solid #5a5a5a;
  color: #000;
  padding: 16px 0;
  /*margin: 0 10px;*/
  /*font-size: 50px;*/
  font-size: 40px;
  /*font-weight: 700;*/
  outline: none;
  background-color: #fff;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  box-shadow: 4px 4px 8px 0 rgba(34, 60, 80, 0.2);
  border-radius: 5px;
  max-width: 50px;
}

.pincode input[type="number"]::-webkit-outer-spin-button,
.pincode input[type="number"]::-webkit-inner-spin-button {
  display: none;
}

.pincode input[type="number"]:focus {
  border: 2px solid #1dd216;
}

.phone_input_wrapper {
  position: relative;
}

.phone_pincode_button,
.phone_reset_button {
  position: absolute;
  right: 7px;
  bottom: calc(50% - 20px);
}

.phone_reset_button {
  display: none;
}

.phone_reset_button .btn {
  background-color: gray;
}

.phone_pincode_button .btn,
.phone_reset_button .btn {
  border-radius: 5px;
}

/*.main-personal-executor textarea {*/
/*  min-height: initial;*/
/*}*/

input[type="tel"]:read-only {
  cursor: not-allowed;
}

@media only screen and (max-width: 767px) {
  .phone_pincode_button,
  .phone_reset_button {
    position: absolute;
    right: 1px;
    bottom: 1px;
  }

  .phone_pincode_button .btn,
  .phone_reset_button .btn {
    line-height: 1.05;
  }
}

/*@media only screen and (max-width: 430px) {*/
/*  .phone_pincode_button,*/
/*  .phone_reset_button {*/
/*    position: relative;*/
/*    padding-top: 10px;*/
/*  }*/
/*  .phone_pincode_button .btn,*/
/*  .phone_reset_button .btn {*/
/*    width: 100%;*/
/*  }*/
/*}*/

.personal-card__photo:hover {
  border: 2px solid red;
  box-shadow: 4px 4px 8px 0 #FCE1EC;
}

.edit_avatar {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: white;
}

.js_upload_avatar {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .main-personal-executor .personal-card__photo {
    width: 200px;
    height: 200px;
  }

  .main-personal-executor .personal-card__photo .personal-card__photo-inner {
    width: 180px;
    max-width: 180px;
    min-width: 120px;
    height: 180px;
    min-height: 120px;
    max-height: 180px;
  }
}

#doc_type_link:before {
  display: block;
  content: "";
  height: 10px;
  margin: -10px 0 0;
}

.breadcrumbs__item {
  display: none !important;
}

.register_page {
  padding: 40px 0;
}

.personal-card__photo .personal-card__photo-inner {
  /*overflow: visible;*/
}

.text_before_avatar,
.text_before_file {
  position: absolute;
  /*bottom: 15px;*/
  bottom: 10px;
  color: red;
  /*background-color: rgba(255,255,255,0.8);*/
  background-color: rgba(255,255,255,0.3);
  padding: 5px;
  text-align: center;
  font-size: 17px;
}

.text_before_avatar {
  padding: 5px 10%;
}

.text_before_file {
  border: 1px solid lightgray;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  background-color: rgba(255,255,255,0.6);
  left: 0;
  right: 0;
  /*bottom: 20px;*/
  bottom: 0;
}

.personal-card__photo {
  position: relative;
  overflow: hidden;
}

.max_768 {
  display: none;
}

.min_768 {
  display: block;
}

@media only screen and (max-width: 767px) {
  .register_page {
    padding: 10px 0;
  }

  .text_before_avatar {
    bottom: 25px;
  }

  .checkbox label span {
    padding-left: 40px;
  }

  .max_768 {
    display: block;
  }

  .min_768 {
    display: none;
  }
}

.js_upload_file {
  display: block;
  /*height: 165px;*/
  cursor: pointer;
  width: auto;
  object-fit: cover;
}

.personal-tabs {
  overflow-x: auto;
}

.main-personal-executor textarea {
  min-height: 128px;
}

.wrap_file_loader {
  display: flex;
  gap: 0 20px;
  flex-wrap: nowrap;
  margin-bottom: 20px;
}

.wrap_file_loader .input-container__file.input-container::before {
  left: -20px;
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .wrap_file_loader {
    flex-direction: column;
  }

  .wrap_file_loader > div {
    /*margin: 0 auto;*/
  }

  .wrap_file_loader .input-container__file.input-container::before {
    right: 50%;
  }
}

.executor_top_warning {
  width: unset;
  margin: 35px 0;
  border: 2px solid red;
  background-color: #fff3d9;
}

@media only screen and (max-width: 440px) {
  .breadcrumbs {
    padding-top: 0;
    margin-bottom: 0;
  }

  .executor_top_warning {
    margin: 15px 0;
  }

  .main-personal-executor .personal-card__photo {
    width: 150px;
    height: 150px;
  }

  .main-personal-executor .personal-card__photo .personal-card__photo-inner {
    width: 125px;
    max-width: 140px;
    height: 125px;
    max-height: 140px;
  }

  .main-personal-executor .aside-card {
    max-width: unset;
  }

  .main-personal-executor .personal-aside-card {
    padding: 10px;
  }
}

.personal-executor-form .flex-wrap {
  gap: 0 20px;
}

.input-container-wrap.min_768 {
  width: unset;
}

.input-container-wrap.min_768 .personal-card__photo {
  margin: 0;
}