/* Start:/local/templates/.default/components/bitrix/news.list/company/style.css?177021940750429*/
:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary: #401a6a;
  --color-primary-hover: #56238d;
  --color-secondary: #401a6a;
  --color-background: #11011C;
  --color-text: var(--color-white);
  --color-placeholder: #826997;
  --button-primary: var(--color-primary);
  --button-secondary: #7fac15;
  --main-scrollbar-width: 6px;
  --main-scrollbar-color: var(--color-white);
  --main-scrollbar-thumb-color: var(--primary);
  --transition: 250ms ease;
  --border-radius: 4px;
  --scroll-behavior: smooth;
  --font-family: RFDewiExtended, sans-serif, Arial, sans-serif;
}

/*****************************************************************************
	Breakpoints
*****************************************************************************/
/*****************************************************************************
	Style
*****************************************************************************/
html body {
  background: #11011f;
}

.page-company {
  width: 100%;
  display: grid;
  grid-template-rows: repeat(20, auto);
  grid-template-columns: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 86px;
}
@media (max-width: 1736px) {
  .page-company {
    padding-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .page-company {
    padding-bottom: 226px;
  }
}
@media (max-width: 959px) {
  .page-company {
    padding-bottom: 313px;
  }
}
@media (max-width: 719px) {
  .page-company {
    padding-bottom: 474px;
  }
}
.page-company .company__layer-1, .page-company .company__layer-2, .page-company .company__layer-3 {
  width: 100%;
  grid-column: 1;
  grid-row: 1/-1;
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 100%;
}
.page-company .company__layer-1, .page-company .company__layer-2 {
  pointer-events: none;
}
.page-company .company__layer-1 {
  z-index: -1;
}
.page-company .company__layer-2 {
  z-index: 0;
}
.page-company .company__layer-3 {
  position: relative;
  z-index: 1;
}
.page-company {
  /*section*/
}
.page-company .section {
  width: 100%;
  height: auto;
  position: relative;
}
.page-company .section-0 {
  height: 1081px;
}
@media (max-width: 1736px) {
  .page-company .section-0 {
    height: 780px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-0 {
    height: 660px;
  }
}
@media (max-width: 959px) {
  .page-company .section-0 {
    height: 528px;
  }
}
@media (max-width: 719px) {
  .page-company .section-0 {
    height: 459px;
  }
}
.page-company .section-2 {
  height: 1084px;
}
@media (max-width: 1736px) {
  .page-company .section-2 {
    height: 675px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-2 {
    height: 540px;
  }
}
@media (max-width: 959px) {
  .page-company .section-2 {
    height: 500px;
  }
}
@media (max-width: 719px) {
  .page-company .section-2 {
    height: 412px;
  }
}
.page-company .section-4 {
  height: 1212px;
}
@media (max-width: 1736px) {
  .page-company .section-4 {
    height: 675px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-4 {
    height: 540px;
  }
}
@media (max-width: 959px) {
  .page-company .section-4 {
    height: 500px;
  }
}
@media (max-width: 719px) {
  .page-company .section-4 {
    height: 431px;
  }
}
.page-company .section-6 {
  height: 1096px;
}
@media (max-width: 1736px) {
  .page-company .section-6 {
    height: 675px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-6 {
    height: 540px;
  }
}
@media (max-width: 959px) {
  .page-company .section-6 {
    height: 500px;
  }
}
@media (max-width: 719px) {
  .page-company .section-6 {
    height: 413px;
  }
}
.page-company .section-8 {
  height: 1011px;
}
@media (max-width: 1736px) {
  .page-company .section-8 {
    height: 630px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-8 {
    height: 505px;
  }
}
@media (max-width: 959px) {
  .page-company .section-8 {
    height: 487px;
  }
}
@media (max-width: 719px) {
  .page-company .section-8 {
    height: 487px;
  }
}
.page-company {
  /*backgrounds*/
}
.page-company .company__background {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-company .background-company__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.page-company .background-company__inner video, .page-company .background-company__inner img {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
.page-company .background-company__borders {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
  z-index: 1;
}
.page-company .background-company__borders .background-company__borders-height, .page-company .background-company__borders .background-company__borders-width {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.page-company .background-company__borders .background-company__borders-height::before, .page-company .background-company__borders .background-company__borders-height::after, .page-company .background-company__borders .background-company__borders-width::before, .page-company .background-company__borders .background-company__borders-width::after {
  content: "";
  z-index: 1;
}
.page-company .background-company__borders .background-company__borders-width::before, .page-company .background-company__borders .background-company__borders-width::after {
  height: 100%;
  background: linear-gradient(90deg, #11011f 0%, rgba(17, 1, 31, 0) 100%);
}
.page-company .background-company__borders .background-company__borders-width::before {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
}
.page-company .background-company__borders .background-company__borders-width::after {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  transform: rotate(180deg);
}
.page-company .background-company__borders .background-company__borders-height::before, .page-company .background-company__borders .background-company__borders-height::after {
  width: 100%;
  background: linear-gradient(0deg, #11011f 0%, rgba(17, 1, 31, 0) 100%);
}
.page-company .background-company__borders .background-company__borders-height::before {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  transform: rotate(180deg);
}
.page-company .background-company__borders .background-company__borders-height::after {
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
}
@media (max-width: 1736px) {
  .page-company .section-0 .background-company__inner {
    min-width: 1386px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-0 .background-company__inner {
    min-width: 1174px;
  }
}
@media (max-width: 959px) {
  .page-company .section-0 .background-company__inner {
    min-width: 938px;
  }
}
@media (max-width: 719px) {
  .page-company .section-0 .background-company__inner {
    min-width: 816px;
  }
}
.page-company .section-0 .background-company__borders-height::before {
  height: 0;
}
.page-company .section-0 .background-company__borders-height::after {
  height: 323px;
}
@media (max-width: 1736px) {
  .page-company .section-0 .background-company__borders-height::after {
    height: 196px;
  }
}
@media (max-width: 959px) {
  .page-company .section-2 .background-company__inner {
    min-width: 889px;
    margin-left: -45.5px;
  }
}
@media (max-width: 719px) {
  .page-company .section-2 .background-company__inner {
    min-width: 732px;
    margin-left: -77px;
  }
}
.page-company .section-2 .background-company__borders-height::before {
  height: 0;
}
@media (max-width: 719px) {
  .page-company .section-2 .background-company__borders-height::before {
    height: 70px;
  }
}
.page-company .section-2 .background-company__borders-height::after {
  height: 215px;
}
@media (max-width: 1736px) {
  .page-company .section-2 .background-company__borders-height::after {
    height: 100px;
  }
}
@media (max-width: 719px) {
  .page-company .section-2 .background-company__borders-height::after {
    height: 70px;
  }
}
@media (max-width: 959px) {
  .page-company .section-4 .background-company__inner {
    min-width: 792px;
    margin-left: -36px;
  }
}
@media (max-width: 719px) {
  .page-company .section-4 .background-company__inner {
    min-width: 683px;
    margin-left: -131.5px;
  }
}
.page-company .section-4 .background-company__borders-height::before {
  height: 141px;
}
@media (max-width: 1736px) {
  .page-company .section-4 .background-company__borders-height::before {
    height: 60px;
  }
}
.page-company .section-4 .background-company__borders-height::after {
  height: 404px;
}
@media (max-width: 1736px) {
  .page-company .section-4 .background-company__borders-height::after {
    height: 120px;
  }
}
@media (max-width: 959px) {
  .page-company .section-6 .background-company__inner {
    min-width: 876px;
    margin-left: -78px;
  }
}
@media (max-width: 719px) {
  .page-company .section-6 .background-company__inner {
    min-width: 724px;
    margin-left: -142px;
  }
}
.page-company .section-6 .background-company__borders-height::before {
  height: 336px;
  transform: rotate(0deg);
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
}
@media (max-width: 1736px) {
  .page-company .section-6 .background-company__borders-height::before {
    height: 160px;
  }
}
.page-company .section-6 .background-company__borders-height::after {
  height: 336px;
}
@media (max-width: 1736px) {
  .page-company .section-6 .background-company__borders-height::after {
    height: 160px;
  }
}
@media (max-width: 959px) {
  .page-company .section-8 .background-company__inner {
    min-width: 924px;
  }
}
.page-company .section-8 .background-company__borders-height::before {
  height: 304px;
}
@media (max-width: 1736px) {
  .page-company .section-8 .background-company__borders-height::before {
    height: 140px;
  }
}
.page-company .section-8 .background-company__borders-height::after {
  height: 140px;
}
.page-company {
  /*flares*/
}
.page-company .company__flare {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  left: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-company .section-1 .company__flare {
  width: 3023px;
  height: 1681px;
  margin: 60px 0 0 -1536px;
  background-image: url(/local/media/images/pages/company/flare-1_1920.svg);
}
@media (max-width: 1736px) {
  .page-company .section-1 .company__flare {
    width: 2065px;
    height: 1862px;
    margin: -364px 0 0 -1152.5px;
    background-image: url(/local/media/images/pages/company/flare-1_1200.svg);
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .company__flare {
    margin: -244px 0 0 -1032.5px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .company__flare {
    width: 1893px;
    height: 2330px;
    margin: -288px 0 0 -1126.5px;
    background-image: url(/local/media/images/pages/company/flare-1_720.svg);
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .company__flare {
    width: 1893px;
    height: 2330px;
    margin: -219px 0 0 -946.5px;
    background-image: url(/local/media/images/pages/company/flare-1_360.svg);
  }
}
.page-company .section-3 .company__flare {
  width: 2925px;
  height: 1681px;
  margin: -130px 0 0 -1407px;
  background-image: url(/local/media/images/pages/company/flare-2_1920.svg);
}
@media (max-width: 1736px) {
  .page-company .section-3 .company__flare {
    width: 1670px;
    height: 1506px;
    margin: -278px 0 0 -835px;
    background-image: url(/local/media/images/pages/company/flare-2_1200.svg);
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .company__flare {
    margin: -444px 0 0 -835px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .company__flare {
    width: 1603px;
    height: 1446px;
    margin: -291px 0 0 -801.5px;
    background-image: url(/local/media/images/pages/company/flare-2_720.svg);
  }
}
@media (max-width: 719px) {
  .page-company .section-3 .company__flare {
    width: 1604px;
    height: 1974px;
    margin: -209px 0 0 -802px;
    background-image: url(/local/media/images/pages/company/flare-2_360.svg);
  }
}
.page-company .section-5 .company__flare {
  width: 2925px;
  height: 1322px;
  margin: -300px 0 0 -1410px;
  background-image: url(/local/media/images/pages/company/flare-3_1920.svg);
}
@media (max-width: 1736px) {
  .page-company .section-5 .company__flare {
    width: 1670px;
    height: 1506px;
    margin: -406px 0 0 -835px;
    background-image: url(/local/media/images/pages/company/flare-3_1200.svg);
  }
}
@media (max-width: 1199px) {
  .page-company .section-5 .company__flare {
    margin: -336px 0 0 -835px;
  }
}
@media (max-width: 959px) {
  .page-company .section-5 .company__flare {
    width: 1315px;
    height: 1245px;
    margin: -280px 0 0 -657.5px;
    background-image: url(/local/media/images/pages/company/flare-3_720.svg);
  }
}
@media (max-width: 719px) {
  .page-company .section-5 .company__flare {
    width: 1316px;
    height: 1620px;
    margin: -165px 0 0 -658px;
    background-image: url(/local/media/images/pages/company/flare-3_360.svg);
  }
}
.page-company .section-7 .company__flare {
  width: 3670px;
  height: 2602px;
  margin: -800px 0 0 -2002px;
  background-image: url(/local/media/images/pages/company/flare-4_1920.svg);
}
@media (max-width: 1736px) {
  .page-company .section-7 .company__flare {
    width: 1670px;
    height: 1506px;
    margin: -276px 0 0 -835px;
    background-image: url(/local/media/images/pages/company/flare-4_1200.svg);
  }
}
@media (max-width: 1199px) {
  .page-company .section-7 .company__flare {
    margin: -290px 0 0 -835px;
  }
}
@media (max-width: 959px) {
  .page-company .section-7 .company__flare {
    width: 1603px;
    height: 1446px;
    margin: -100px 0 0 -801.5px;
    background-image: url(/local/media/images/pages/company/flare-4_720.svg);
  }
}
@media (max-width: 719px) {
  .page-company .section-7 .company__flare {
    width: 1316px;
    height: 1620px;
    margin: 0px 0 0 -658px;
    background-image: url(/local/media/images/pages/company/flare-4_360.svg);
  }
}
.page-company {
  /*content*/
}
.page-company .company-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page-company .content-company__text-header h2 {
  font-family: var(--font-family);
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}
.page-company .content-company__text-description {
  padding-top: 30px;
  font-family: var(--font-family);
  font-weight: 600;
}
@media (max-width: 1736px) {
  .page-company .content-company__text-description {
    padding-top: 20px;
  }
}
@media (max-width: 959px) {
  .page-company .content-company__text-description {
    padding-top: 15px;
  }
}
.page-company .section-0 .company-content {
  justify-content: flex-end;
  padding-bottom: 120px;
}
@media (max-width: 1736px) {
  .page-company .section-0 .company-content {
    padding-bottom: 164px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-0 .company-content {
    padding-bottom: 20px;
  }
}
@media (max-width: 959px) {
  .page-company .section-0 .company-content {
    padding-bottom: 0;
  }
}
@media (max-width: 719px) {
  .page-company .section-0 .company-content {
    justify-content: flex-start;
    padding-top: 350px;
  }
}
.page-company .section-0 .content-company__text-header {
  max-width: 630px;
}
@media (max-width: 1736px) {
  .page-company .section-0 .content-company__text-header {
    max-width: 530px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-0 .content-company__text-header {
    max-width: 430px;
  }
}
@media (max-width: 959px) {
  .page-company .section-0 .content-company__text-header {
    max-width: 330px;
  }
}
.page-company .section-0 .content-company__text-header h2 {
  font-size: 60px;
}
@media (max-width: 1736px) {
  .page-company .section-0 .content-company__text-header h2 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-0 .content-company__text-header h2 {
    font-size: 40px;
  }
}
@media (max-width: 959px) {
  .page-company .section-0 .content-company__text-header h2 {
    font-size: 30px;
  }
}
.page-company .section-0 .content-company__text-description {
  max-width: 630px;
  font-size: 24px;
  line-height: 120%;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 1736px) {
  .page-company .section-0 .content-company__text-description {
    max-width: 480px;
    font-size: 18px;
  }
}
.page-company .section-2 .company-content {
  justify-content: flex-end;
  padding-bottom: 60px;
}
@media (max-width: 1736px) {
  .page-company .section-2 .company-content {
    justify-content: flex-start;
    padding-top: 615px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-2 .company-content {
    padding-top: 480px;
  }
}
@media (max-width: 959px) {
  .page-company .section-2 .company-content {
    padding-top: 460px;
  }
}
@media (max-width: 719px) {
  .page-company .section-2 .company-content {
    padding-top: 372px;
  }
}
.page-company .section-2 .content-company__text-header {
  max-width: 670px;
}
@media (max-width: 1736px) {
  .page-company .section-2 .content-company__text-header {
    max-width: 570px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-2 .content-company__text-header {
    max-width: 445px;
  }
}
@media (max-width: 719px) {
  .page-company .section-2 .content-company__text-header {
    max-width: 266px;
  }
}
.page-company .section-2 .content-company__text-header h2 {
  font-size: 60px;
}
@media (max-width: 1736px) {
  .page-company .section-2 .content-company__text-header h2 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-2 .content-company__text-header h2 {
    font-size: 40px;
  }
}
@media (max-width: 959px) {
  .page-company .section-2 .content-company__text-header h2 {
    font-size: 30px;
  }
}
.page-company .section-2 .content-company__text-description {
  max-width: 670px;
  font-size: 20px;
  line-height: 180%;
  color: #fff;
}
@media (max-width: 1736px) {
  .page-company .section-2 .content-company__text-description {
    max-width: 330px;
    font-size: 14px;
  }
}
@media (max-width: 719px) {
  .page-company .section-2 .content-company__text-description {
    max-width: 186px;
  }
}
.page-company .section-4 .company-content {
  padding-top: 120px;
}
@media (max-width: 1736px) {
  .page-company .section-4 .company-content {
    padding-top: 60px;
  }
}
@media (max-width: 719px) {
  .page-company .section-4 .company-content {
    padding-top: 371px;
  }
}
.page-company .section-4 .content-company__text-header {
  max-width: 524px;
}
@media (max-width: 1736px) {
  .page-company .section-4 .content-company__text-header {
    max-width: 438px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-4 .content-company__text-header {
    max-width: 380px;
  }
}
@media (max-width: 959px) {
  .page-company .section-4 .content-company__text-header {
    max-width: 264px;
  }
}
.page-company .section-4 .content-company__text-header h2 {
  font-size: 60px;
}
@media (max-width: 1736px) {
  .page-company .section-4 .content-company__text-header h2 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-4 .content-company__text-header h2 {
    font-size: 40px;
  }
}
@media (max-width: 959px) {
  .page-company .section-4 .content-company__text-header h2 {
    font-size: 30px;
  }
}
.page-company .section-4 .content-company__text-description {
  max-width: 524px;
  font-size: 16px;
  line-height: 180%;
  color: #c5bbcd;
}
@media (max-width: 1736px) {
  .page-company .section-4 .content-company__text-description {
    max-width: 374px;
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-4 .content-company__text-description {
    max-width: 294px;
  }
}
@media (max-width: 959px) {
  .page-company .section-4 .content-company__text-description {
    max-width: 226px;
  }
}
@media (max-width: 719px) {
  .page-company .section-4 .content-company__text-description {
    max-width: 307px;
  }
}
.page-company .section-6 .company-content {
  padding-top: 376px;
}
@media (max-width: 1736px) {
  .page-company .section-6 .company-content {
    padding-top: 60px;
  }
}
@media (max-width: 719px) {
  .page-company .section-6 .company-content {
    padding-top: 355px;
  }
}
.page-company .section-6 .content-company__text-header {
  max-width: 720px;
}
@media (max-width: 1736px) {
  .page-company .section-6 .content-company__text-header {
    max-width: 376px;
  }
}
@media (max-width: 959px) {
  .page-company .section-6 .content-company__text-header {
    max-width: 320px;
  }
}
.page-company .section-6 .content-company__text-header h2 {
  font-size: 64px;
}
@media (max-width: 1736px) {
  .page-company .section-6 .content-company__text-header h2 {
    font-size: 48px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-6 .content-company__text-header h2 {
    font-size: 40px;
  }
}
@media (max-width: 959px) {
  .page-company .section-6 .content-company__text-header h2 {
    font-size: 30px;
  }
}
.page-company .section-6 .content-company__text-description {
  max-width: 572px;
  font-size: 16px;
  line-height: 150%;
  color: #c5bbcd;
}
@media (max-width: 1736px) {
  .page-company .section-6 .content-company__text-description {
    max-width: 352px;
    font-size: 14px;
  }
}
@media (max-width: 959px) {
  .page-company .section-6 .content-company__text-description {
    max-width: 280px;
  }
}
@media (max-width: 719px) {
  .page-company .section-6 .content-company__text-description {
    max-width: 320px;
  }
}
.page-company .section-8 .company-content {
  padding-top: 278px;
}
@media (max-width: 1736px) {
  .page-company .section-8 .company-content {
    padding-top: 60px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-8 .company-content {
    padding-top: 368px;
  }
}
@media (max-width: 959px) {
  .page-company .section-8 .company-content {
    padding-top: 424px;
  }
}
.page-company .section-8 .content-company__text-header {
  max-width: 405px;
}
@media (max-width: 1736px) {
  .page-company .section-8 .content-company__text-header {
    max-width: 428px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-8 .content-company__text-header {
    max-width: 496px;
  }
}
@media (max-width: 959px) {
  .page-company .section-8 .content-company__text-header {
    max-width: 560px;
  }
}
@media (max-width: 719px) {
  .page-company .section-8 .content-company__text-header {
    max-width: 320px;
  }
}
.page-company .section-8 .content-company__text-header h2 {
  font-size: 48px;
}
@media (max-width: 1199px) {
  .page-company .section-8 .content-company__text-header h2 {
    font-size: 40px;
  }
}
@media (max-width: 959px) {
  .page-company .section-8 .content-company__text-header h2 {
    font-size: 30px;
  }
}
.page-company .section-8 .content-company__text-description {
  max-width: 530px;
  font-size: 16px;
  line-height: 150%;
  color: #c5bbcd;
}
@media (max-width: 1736px) {
  .page-company .section-8 .content-company__text-description {
    max-width: 312px;
    font-size: 14px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-8 .content-company__text-description {
    max-width: 686px;
  }
}
@media (max-width: 959px) {
  .page-company .section-8 .content-company__text-description {
    max-width: 506px;
  }
}
@media (max-width: 719px) {
  .page-company .section-8 .content-company__text-description {
    max-width: 320px;
  }
}
.page-company {
  /*list*/
}
.page-company .company-list {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.page-company .list-company__list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-right: -20px;
  margin-bottom: 0px;
}
@media (max-width: 959px) {
  .page-company .list-company__list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 0px);
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.page-company .list-company__element {
  flex: 0 0 calc(50% - 20px);
  width: calc(50% - 20px);
  margin-right: 20px;
  margin-bottom: 0px;
}
@media (max-width: 959px) {
  .page-company .list-company__element {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px);
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.page-company .list-company__text-number {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  color: #f73d8e;
}
.page-company .list-company__text-header {
  padding-top: 40px;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: #fff;
}
@media (max-width: 1736px) {
  .page-company .list-company__text-header {
    padding-top: 15px;
  }
}
@media (max-width: 1199px) {
  .page-company .list-company__text-header {
    font-size: 32px;
  }
}
@media (max-width: 959px) {
  .page-company .list-company__text-header {
    font-size: 24px;
  }
}
.page-company .list-company__text-description {
  padding-top: 30px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  line-height: 180%;
  color: #c5bbcd;
}
@media (max-width: 1736px) {
  .page-company .list-company__text-description {
    padding-top: 20px;
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
  }
}
@media (max-width: 959px) {
  .page-company .list-company__text-description {
    padding-top: 15px;
  }
}
.page-company .section-1 .list-company__list {
  padding-top: 450px;
  padding-bottom: 60px;
  margin-bottom: -100px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .list-company__list {
    padding-top: 429px;
    padding-bottom: 205px;
    margin-bottom: -60px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .list-company__list {
    padding-top: 549px;
    padding-bottom: 170px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .list-company__list {
    padding-top: 350px;
    padding-bottom: 200px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .list-company__list {
    padding-top: 424px;
    padding-bottom: 160px;
  }
}
.page-company .section-1 .list-company__element {
  margin-bottom: 100px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .list-company__element {
    margin-bottom: 60px;
  }
}
.page-company .section-1 .list-company__text-header {
  max-width: 505px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .list-company__text-header {
    max-width: 472px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .list-company__text-header {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .list-company__text-header {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .list-company__text-header {
    max-width: 320px;
  }
}
.page-company .section-1 .list-company__text-description {
  max-width: 590px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .list-company__text-description {
    max-width: 472px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .list-company__text-description {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .list-company__text-description {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .list-company__text-description {
    max-width: 320px;
  }
}
.page-company .section-3 .list-company__list {
  padding-top: 240px;
  padding-bottom: 80px;
  margin-bottom: -42px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .list-company__list {
    padding-top: 177px;
    padding-bottom: 120px;
    margin-bottom: -60px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .list-company__list {
    padding-top: 141px;
    padding-bottom: 100px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .list-company__list {
    padding-top: 116px;
    padding-bottom: 60px;
  }
}
@media (max-width: 719px) {
  .page-company .section-3 .list-company__list {
    padding-top: 193px;
    padding-bottom: 60px;
  }
}
.page-company .section-3 .list-company__element {
  margin-bottom: 42px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .list-company__element {
    margin-bottom: 60px;
  }
}
.page-company .section-3 .list-company__text-header {
  max-width: 450px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .list-company__text-header {
    max-width: 472px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .list-company__text-header {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .list-company__text-header {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-3 .list-company__text-header {
    max-width: 320px;
  }
}
.page-company .section-3 .list-company__text-description {
  max-width: 518px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .list-company__text-description {
    max-width: 472px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .list-company__text-description {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .list-company__text-description {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-3 .list-company__text-description {
    max-width: 320px;
  }
}
.page-company .section-5 .list-company__list {
  padding-top: 60px;
  padding-bottom: 261px;
  margin-bottom: -100px;
}
@media (max-width: 1736px) {
  .page-company .section-5 .list-company__list {
    padding-bottom: 120px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-5 .list-company__list {
    padding-bottom: 100px;
  }
}
@media (max-width: 959px) {
  .page-company .section-5 .list-company__list {
    margin-bottom: -60px;
  }
}
@media (max-width: 719px) {
  .page-company .section-5 .list-company__list {
    padding-top: 198px;
  }
}
.page-company .section-5 .list-company__element {
  margin-bottom: 100px;
}
@media (max-width: 959px) {
  .page-company .section-5 .list-company__element {
    margin-bottom: 60px;
  }
}
.page-company .section-5 .list-company__text-header {
  max-width: 450px;
}
@media (max-width: 1736px) {
  .page-company .section-5 .list-company__text-header {
    max-width: 472px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-5 .list-company__text-header {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-5 .list-company__text-header {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-5 .list-company__text-header {
    max-width: 320px;
  }
}
.page-company .section-5 .list-company__text-description {
  max-width: 690px;
}
@media (max-width: 1736px) {
  .page-company .section-5 .list-company__text-description {
    max-width: 472px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-5 .list-company__text-description {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-5 .list-company__text-description {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-5 .list-company__text-description {
    max-width: 320px;
  }
}
.page-company .section-7 .list-company__list {
  padding-top: 444px;
  padding-bottom: 47px;
  margin-bottom: -100px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .list-company__list {
    padding-top: 60px;
    padding-bottom: 120px;
    margin-bottom: -60px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-7 .list-company__list {
    padding-bottom: 100px;
  }
}
@media (max-width: 719px) {
  .page-company .section-7 .list-company__list {
    padding-top: 189px;
    padding-bottom: 20px;
  }
}
.page-company .section-7 .list-company__element {
  margin-bottom: 100px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .list-company__element {
    margin-bottom: 60px;
  }
}
.page-company .section-7 .list-company__text-header {
  max-width: 640px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .list-company__text-header {
    max-width: 472px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-7 .list-company__text-header {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-7 .list-company__text-header {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-7 .list-company__text-header {
    max-width: 320px;
  }
}
.page-company .section-7 .list-company__text-description {
  max-width: 650px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .list-company__text-description {
    max-width: 372px;
  }
}
@media (max-width: 959px) {
  .page-company .section-7 .list-company__text-description {
    max-width: 505px;
  }
}
@media (max-width: 719px) {
  .page-company .section-7 .list-company__text-description {
    max-width: 320px;
  }
}
.page-company {
  /*cubes*/
}
.page-company .company__cubes {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
  z-index: 1;
}
.page-company .cube-container {
  position: absolute;
  left: 50%;
}
.page-company .cube {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  will-change: transform;
}
.page-company .section-1 .cube-0 {
  width: 300px;
  height: 300px;
  top: 0;
  margin-top: 0;
  margin-left: -945px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .cube-0 {
    margin-top: 80px;
    margin-left: -600px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .cube-0 {
    margin-top: 60px;
    margin-left: -480px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .cube-0 {
    margin-top: -4px;
    margin-left: -460px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .cube-0 {
    margin-top: 64px;
    margin-left: -240px;
  }
}
.page-company .section-1 .cube-1 {
  width: 200px;
  height: 200px;
  top: 0;
  margin-top: 150px;
  margin-left: -531px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .cube-1 {
    width: 160px;
    height: 160px;
    margin-top: 220px;
    margin-left: -200px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .cube-1 {
    margin-top: 200px;
    margin-left: -180px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .cube-1 {
    margin-top: 136px;
    margin-left: -160px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .cube-1 {
    margin-top: 204px;
    margin-left: 60px;
  }
}
.page-company .section-1 .cube-2 {
  width: 200px;
  height: 200px;
  top: 0;
  margin-top: 0;
  margin-left: 95px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .cube-2 {
    width: 140px;
    height: 140px;
    margin-top: 80px;
    margin-left: 200px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .cube-2 {
    margin-top: 60px;
    margin-left: 60px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .cube-2 {
    margin-top: -4px;
    margin-left: 80px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .cube-2 {
    margin-top: 64px;
    margin-left: 60px;
  }
}
.page-company .section-1 .cube-3 {
  width: 300px;
  height: 300px;
  top: 0;
  margin-top: 0;
  margin-left: 620px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .cube-3 {
    width: 150px;
    height: 150px;
    margin-top: 220px;
    margin-left: 440px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .cube-3 {
    margin-top: 200px;
    margin-left: 230px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .cube-3 {
    margin-top: 136px;
    margin-left: 250px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .cube-3 {
    display: none;
  }
}
.page-company .section-1 .cube-4 {
  width: 400px;
  height: 400px;
  bottom: 0;
  margin-bottom: 0;
  margin-left: 10px;
}
@media (max-width: 1736px) {
  .page-company .section-1 .cube-4 {
    width: 240px;
    height: 240px;
    margin-bottom: 188px;
    margin-left: 10px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .cube-4 {
    margin-bottom: 203px;
    margin-left: 10px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .cube-4 {
    margin-bottom: 20px;
    margin-left: 155px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .cube-4 {
    width: 205px;
    height: 205px;
    margin-bottom: 51px;
    margin-left: 43px;
  }
}
.page-company .section-1 .cube-5 {
  display: none;
  bottom: 0;
}
@media (max-width: 1736px) {
  .page-company .section-1 .cube-5 {
    display: block;
    width: 130px;
    height: 130px;
    margin-bottom: 0;
    margin-left: -645px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-1 .cube-5 {
    margin-bottom: 0;
    margin-left: -525px;
  }
}
@media (max-width: 959px) {
  .page-company .section-1 .cube-5 {
    margin-bottom: 0;
    margin-left: -405px;
  }
}
@media (max-width: 719px) {
  .page-company .section-1 .cube-5 {
    margin-bottom: 0;
    margin-left: -225px;
  }
}
.page-company .section-3 .cube-0 {
  width: 220px;
  height: 220px;
  top: 0;
  margin-top: 52px;
  margin-left: -1040px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .cube-0 {
    width: 124px;
    height: 124px;
    margin-top: 541px;
    margin-left: -419px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .cube-0 {
    margin-top: 560px;
    margin-left: -300px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .cube-0 {
    display: none;
  }
}
.page-company .section-3 .cube-1 {
  width: 400px;
  height: 400px;
  top: 0;
  margin-top: 0;
  margin-left: -495px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .cube-1 {
    width: 226px;
    height: 226px;
    margin-top: 56px;
    margin-left: -123px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .cube-1 {
    margin-top: -50px;
    margin-left: -30px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .cube-1 {
    display: none;
  }
}
.page-company .section-3 .cube-2 {
  width: 300px;
  height: 300px;
  top: 0;
  margin-top: 225px;
  margin-left: 720px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .cube-2 {
    width: 170px;
    height: 170px;
    margin-top: 108px;
    margin-left: 377px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .cube-2 {
    margin-top: 0;
    margin-left: 379px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .cube-2 {
    display: none;
  }
}
.page-company .section-3 .cube-3 {
  width: 160px;
  height: 160px;
  top: 0;
  margin-top: 453px;
  margin-left: -272px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .cube-3 {
    width: 150px;
    height: 150px;
    margin-top: 683px;
    margin-left: 10px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .cube-3 {
    margin-top: 707px;
    margin-left: 133px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .cube-3 {
    display: none;
  }
}
.page-company .section-3 .cube-4 {
  width: 220px;
  height: 220px;
  bottom: 0;
  margin-bottom: 100px;
  margin-left: 404px;
}
@media (max-width: 1736px) {
  .page-company .section-3 .cube-4 {
    width: 150px;
    height: 150px;
    margin-bottom: 143px;
    margin-left: 249px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-3 .cube-4 {
    margin-bottom: 165px;
    margin-left: 378px;
  }
}
@media (max-width: 959px) {
  .page-company .section-3 .cube-4 {
    display: none;
  }
}
.page-company .section-5 .cube-0 {
  width: 300px;
  height: 300px;
  bottom: 0;
  margin-bottom: 80px;
  margin-left: -377px;
}
@media (max-width: 1736px) {
  .page-company .section-5 .cube-0 {
    display: none;
  }
}
.page-company .section-5 .cube-1 {
  width: 260px;
  height: 260px;
  bottom: 0;
  margin-bottom: -110px;
  margin-left: 620px;
}
@media (max-width: 1736px) {
  .page-company .section-5 .cube-1 {
    width: 120px;
    height: 120px;
    margin-bottom: -60px;
    margin-left: 380px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-5 .cube-1 {
    margin-bottom: -60px;
    margin-left: 280px;
  }
}
@media (max-width: 959px) {
  .page-company .section-5 .cube-1 {
    margin-bottom: -60px;
    margin-left: 190px;
  }
}
@media (max-width: 719px) {
  .page-company .section-5 .cube-1 {
    margin-bottom: -60px;
    margin-left: 50px;
  }
}
.page-company .section-7 .cube-0 {
  width: 200px;
  height: 200px;
  top: 0;
  margin-top: 92px;
  margin-left: -960px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .cube-0 {
    display: none;
  }
}
.page-company .section-7 .cube-1 {
  width: 200px;
  height: 200px;
  top: 0;
  margin-top: 370px;
  margin-left: -340px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .cube-1 {
    display: none;
  }
}
.page-company .section-7 .cube-2 {
  width: 300px;
  height: 300px;
  top: 0;
  margin-top: 40px;
  margin-left: 178px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .cube-2 {
    display: none;
  }
}
.page-company .section-7 .cube-3 {
  width: 220px;
  height: 220px;
  bottom: 0;
  margin-bottom: 16px;
  margin-left: 40px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .cube-3 {
    width: 120px;
    height: 120px;
    margin-bottom: 112px;
    margin-left: 50px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-7 .cube-3 {
    margin-bottom: 93px;
    margin-left: 50px;
  }
}
@media (max-width: 959px) {
  .page-company .section-7 .cube-3 {
    display: none;
  }
}
.page-company .section-7 .cube-4 {
  width: 260px;
  height: 260px;
  bottom: 0;
  margin-bottom: 109px;
  margin-left: 540px;
}
@media (max-width: 1736px) {
  .page-company .section-7 .cube-4 {
    width: 120px;
    height: 120px;
    margin-bottom: 172px;
    margin-left: 270px;
  }
}
@media (max-width: 1199px) {
  .page-company .section-7 .cube-4 {
    width: 160px;
    height: 160px;
    margin-bottom: 153px;
    margin-left: 270px;
  }
}
@media (max-width: 959px) {
  .page-company .section-7 .cube-4 {
    display: none;
  }
}

/*
.service__background {
  width: 100%;
  height: 1185px;
  @include position-absolute(lt);
  z-index: -1;
  padding-left: 190px;
  @include sxl {
    height: 741px;
    padding-left: 240px;
  }
  @include slg {
    height: 593px;
    padding-left: 160px;
  }
  @include smd {
    height: 470px;
    padding-left: 0;
  }
  @include ssm {
    height: 380px;
  }
  & .service__background-inner {
    position: relative;
    width: 100%;
    height: 100%;
    @include smd {
      width: 960px;
      @include position-absolute(lt);
      left: 50%;
      margin-left: -480px;
    }
    @include ssm {
      width: 720px;
      margin-left: -360px;
    }
    &::before {
      content: '';
      @include position-absolute(lt);
      width: 460px;
      height: 100%;
      background: linear-gradient(-90deg, rgba(17, 1, 28, 0) 0%, #11011c 100%);
      z-index: 1;
      @include sxl {
        width: 352px;
        background: linear-gradient(-90deg, rgba(16, 0, 30, 0) 0%, #11011c 100%);
      }
      @include slg {
        width: 140px;
      }
      @include smd {
        display: none;
      }
    }
    &::after {
      content: '';
      @include position-absolute(lb);
      width: 100%;
      height: 358px;
      background: linear-gradient(180deg, rgba(17, 1, 28, 0) 0%, #11011c 100%);
      z-index: 1;
      @include sxl {
        height: 240px;
        background: linear-gradient(180deg, rgba(16, 0, 30, 0) 0%, #10001e 100%);
      }
      @include slg {
        height: 140px;
      }
    }
  }
  & img {
    @include position-absolute(ff);
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
  }
}

.background-flare.background-service {
  width: 3944px;
  height: 6492px;
  left: 50%;
  margin: 405px 0 0 -1972px;
  background-image: url(/local/media/images/pages/background_services_1920.svg);
  background-position: center center;
  z-index: 0;
  @include sxl {
    width: 3393px;
    height: 6628px;
    left: 50%;
    margin: -110px 0 0 -1696.5px;
    background-image: url(/local/media/images/pages/background_services_1200.svg);
  }
  @include slg {
    margin: -240px 0 0 -1696.5px;
  }
  @include smd {
    margin: -300px 0 0 -1696.5px;
  }
}
.service-detail__content {
  position: relative;
  z-index: 1;
  & .content-header {
    @include position-absolute(lt);
    width: 100%;
    padding-top: 326px;
    z-index: 2;
    @include sxl {
      padding-top: 206px;
    }
    @include slg {
      padding-top: 160px;
    }
    @include smd {
      padding-top: 412px;
      position: relative;
    }
    @include ssm {
      padding-top: 282px;
    }
  }
  & .content-header__text-header {
    max-width: 816px;
    @include sxl {
      max-width: 500px;
    }
    @include slg {
      max-width: 400px;
    }
    @include smd {
      max-width: 100%;
    }
    & h1 {
      font-family: var(--font-family);
      font-weight: 700;
      font-size: 60px;
      line-height: 120%;
      color: #fff;
      @include sxl {
        font-size: 48px;
      }
      @include slg {
        font-size: 40px;
      }
      @include smd {
        font-size: 30px;
      }
    }
  }
  & .content-header__text-sign {
    max-width: 816px;
    padding-top: 20px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    @include sxl {
      max-width: 500px;
      padding-top: 15px;
      font-size: 18px;
    }
    @include slg {
      max-width: 400px;
    }
    @include smd {
      max-width: 100%;
    }
    @include ssm {
      max-width: 270px;
    }
  }
  & .content-header__text-description {
    max-width: 580px;
    padding-top: 20px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    color: #fff;
    @include sxl {
      max-width: 360px;
      padding-top: 15px;
      font-size: 14px;
      line-height: 140%;
    }
    @include smd {
      max-width: 100%;
    }
  }
  & .content-header__buttons {
    display: flex;
    padding-top: 40px;
    margin-right: -10px;
    @include sxl {
      padding-top: 30px;
    }
    @include ssm {
      width: 100%;
      flex-direction: column;
      margin-right: 0;
      margin-bottom: -15px;
    }
  }
  & .content-header__button-request,
  & .content-header__button-more {
    margin-right: 10px;
    @include ssm {
      margin-right: 0;
      margin-bottom: 15px;
    }
  }
  & .content-header__button-request a,
  & .content-header__button-more a {
    @include flex-center;
    padding: 20px 25px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border-radius: 70px;
    position: relative;
    overflow: hidden;
    background: transparent;
    cursor: pointer;
    transition: 250ms linear;
    @include sxl {
      font-size: 14px;
    }
    @include slg {
    }
    @include smd {
    }
    @include ssm {
      padding: 17px 18px;
    }
    &::before,
    &::after {
      content: '';
      @include position-absolute(ff);
      transition: 250ms linear;
    }
    &::before {
      opacity: 1;
      -webkit-backdrop-filter: blur(50px);
      backdrop-filter: blur(50px);
      background: linear-gradient(90deg, #5d16d3 0%, #3b1d6d 100%);
    }
    &::after {
      visibility: hidden;
      opacity: 0;
      background: $c-primary-hover;
    }
    &:hover::before {
      visibility: hidden;
      opacity: 0;
    }
    &:hover::after {
      visibility: visible;
      opacity: 1;
    }
  }
  & .content-header__button-more a {
    padding: 18px 23px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    @include ssm {
      padding: 15px 16px;
    }
    &::before,
    &::after {
      display: none;
    }
    &:hover {
      border: 2px solid $c-primary-hover;
      background: $c-primary-hover;
    }
  }
  & .content-body {
    width: 100%;
    position: relative;
    padding-top: 1146px;
    z-index: 0;
    @include sxl {
      padding-top: 781px;
    }
    @include slg {
      padding-top: 633px;
    }
    @include smd {
      padding-top: 100px;
    }
  }
  & .content-menu__outer {
    position: relative;
    @include sxl {
      display: none;
    }
  }
  & .content-menu {
    @include position-absolute(lt);
    &._fixed {
      position: fixed;
      //146 header + 60 padding
      top: 206px;
      left: 60px;
    }
  }
  & .menu-list {
    display: flex;
    flex-direction: column;
    margin-bottom: -15px;
    max-width: 250px;
    @include sc(1820px) {
      max-width: 215px;
    }
  }
  & .menu-element {
    margin-bottom: 15px;
    & a {
      font-family: var(--font-family);
      font-weight: 700;
      font-size: 16px;
      line-height: 120%;
      color: #8a769b;
      &._selected {
        color: #fff;
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px);
      }
      &:hover {
        color: #914df8;
      }
    }
  }
  & .content-list {
    //margin-bottom: -120px;
    @include slg {
      //margin-bottom: -100px;
    }
  }
  & .content-element {
    margin-bottom: 120px;
    @include slg {
      margin-bottom: 100px;
    }
  }
  & .element-content__text-sign {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #c5bbcd;
    @include sxl {
      font-size: 12px;
    }
  }
  & .element-content__text-header {
    padding-top: 15px;
    @include sxl {
      max-width: 964px;
    }
    @include slg {
      max-width: 764px;
    }
    & h2 {
      font-family: var(--font-family);
      font-weight: 700;
      font-size: 48px;
      line-height: 120%;
      color: #fff;
      @include sxl {
        font-size: 40px;
      }
      @include slg {
        font-size: 32px;
      }
      @include smd {
        font-size: 24px;
      }
    }
  }
  & .element-content__text-description {
    max-width: 768px;
    padding-top: 30px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    @include sxl {
      max-width: 964px;
      font-size: 14px;
    }
    @include slg {
      max-width: 764px;
    }
    @include smd {
      max-width: 100%;
      padding-top: 20px;
    }
  }
 }
}

 */

/* End */
/* /local/templates/.default/components/bitrix/news.list/company/style.css?177021940750429 */