/* Start:/mobile/project-employees-personal-account/../sass/main.css?175518720520216*/
main {
  font-size: 18px;
  line-height: 28px;
  color: #333333;
}
main p {
  margin-bottom: 12px;
}
main .text--bold {
  font-weight: 700;
}
main .btn {
  box-sizing: border-box;
}
@media (max-width: 991px) {
  main .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 11px 18.5px;
  }
}
main .rk-right-place-1 {
  border: 2px solid #ff7700;
  border-radius: 4px;
  padding: 48px 20px 20px;
  width: 100%;
  max-width: 360px;
  margin-bottom: 48px;
  position: relative;
}
main .rk-right-place-1::before {
  content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H30V15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15V0Z' fill='%23FA7500'/%3E%3Cpath d='M22.9861 10.4651C22.2225 6.77785 18.9305 4 15 4C11.057 4 7.76495 6.77785 7.00139 10.4775C6.41307 10.6768 6 11.2249 6 11.8727V14.5882C6 15.4104 6.67594 16.083 7.50209 16.083H7.65229C8.47844 16.083 9.15438 15.4104 9.15438 14.5882V11.8727C9.15438 11.2 8.70376 10.6394 8.0904 10.4401C8.85396 7.35087 11.6579 5.05882 15 5.05882C18.3421 5.05882 21.146 7.36332 21.9096 10.4526C21.2962 10.6394 20.8581 11.2125 20.8581 11.8727V14.5882C20.8581 15.2734 21.3338 15.8588 21.9847 16.0332C21.1836 18.3626 19.2309 20.1564 16.815 20.7668C16.7274 20.3433 16.3394 20.0318 15.9013 20.0318H14.1613C13.6481 20.0318 13.2225 20.4554 13.2225 20.9661V21.0657C13.2225 21.5765 13.6481 22 14.1613 22H15.8762C16.3018 22 16.6648 21.701 16.7775 21.3149C19.4812 20.692 21.6592 18.6865 22.5104 16.0955C23.3366 16.0955 24 15.4228 24 14.6007V11.8727C24 11.2249 23.5744 10.6768 22.9861 10.4651Z' fill='white'/%3E%3Cpath d='M22.9861 10.4651C22.2225 6.77785 18.9305 4 15 4C11.057 4 7.76495 6.77785 7.00139 10.4775C6.41307 10.6768 6 11.2249 6 11.8727V14.5882C6 15.4104 6.67594 16.083 7.50209 16.083H7.65229C8.47844 16.083 9.15438 15.4104 9.15438 14.5882V11.8727C9.15438 11.2 8.70376 10.6394 8.0904 10.4401C8.85396 7.35087 11.6579 5.05882 15 5.05882C18.3421 5.05882 21.146 7.36332 21.9096 10.4526C21.2962 10.6394 20.8581 11.2125 20.8581 11.8727V14.5882C20.8581 15.2734 21.3338 15.8588 21.9847 16.0332C21.1836 18.3626 19.2309 20.1564 16.815 20.7668C16.7274 20.3433 16.3394 20.0318 15.9013 20.0318H14.1613C13.6481 20.0318 13.2225 20.4554 13.2225 20.9661V21.0657C13.2225 21.5765 13.6481 22 14.1613 22H15.8762C16.3018 22 16.6648 21.701 16.7775 21.3149C19.4812 20.692 21.6592 18.6865 22.5104 16.0955C23.3366 16.0955 24 15.4228 24 14.6007V11.8727C24 11.2249 23.5744 10.6768 22.9861 10.4651Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='15' y1='4' x2='15' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: calc(50% - 16px);
}
@media (max-width: 1199px) {
  main .rk-right-place-1 {
    max-width: 293px;
  }
}
main .rk-right-place-1 .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 16px;
}
main .rk-right-place-1 .btn {
  display: block;
}
main .rk-right-place-1 .btn-warning {
  color: #fff;
  background-color: #ff7700;
  border: 2px solid #ff7700;
  margin-right: 0;
}
main .rk-right-place-1 .btn-warning:hover {
  color: #fff;
  background-color: #ff9233;
  border-color: #ff9233;
}
main .rk-right-place-1 .contact-list {
  display: inline-block;
  margin-top: 28px;
  padding-top: 16px;
  line-height: 30px;
  border-top: 1px solid #e5e5e5;
}
main .rk-right-place-1 .contact-list li {
  text-align: left;
}
main .rk-right-place-1 .contact-list li::before {
  background: transparent;
}
main .rk-right-place-1 .contact-list li a.phone {
  color: #333;
}
main .rk-right-place-1 .contact-list .fa {
  display: inline-block;
  width: 15px;
  height: 12px;
}
main .rk-right-place-1 .contact-list .fa-envelope {
  content: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.332 0.666687H1.66536C0.932031 0.666687 0.338698 1.26669 0.338698 2.00002L0.332031 10C0.332031 10.7334 0.932031 11.3334 1.66536 11.3334H12.332C13.0654 11.3334 13.6654 10.7334 13.6654 10V2.00002C13.6654 1.26669 13.0654 0.666687 12.332 0.666687ZM12.332 3.33335L6.9987 6.66669L1.66536 3.33335V2.00002L6.9987 5.33335L12.332 2.00002V3.33335Z' fill='%23A8A8A8'/%3E%3C/svg%3E%0A");
  position: relative;
}
main .rk-right-place-1 .contact-list .fa-phone {
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.41333 5.19333C3.37333 7.08 4.92 8.62 6.80667 9.58667L8.27333 8.12C8.45333 7.94 8.72 7.88 8.95333 7.96C9.7 8.20667 10.5067 8.34 11.3333 8.34C11.7 8.34 12 8.64 12 9.00667V11.3333C12 11.7 11.7 12 11.3333 12C5.07333 12 0 6.92667 0 0.666667C0 0.3 0.3 0 0.666667 0H3C3.36667 0 3.66667 0.3 3.66667 0.666667C3.66667 1.5 3.8 2.3 4.04667 3.04667C4.12 3.28 4.06667 3.54 3.88 3.72667L2.41333 5.19333Z' fill='%23A8A8A8'/%3E%3C/svg%3E%0A");
}
main .rk-right-place-1.affix {
  position: fixed !important;
  top: 35px;
}
main h2 {
  color: #333333;
  padding: 0;
  margin: 0 0 24px;
  font-weight: 800;
}
@media (min-width: 768px) {
  main h2 {
    font-size: 36px;
    line-height: 44px;
  }
}
main h3 {
  color: #333333;
  padding: 0;
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 800;
}
@media (max-width: 991px) {
  main h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  main .hidden-xs {
    display: none !important;
  }
}
main ol {
  padding: 0;
  line-height: 26px;
  list-style-type: none;
  counter-reset: num;
  margin: 0 0 24px;
}
main ol li::before {
  content: counter(num) ". ";
  counter-increment: num;
  color: #CFCFCF;
  font-weight: 600;
}
main .list-doc {
  list-style: none;
  padding: 0;
}
main .list-doc:last-child {
  margin-bottom: 0;
}
main .list-doc li {
  position: relative;
  padding-left: 23px;
  overflow: hidden;
}
main .list-doc li:not(:last-child) {
  margin-bottom: 1rem;
}
main .list-doc li::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 10.6667H1.33333V1.33333H6V0H1.33333C0.593333 0 0 0.6 0 1.33333V10.6667C0 11.4 0.593333 12 1.33333 12H10.6667C11.4 12 12 11.4 12 10.6667V6H10.6667V10.6667ZM7.33333 0V1.33333H9.72667L3.17333 7.88667L4.11333 8.82667L10.6667 2.27333V4.66667H12V0H7.33333Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}
main .list-check {
  list-style: none;
  padding: 0 0 24px;
}
main .list-check:last-child {
  margin-bottom: 0;
}
main .list-check li {
  position: relative;
  padding-left: 23px;
  overflow: hidden;
}
main .list-check li:not(:last-child) {
  margin-bottom: 1rem;
}
main .list-check li::before {
  position: absolute;
  top: 1px;
  left: 0;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5893 4.46429C14.756 4.63095 14.8393 4.83333 14.8393 5.07143C14.8393 5.30952 14.756 5.5119 14.5893 5.67857L8.125 12.1429L6.91071 13.3571C6.74405 13.5238 6.54167 13.6071 6.30357 13.6071C6.06548 13.6071 5.8631 13.5238 5.69643 13.3571L4.48214 12.1429L1.25 8.91072C1.08333 8.74405 1 8.54167 1 8.30357C1 8.06548 1.08333 7.8631 1.25 7.69643L2.46429 6.48214C2.63095 6.31548 2.83333 6.23214 3.07143 6.23214C3.30952 6.23214 3.5119 6.31548 3.67857 6.48214L6.30357 9.11607L12.1607 3.25C12.3274 3.08333 12.5298 3 12.7679 3C13.006 3 13.2083 3.08333 13.375 3.25L14.5893 4.46429Z' fill='%23E04E04'/%3E%3C/svg%3E");
}
main .list-dash {
  list-style: none;
  padding: 0 0 24px;
}
main .list-dash:last-child {
  margin-bottom: 0;
  padding: 0;
}
main .list-dash li {
  position: relative;
  padding-left: 23px;
  overflow: hidden;
}
main .list-dash li:not(:last-child) {
  margin-bottom: 1rem;
}
main .list-dash li::before {
  position: absolute;
  top: -5px;
  left: 5px;
  content: url("data:image/svg+xml,%3Csvg width='8' height='3' viewBox='0 0 8 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.640625 2.59375V0.796875H7.35938V2.59375H0.640625Z' fill='%23FA7500'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
  main .hidden-xs {
    display: none !important;
  }
}

.mobile-content {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  margin: 72px 0;
  box-sizing: border-box;
  overflow: hidden;
}
.mobile-content__block {
  width: 70%;
}
@media (max-width: 991px) {
  .mobile-content__block {
    width: 100%;
  }
}
.mobile-content__right {
  min-width: 294px;
}
.mobile-bg--grey {
  background: #F9F9F9;
  border-radius: 4px;
  padding: 32px;
}
.mobile-subtitle {
  color: #333333;
  margin: 0 0 24px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .mobile-subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .mobile-subtitle {
    font-size: 18px;
    line-height: 24px;
  }
}
.mobile-promo {
  padding: 42px 0 14px;
  margin-bottom: 72px;
  background: linear-gradient(90deg, #3079CC 0%, #002C6F 100%);
  background-size: cover;
  color: #FFFFFF;
  overflow: hidden;
}
@media (max-width: 991px) {
  .mobile-promo {
    padding: 35px 0 0;
  }
}
@media (max-width: 767px) {
  .mobile-promo {
    padding: 0 0 30px 0;
    background: linear-gradient(90deg, #3079CC 0%, #002C6F 100%);
    margin-bottom: 35px;
  }
}
.mobile-promo__container {
  display: grid;
  grid-template-columns: auto 373px;
  grid-column-gap: 50px;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  .mobile-promo__container {
    grid-template-columns: auto 273px;
    grid-column-gap: 10px;
  }
}
@media (max-width: 767px) {
  .mobile-promo__container {
    grid-template-columns: 1fr;
    text-align: center;
    grid-column-gap: 0;
    padding: 0;
  }
}
.mobile-promo__container > div:first-child {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
}
@media (max-width: 1199px) {
  .mobile-promo__container > div:first-child {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .mobile-promo__container > div:first-child {
    margin: 0 0 35px;
    padding: 0 25px;
  }
}
@media (max-width: 767px) {
  .mobile-promo__container > div:first-child {
    grid-row: 2;
    order: 2;
  }
}
.mobile-promo__container > div:first-child:last-child {
  grid-column: 1/3;
  grid-row: 1/2;
  margin-left: auto;
}
@media (max-width: 767px) {
  .mobile-promo__container > div:first-child:last-child {
    margin: 0 auto;
    background-size: auto;
  }
}
.mobile-promo__title {
  color: #fff;
  padding: 0;
  margin: 1rem 0;
  font-weight: 800;
}
@media (min-width: 992px) {
  .mobile-promo__title {
    font-size: 48px;
    line-height: 60px;
  }
}
@media (min-width: 768px) {
  .mobile-promo__title {
    grid-row: 1/3;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-promo__title {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .mobile-promo__title {
    margin-bottom: 2rem;
  }
}
.mobile-promo__subtitle {
  font-weight: 600;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .mobile-promo__subtitle {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .mobile-promo__subtitle {
    margin-bottom: 40px;
  }
}
.mobile-promo__icon-1 {
  width: 373px;
  height: 342px;
  color: transparent;
}
@media (max-width: 1199px) {
  .mobile-promo__icon-1 {
    justify-self: center;
    padding-top: 25px;
  }
}
@media (max-width: 991px) {
  .mobile-promo__icon-1 {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .mobile-promo__icon-1 {
    justify-self: center;
    width: 273px;
    height: 194px;
  }
}
.mobile-questions {
  padding: 72px 0;
  background: linear-gradient(90deg, #3079CC 0%, #002C6F 100%);
}
.mobile-questions__container {
  display: grid;
  align-items: center;
}
@media (min-width: 992px) {
  .mobile-questions__container {
    grid-template-columns: max-content auto;
    grid-column-gap: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-questions__container {
    grid-template-columns: 4fr 3fr;
  }
}
.mobile-questions__content h2 {
  color: #fff;
  padding: 0;
  margin: 0 0 24px;
  font-weight: 800;
}
@media (min-width: 768px) {
  .mobile-questions__content h2 {
    font-size: 36px;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .mobile-questions__content {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .mobile-questions__pic {
    display: none;
  }
}
.mobile-questions__pic svg {
  max-width: 485px;
}
@media (min-width: 992px) {
  .mobile-questions__pic svg {
    margin-right: -30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-questions__pic svg {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .benefits {
    margin: 0 0 72px;
  }
}
@media (max-width: 1199px) {
  .benefits {
    margin: 0 0 56px;
  }
}
.benefits__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin: 20px 0 30px;
}
@media (max-width: 767px) {
  .benefits__block {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 10px;
  }
}
.benefits__title {
  margin-bottom: 24px;
  font-weight: 700;
}
.benefits .icon {
  font-size: 72px;
  margin-bottom: 15px;
}

.stages {
  background: #F9F9F9;
  background-size: cover;
  border-radius: 8px;
  padding: 36px;
}
@media (min-width: 992px) {
  .stages {
    margin: 0 0 36px;
  }
}
@media (max-width: 1199px) {
  .stages {
    margin: 0 0 24px;
  }
}
.stages ul {
  list-style: none;
  padding: 30px 0;
  margin: 0;
}
.stages .icon {
  color: transparent;
}
.stages__image {
  font-size: 80px;
  margin-bottom: 18px;
  color: transparent;
}
@media (max-width: 767px) {
  .stages__image {
    text-align: center;
  }
}
.stages__title {
  margin-bottom: 24px;
  font-weight: 700;
}
.stages__list {
  border-top: 1px solid #D9D9D9;
  display: grid;
  grid-template-columns: 80px repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 767px) {
  .stages__list {
    grid-template-columns: 1fr;
  }
}
.stages__list:last-child {
  grid-template-columns: 80px auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stages__list:last-child {
    grid-gap: 10px;
  }
}
@media (max-width: 767px) {
  .stages__list:last-child {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .stages__list:last-child {
    grid-gap: 10px;
  }
}

@media (min-width: 992px) {
  .why {
    margin: 56px 0 36px;
  }
}
@media (max-width: 1199px) {
  .why {
    margin: 48px 0 24px;
  }
}

@media (min-width: 992px) {
  .libraries {
    margin: 36px 0;
  }
}
@media (max-width: 1199px) {
  .libraries {
    margin: 0 0 24px;
  }
}
.libraries__block {
  grid-gap: 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 30px 0 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .libraries__block {
    grid-template-columns: 1fr;
  }
}
.libraries__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
}
.libraries__icon {
  font-size: 42px;
  margin: 0 20px 15px 0;
  color: transparent;
}

@media (min-width: 992px) {
  .guarantees {
    margin: 0 0 56px;
  }
}
@media (max-width: 1199px) {
  .guarantees {
    margin: 0 0 48px;
  }
}
.guarantees__block {
  display: grid;
  grid-gap: 32px;
}
.guarantees__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
}
.guarantees__icon {
  font-size: 72px;
  margin: 0 20px 15px 0;
  color: transparent;
}
.guarantees__icon-4 {
  position: relative;
  top: -8px;
}
.guarantees ul li {
  line-height: 28px !important;
}

.projects-mobile {
  margin: 0 0 56px 0;
}
@media (max-width: 767px) {
  .projects-mobile {
    margin: 48px 0 0;
  }
}
.projects-mobile__block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  margin: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .projects-mobile__block {
    grid-template-columns: 1fr;
  }
}
.projects-mobile__title {
  margin: 0;
}
.projects-mobile__link {
  display: block;
}
.projects-mobile__name {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
.projects-mobile__images {
  max-width: 100%;
  height: auto;
}

.project-promo {
  margin-bottom: 35px;
  background-color: rgba(0, 0, 0, 0.6);
  min-height: 432px;
  border-bottom: 1px solid #e6e6e6;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  display: grid;
}
.project-promo__container {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .project-promo__container {
    padding-top: 64px;
    padding-bottom: 119px;
  }
}
@media (max-width: 1199px) {
  .project-promo__container {
    width: 100%;
    padding: 40px;
  }
}
.project-promo__title {
  color: #ffffff;
}
.project-promo--bg-event {
  background: url(/mobile/project-employees-personal-account/../sass/../project-1c-rarus-event/images/bg-promo-event.png) top center no-repeat;
}
.project-promo--bg-library {
  background: url(/mobile/project-employees-personal-account/../sass/../project-1c-rarus-library/images/bg-promo-library.png) top center no-repeat;
}
.project-promo--bg-real-automation {
  background: url(/mobile/project-employees-personal-account/../sass/../project-1c-rarus-real-automation/images/bg-promo-real-automation.png) top center no-repeat;
}
.project-promo--bg-carservice {
  background: url(/mobile/project-employees-personal-account/../sass/../project-carservice/images/bg-promo-carservice.png) top center no-repeat;
}
.project-promo--bg-serviceman {
  background: url(/mobile/project-employees-personal-account/../sass/../project-serviceman/images/bg-promo-serviceman.png) top center no-repeat;
}
.project-promo--bg-personal-account {
  background: url(/mobile/project-employees-personal-account/../sass/../project-employees-personal-account/images/bg-promo-personal-account.png) top center no-repeat;
}
.project-promo--bg-kdv {
  background: url(/mobile/project-employees-personal-account/../sass/../project-kdv-grupp/images/bg-promo-kdv.png) top center no-repeat;
}
.project-promo--bg-komandor {
  background: url(/mobile/project-employees-personal-account/../sass/../project-komandor/images/bg-promo-komandor.png) top center no-repeat;
}
.project-promo--bg-mincifra-nsk {
  background: url(/mobile/project-employees-personal-account/../sass/../project-mincifra-nsk/images/bg-promo-mincifra-nsk.png) top center no-repeat;
}
.project-promo--bg-trackabout {
  background: url(/mobile/project-employees-personal-account/../sass/../project-trackabout-to-1c/images/trackabout-promo.jpg) top center no-repeat;
}
@media (min-width: 992px) {
  .project-content {
    margin: 56px 0;
  }
}
@media (max-width: 1199px) {
  .project-content {
    margin: 48px 0;
  }
}
@media (min-width: 992px) {
  .project-content__video {
    width: 560px;
  }
}
.project-content__video-block {
  position: relative;
  width: 100%;
  height: 0;
  padding: 62.25% 0 0 56.25%;
  overflow: hidden;
  border-radius: 4px;
}
.project-content__video-block iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.project-realized {
  margin: 0 -15px;
  padding: 0 75px;
  text-align: center;
}
@media (max-width: 767px) {
  .project-realized {
    margin: 0 -35px;
  }
}
.project-realized .slider-arrow {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #c8c8c8;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 19px;
  padding: 0;
  position: absolute;
  top: calc(50% - 20px);
}
@media (min-width: 992px) {
  .project-realized .slider-arrow--left {
    left: 22px;
  }
}
@media (max-width: 991px) {
  .project-realized .slider-arrow--left {
    left: 25px;
  }
}
@media (min-width: 992px) {
  .project-realized .slider-arrow--right {
    right: 22px;
  }
}
@media (max-width: 991px) {
  .project-realized .slider-arrow--right {
    right: 25px;
  }
}

.project-realized__image {
  margin-right: 10px;
}

.img-pswp {
  max-width: 100%;
  height: auto;
}

.slick-slider .slick-slide {
  margin: 0 5px;
}

@media (min-width: 992px) {
  #js-carservice img {
    min-height: 500px;
  }
  #js-event img {
    min-height: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #js-carservice img {
    min-height: 400px;
  }
  #js-event img {
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  #js-carservice img {
    margin: 0 auto;
  }
  #js-event img {
    margin: 0 auto;
  }
  #js-automation img {
    margin: 0 auto;
  }
}

/*# sourceMappingURL=main.css.map */

/* End */


/* Start:/mobile/project-employees-personal-account/../libs/photoswipe/photoswipe.css?17551872058042*/
/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-error-text-color: #f7f7f7;

    --pswp-root-z-index: 100000;

    --pswp-preloader-color: rgba(79, 79, 79, 0.4);
    --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);

    /* defined via js:
    --pswp-transition-duration: 333ms; */

    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
    position: fixed;
    z-index: var(--pswp-root-z-index);
    display: none;
    touch-action: none;
    outline: 0;
    opacity: 0.003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
    outline: 0;
}

.pswp * {
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

.pswp--open {
    display: block;
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity;
}

.pswp__bg {
    opacity: 0.005;
    background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden;
}

.pswp,
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__img,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pswp {
    position: fixed;
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__item {
    /* z-index for fade transition */
    z-index: 1;
    overflow: hidden;
}

.pswp__hidden {
    display: none !important;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 10px;
    margin-top: -0.5em;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color);
    text-align: center;
}

.pswp__error-msg a {
    color: var(--pswp-error-text-color);
    text-decoration: underline;
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
    opacity: 0.005;
    will-change: opacity;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
    z-index: 10; /* always overlap slide content */
    pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 0.85;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1;
}

.pswp__button:disabled {
    opacity: 0.3;
    cursor: auto;
}

.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    pointer-events: none;
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    border-radius: 50%;
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none;
}

.pswp__icn:focus {
    outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
    background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    z-index: 10;

    /* allow events to pass through top bar itself */
    pointer-events: none !important;
}
.pswp__top-bar > * {
    pointer-events: auto;
    /* this makes transition significantly more smooth,
       even though inner elements are not animated */
    will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
    margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
    position: absolute;
    top: 0;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px;
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default;
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0;
}

/* Display arrows only when user hovers over them */
/* .pswp--ui-visible {
  .pswp__button--arrow, {
    opacity: 0.75;

    &:hover,
    &:focus {
      opacity: 1;
      outline: none;
    }
  }
} */

.pswp--one-slide .pswp__button--arrow {
    display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
    visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
    visibility: visible;
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0px;
}

.pswp__button--arrow--next {
    right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    /* flip horizontally */
    transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
    display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
    position: absolute;
    display: none;
    width: 24px;
    height: 24px;
    pointer-events: none;
    border: 3px solid var(--pswp-preloader-color);
    border-left-color: var(--pswp-preloader-color-secondary);
    border-radius: 50%;




    /* left:50% / top:50% styles are defined via JS,
      as size of PhotoSwipe viewport might change visually
      (because of UI elements like sidebar),
      use !important if you want to override them */
}

.pswp__preloader--active {
    display: block;
    animation: pswp-fadein 333ms linear, pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--hiding {
    animation: pswp-clockwise 600ms linear infinite;

    /* use of !important to override hide-on-close styles */
    opacity: 0 !important;
}


@keyframes pswp-clockwise {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes pswp-fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
    height: 30px;
    margin: 18px 0 0 20px;
    font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    opacity: 0.85;
    margin-right: auto; /* align left */
}

.pswp--one-slide .pswp__counter {
    display: none;
}

/* End */


/* Start:/local/templates/rarus.light/components/rarus/social.share/mobile_projects/style.css?1755187197306*/
.project-promo__link {
  color: #ffffff; }
  .project-promo__link:hover, .project-promo__link:focus {
    color: #ffffff;
    opacity: 0.8; }
.project-promo__social {
  display: flex;
  margin: 0 auto;
  font-size: 24px; }
.project-promo__icon {
  padding: 0 15px; }

/*# sourceMappingURL=style.css.map */

/* End */
/* /mobile/project-employees-personal-account/../sass/main.css?175518720520216 */
/* /mobile/project-employees-personal-account/../libs/photoswipe/photoswipe.css?17551872058042 */
/* /local/templates/rarus.light/components/rarus/social.share/mobile_projects/style.css?1755187197306 */