h1, h2, h3, h4 {
  margin: 0;
}
ul li {
  background-image: none;
}
.portfol-wrapper .igrotrade p {
  margin: 0;
}
.btn {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  background: transparent;
  border: none;
  cursor: pointer;
}
.portfol-wrapper .pl-content {
  display: flex;
  justify-content: space-between;
  margin-top: 23px;
}
.portfol-wrapper .coll-3 {
  margin-left: 0;
}

.scrollable {
  display: flex;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
}
.scrollable img {
  width: 100%;
  height: max-content;
  user-select: none
}
.section-head {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #388376;
}
.title-h3 {
  color: #313131;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
}
.hero {
  position: relative;
  padding-top: 40px;
  padding-bottom: 85px;
  overflow: hidden;
  background: #f0f8f8;
}
.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: url("/image/new/site/kebrus/zubs-fff.svg");
  z-index: 3;
}
.hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #388376;
  -webkit-mask-image: url("/image/new/site/kebrus/zubs-fff.svg");
          mask-image: url("/image/new/site/kebrus/zubs-fff.svg");
}
.hero .portfol {
  position: relative;
  z-index: 2;
}
.hero-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1920px;
  background-image: url("/image/new/site/kebrus/hero_bg.png");
  background-repeat: no-repeat;
  background-position: top left;
  transform: translateX(-50%) translateX(-20px);
}
.hero__list {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.hero__list-item {
  width: 180px;
  text-align: center;
  color: rgba(56,131,118,0.6);
}
.hero__list-item-text {
  color: #313131;
}
.hero__center {
  display: flex;
  justify-content: center;
}
.hero__center-tablet {
  position: relative;
  width: 1080px;
  height: 700px;
  border-radius: 40px;
  background: #388376;
  outline: 2px solid rgba(255,255,255,0.6);
  outline-offset: -1px;
  box-shadow: 0px 111px 41.6px -82px rgba(9,59,30,0.4), 0px 0px 200px 0px rgba(56,131,118,0.2);
}
.hero__center-tablet::before {
  content: '';
  position: absolute;
  top: -2px;
  left: 42px;
  right: 42px;
  height: 1px;
  background: #fff;
  z-index: 4;
}
.hero__center-tablet-media {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 40px;
  overflow: hidden;
}
.hero__center-tablet-media-header {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(12.328125px);
          backdrop-filter: blur(12.328125px);
  z-index: 3;
  border-radius: 40px 40px 0 0;
}
.hero__center-tablet-media-header img {
  width: auto;
}
.hero__center-tablet-media-page {
  position: relative;
  width: 100%;
  -webkit-animation: scrollhero 16s infinite cubic-bezier(0.2, 0, 0.8, 1) alternate;
          animation: scrollhero 16s infinite cubic-bezier(0.2, 0, 0.8, 1) alternate;
}
.hero__center-tablet-media-page img {
  width: 100%;
}
.hero__center-tablet-media-page::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 84px;
  background: #fff;
}
@-webkit-keyframes scrollhero {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-850px);
  }
}
@keyframes scrollhero {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-850px);
  }
}
.project {
  position: relative;
  overflow: hidden;
}
.project::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #388376;
  -webkit-mask-image: url("/image/new/site/kebrus/zubs-fff.svg");
          mask-image: url("/image/new/site/kebrus/zubs-fff.svg");
}
.project__structure {
  padding: 80px 0;
  background: #fff;
}
.project__structure-title {
  margin-bottom: 40px;
}
.project__structure-graph {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.project__concept {
  padding: 80px 0 95px;
  background: #f0f8f8;
}
.project__concept-list {
  display: flex;
  flex-direction: column;
  gap: 148px;
  margin-top: 40px;
}
.project__concept-list-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 708px 260px;
  grid-template-columns: 708px 260px;
  justify-content: space-between;
}
.project__concept-list-item-content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.project__concept-list-item-content-number {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 20px;
  color: #313131;
}
.project__concept-list-item-content-number-icon {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ca1c3f;
  font-family: 'Onest', 'PT Sans', sans-serif;
  border-radius: 50%;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.project__concept-list-item-content-number-name {
  color: #313131;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}
.project__concept-list-item-side {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  position: relative;
}
.project__concept-list-item-image {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  position: relative;
}
.project__concept-1-item-side-img {
  position: absolute;
  top: -90px;
  left: -378px;
  width: 940px;
}
.project__concept-1-item-side-img-screen1 {
  position: absolute;
  top: 12px;
  left: -16px;
  width: 203px;
}
.project__concept-1-item-side-img-screen2 {
  position: absolute;
  top: 12px;
  left: -16px;
  width: 203px;
  -webkit-animation: screenSwitch 6s infinite ease;
          animation: screenSwitch 6s infinite ease;
}
.project__concept-1-item-image {
  position: relative;
  margin-top: 80px;
  height: 580px;
}
.project__concept-1-item-image-macbook {
  position: absolute;
  top: 0;
  left: -60px;
}
.project__concept-1-item-image::before {
  content: '';
  position: absolute;
  bottom: -332px;
  left: -92px;
  width: 998px;
  height: 561px;
  background: url("/image/new/site/kebrus/macboox-shadow.svg") no-repeat;
  background-size: contain;
  pointer-events: none;
}
.project__concept-2-item-side-img {
  position: absolute;
  top: -76px;
  left: -412px;
  width: 1030px;
}
.project__concept-2-item-side-img-screen1 {
  position: absolute;
  top: 10px;
  left: 52px;
  width: 203px;
}
.project__concept-2-item-side-img-screen2 {
  position: absolute;
  top: 10px;
  left: 52px;
  width: 203px;
  -webkit-animation: screenSwitch 6s infinite ease;
          animation: screenSwitch 6s infinite ease;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.project__concept-2-item-image {
  position: relative;
  margin-top: 80px;
  height: 580px;
}
.project__concept-2-item-image-macbook {
  position: absolute;
  top: 0;
  left: -60px;
}
@-webkit-keyframes screenSwitch {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes screenSwitch {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.design {
  position: relative;
  overflow: hidden;
}
.design::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #e0f0f0;
  -webkit-mask-image: url("/image/new/site/kebrus/zubs-fff.svg");
          mask-image: url("/image/new/site/kebrus/zubs-fff.svg");
}
.design__innerpage {
  position: relative;
  display: flex;
  justify-content: center;
  background: #0294d8;
  height: 2225px;
  overflow: hidden;
}
.design-bg {
  position: relative;
  max-width: 1920px;
  width: 1920px;
  z-index: 1;
}
.design__mainpage {
  padding: 80px 0 70px;
  background: #f0f8f8;
}
.design__mainpage-graph {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.design__mainpage-graph-main {
  width: 900px;
  height: 1212px;
  box-shadow: 0px 4px 80px 0px rgba(0,0,0,0.2);
  border-radius: 20px;
}
.design__mainpage-graph-main img {
  width: 100%;
  height: 100%;
}
.design__mainpage-graph-side {
  width: 200px;
  height: 1281px;
  box-shadow: 0px 3.93px 78.57px 0px rgba(0,0,0,0.2);
  border-radius: 20px;
}
.design__mainpage-graph-side img {
  width: 100%;
  height: 100%;
}
.design__mainpage-graph-note {
  position: absolute;
  top: 588px;
  left: 456px;
}
.design__uikit {
  padding: 80px 0;
  background: #fff;
}
.design__uikit-main {
  margin-top: 40px;
}
.design__uikit-main-fonts {
  position: relative;
  height: 412px;
  background: #f0f8f8;
  border-radius: 20px;
  overflow: hidden;
}
.design__uikit-main-fonts-font {
  position: absolute;
  top: 40px;
  left: 40px;
}
.design__uikit-main-fonts-text {
  position: absolute;
  top: 245px;
  left: 40px;
  font-family: PT Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.design__uikit-main-fonts-sample {
  position: absolute;
  top: 300px;
  left: 40px;
}
.design__uikit-main-fonts-aa {
  position: absolute;
  bottom: 30px;
  right: 92px;
}
.design__uikit-main-colours-clip {
  border-radius: 16px;
  overflow: hidden;
  margin: 60px 0;
}
.design__uikit-main-colours {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 460px 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-columns: 460px repeat(6, 1fr);
  gap: 8px;
}
.design__uikit-main-colours-item {
  box-sizing: border-box;
  height: 100px;
  border-radius: 16px;
  padding: 6px 16px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-family: PT Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #313131;
}
.design__uikit-main-icons {
  height: 108px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.design__uikit-main-icons-item {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.design__corporate {
  padding: 80px 0 0;
  background: #388376;
}
.design__corporate-main {
  position: relative;
  margin-top: 52px;
  display: flex;
}
.design__corporate-main-phone {
  position: relative;
  width: 508px;
}
.design__corporate-main-phone-img {
  width: 508px;
}
.design__corporate-main-phone-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,255,255,0.8);
  -webkit-backdrop-filter: blur(12.328125px);
          backdrop-filter: blur(12.328125px);
  z-index: 3;
}
.design__corporate-main-phone-page {
  width: 100%;
}
.design__corporate-main-phone-screen {
  position: absolute;
  top: 14px;
  left: 118px;
  width: 288px;
  height: 626px;
  border-radius: 36px;
  overflow: hidden;
}
.design__corporate-main-phone-screen-scrollable {
  width: 100%;
  position: relative;
  display: flex;
  /*
    animation: scrollcorpo 20s infinite cubic-bezier(0.2, 0, 0.8, 1) alternate;
  */
}
.design__corporate-main-phone-screen-page {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.design__corporate-main-phone-screen-page-2 {
  width: 100%;
}
.design__corporate-main-phone-screen-page-3 {
  width: 100%;
}
.design__corporate-main-phone-screen-scrollable::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  background: #fff;
}
.design__corporate-main-image {
  position: relative;
  flex-grow: 2;
  height: 734px;
}
.design__corporate-main-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 1016px;
  height: 654px;
}
.design__adaptive {
  position: relative;
  padding: 80px 0 0;
  background: #f0f8f8;
  overflow: hidden;
}
.design__adaptive::after {
  content: '';
  position: absolute;
  top: 180px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #e1e1e1;
}
.design__adaptive-main-head {
  display: flex;
  justify-content: space-between;
}
.design__adaptive-main-head-text {
  width: 728px;
}
.design__adaptive-main-head-select {
  display: flex;
  gap: -1px;
}
.design__adaptive-main-head-select-btn {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: #f0f8f8;
  border: 1px solid #e1e1e1;
  transition: background 0.5s ease;
}
.design__adaptive-main-head-select-btn img {
  -webkit-filter: invert(0);
          filter: invert(0);
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}
.design__adaptive-main-head-select-btn.active {
  background: #ca1c3f;
}
.design__adaptive-main-head-select-btn.active img {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.design__adaptive-main-body {
  position: relative;
  width: 100%;
  height: 795px;
}
.design__adaptive-main-body-item {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  opacity: 0;
  transform: translateY(320px);
  visibility: hidden;
  transition: transform 0.75s ease-out, opacity 0.5s ease, visibility 0.75s ease;
}
.design__adaptive-main-body-item img {
  width: auto;
  max-width: unset;
}
.design__adaptive-main-body-item.active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.design__cards {
  padding: 80px 0;
  background: #388376;
}
.design__cards-grid-wrap {
  margin-top: 60px;
}
.design__cards-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 45.2% 20px 11.8% 20px 14.2% 20px 1fr;
  grid-template-columns: 45.2% 11.8% 14.2% 1fr;
  gap: 20px;
}
.design__cards-grid-item {
  box-sizing: border-box;
  background: #f0f8f8;
  border: 1px solid rgba(0,0,0,0.102);
  border-radius: 25px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.design__cards-grid-employee {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  height: 220px;
  background: #fff;
  border-radius: 40px;
}
.design__cards-grid-license {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  height: 220px;
  background: #fff;
}
.design__cards-grid-management {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-column: 4/5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  background: #fff;
}
.design__cards-grid-open {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  height: 86px;
  background: #f0f8f8;
}
.design__cards-grid-director {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  height: 214px;
  background: #fff;
  border-radius: 48px;
}
.design__cards-grid-funded {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  height: 214px;
  background: #f0f8f8;
  border-radius: 32px;
}
.design__innerpages {
  position: relative;
  display: flex;
  justify-content: center;
  height: 1412px;
  overflow: hidden;
}
.design__innerpages-bg {
  flex-shrink: 0;
  position: relative;
  width: 1920px;
  height: 1412px;
  display: flex;
  z-index: 0;
}
.design__innerpages-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
}
.design__innerpages-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 4;
  padding-top: 72px;
}
@keyframes scrollcorpo {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-1574px);
  }
}

@keyframes scrollcorpo2 {
  0% { transform: translateY(0px); }
  8% { transform: translateY(0px); }

  20% { transform: translateY(-155px); }
  23% { transform: translateY(-155px); }

  38% { transform: translateY(-575px); }
  41% { transform: translateY(-575px); }

  56% { transform: translateY(-1125px);  }
  59% { transform: translateY(-1125px);  }
  /* open */
  68% { transform: translateY(-1125px);  }

  78% { transform: translateY(-1574px);}
  84% { transform: translateY(-1574px);}
  0% { transform: translateY(0px);}
}


@keyframes scrollcorpo3 {
  0% { opacity: 0; }

  60% { opacity: 0; }
  66% { opacity: 1;  }
  100% { opacity: 1; }
}
@keyframes scrollcorpo4 {
  0% { transform: translateY(-351px); }

  60% { transform: translateY(-351px);  }
  66% { transform: translateY(0px);  }
  100% { transform: translateY(0px);}
}

.realize {
  position: relative;
  overflow: hidden;
}
.realize__section {
  padding: 80px 0;
  background: #e0f0f0;
}
.realize__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.realize__head-content {
  width: 752px;
}
.realize__head-bitrix {
  position: relative;
  width: 320px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.realize__bitrix {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.realize__bitrix-graph {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 1920px;
  height: 728px;
  background: url("/image/new/site/kebrus/realize-laptop.png") no-repeat;
  background-size: 1920px 728px;
  margin-top: 60px;
}
.realize__bitrix-graph-content {
  position: absolute;
  top: 92px;
  left: 162px;
  width: 828px;
  height: 520px;
}
.realize__bitrix-graph-content-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.realize__bitrix-graph-content-clip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.realize__bitrix-graph-content-move {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.realize__bitrix-graph-content-move-thumb {
  position: relative;
  height: 100%;
  width: 1px;
  background: #ca1c3f;
  border-left: 1px solid #ca1c3f;
}
.realize__bitrix-graph-content-move-thumb::after {
  content: '';
  position: absolute;
  bottom: 240px;
  left: -20px;
  width: 40px;
  height: 40px;
  background: url("/image/new/site/kebrus/realize_thumb.svg") no-repeat;
  background-size: contain;
}
.realize__bitrix-graph-content-range {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 4;
  cursor: pointer;
}
.realize__info {
  margin-top: 74px;
}
.realize__info-content {
  display: flex;
  justify-content: space-between;
}
.realize__info-content-text {
  width: 752px;
}
.realize__info-content-bank {
  box-sizing: border-box;
  width: 300px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.realize__info-content-bank img {
  width: 100%;
}
.realize__info-graph {
  box-sizing: border-box;
  position: relative;
  margin-top: 16px;
  padding-top: 36px;
  padding-right: 144px;
}
.realize__info-graph-image {
  display: flex;
  min-height: 654px;
  border-radius: 20px;
  overflow: hidden;
}
.realize__info-graph-note {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  width: 460px;
  padding: 60px 54px;
  background: #fff;
  border-radius: 20px;
  box-shadow: -30px 30px 80px 0px rgba(0,0,0,0.251);
}
.realize__info-graph-note-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  counter-reset: noteList;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.realize__info-graph-note-list-item {
  counter-increment: noteList;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 48px;
  gap: 20px;
  min-height: 28px;
  color: #313131;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.realize__info-graph-note-list-item::before {
  content: counter(noteList);
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  background: #ca1c3f;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Onest, 'PT Sans', Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.portfol-wrapper .kebrus {
  font-family: 'PT sans', Arial, sans-serif;
}
.portfol-wrapper .kebrus .section-title {
  color: #fff;
  margin: 0;
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
}
.portfol-wrapper .kebrus .section-title:not(:last-child) {
  margin-bottom: 40px;
}
.portfol-wrapper .kebrus .section-text {
  color: #fff;
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}
.portfol-wrapper .kebrus .project__concept-list-item-content-text {
  margin: 0;
  color: #313131;
  font-size: 20px;
  line-height: 30px;
}
.portfol-wrapper .kebrus .design__mainpage-title {
  margin-bottom: 40px;
}
.portfol-wrapper .kebrus .design__mainpage-desc {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}
.portfol-wrapper .kebrus .design__corporate-title {
  margin-bottom: 40px;
  color: #fff;
}
.portfol-wrapper .kebrus .design__corporate-desc {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}
.portfol-wrapper .kebrus .design__adaptive-main-head-text {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #313131;
}
.portfol-wrapper .kebrus .design__cards-title {
  margin-bottom: 40px;
  color: #fff;
}
.portfol-wrapper .kebrus .design__cards-desc {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}
.portfol-wrapper .kebrus .realize__section-title {
  font-weight: 700;
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 40px;
  color: #313131;
}
.portfol-wrapper .kebrus .realize__section-desc {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #313131;
}
.portfol-wrapper .kebrus .realize__info-content-text {
  margin: 0;
  color: #313131;
  font-size: 20px;
  line-height: 30px;
}

.kebrus__nav {
  margin-top: 52px;
  height: 24px;
}

.to-op {
  opacity: 0;
  transition: 1s ease .2s
}
.to-op.--start-anim {
  opacity: 1
}
.to-up {
  opacity: 0;
  transform: translateY(50%);
  transition: ease 1s
}
.to-up.--start-anim {
  opacity: 1;
  transform: translateY(0)
}
.to-down {
  opacity: 0;
  transform: translateY(-20%);
  transition: ease 1.4s
}
.to-down.--start-anim {
  opacity: 1;
  transform: translateY(0)
}
.to-left {
  opacity: 0;
  transform: translateX(50%);
  transition: ease 1s
}
.to-left.--start-anim {
  opacity: 1;
  transform: translateX(0)
}
.to-right {
  opacity: 0;
  transform: translateX(-50%);
  transition: ease 1s
}
.to-right.--start-anim {
  opacity: 1;
  transform: translateX(0)
}
.delay-02s {
  transition-delay: .2s;
}
.delay-04s {
  transition-delay: .4s;
}
.delay-06s {
  transition-delay: .6s;
}
.delay-08s {
  transition-delay: .8s;
}
.delay-1s {
  transition-delay: 1s;
}
.delay-1_2s {
  transition-delay: 1.2s;
}
.delay-1_4s {
  transition-delay: 1.4s;
}
.delay-1_6s {
  transition-delay: 1.6s;
}
.delay-1_8s {
  transition-delay: 1.8s;
}
.delay-2s {
  transition-delay: 2s;
}
.delay-2_2s {
  transition-delay: 2.2s;
}
.delay-4s {
  transition-delay: 4s;
}
.delay-4_4s {
  transition-delay: 4s;
}

.design__uikit-main-fonts .design__uikit-main-fonts-aa {
  opacity: 0;
  transform: translateX(320px);
  transition: opacity 1s ease, transform 1s ease;
  transition-delay: .2s;
}
.design__uikit-main-fonts .design__uikit-main-fonts-font {
  opacity: 0;
  transform: translateX(-320px);
  transition: opacity 1s ease, transform 1s ease;
  transition-delay: .4s;
}
.design__uikit-main-fonts .design__uikit-main-fonts-text {
  opacity: 0;
  transform: translateX(-320px);
  transition: opacity 1s ease, transform 1s ease;
  transition-delay: .6s;
}
.design__uikit-main-fonts .design__uikit-main-fonts-sample {
  opacity: 0;
  transform: translateX(-320px);
  transition: opacity 1s ease, transform 1s ease;
  transition-delay: .8s;
}


.design__uikit-main-fonts.--start-anim .design__uikit-main-fonts-aa {
  opacity: 1;
  transform: translateX(0);
}
.design__uikit-main-fonts.--start-anim .design__uikit-main-fonts-font {
  opacity: 1;
  transform: translateX(0);
}
.design__uikit-main-fonts.--start-anim .design__uikit-main-fonts-text {
  opacity: 1;
  transform: translateX(0);
}
.design__uikit-main-fonts.--start-anim .design__uikit-main-fonts-sample {
  opacity: 1;
  transform: translateX(0);
}

.design__uikit-main-colours {
  transform: translateX(-352px);
  transition: transform 1s ease;
  transition-delay: 1s;
}
.design__uikit-main-colours .design__uikit-main-colours-item {
  opacity: 0;
  transition: opacity .5s ease-in;
}
.design__uikit-main-colours .design__uikit-main-colours-item:nth-child(1) {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 1s;
}

.design__uikit-main-colours .design__uikit-main-colours-item:nth-child(2) {
  transition-delay: .1s;
}
.design__uikit-main-colours .design__uikit-main-colours-item:nth-child(3) {
  transition-delay: .2s;
}
.design__uikit-main-colours .design__uikit-main-colours-item:nth-child(4) {
  transition-delay: .3s;
}
.design__uikit-main-colours .design__uikit-main-colours-item:nth-child(5) {
  transition-delay: .4s;
}
.design__uikit-main-colours .design__uikit-main-colours-item:nth-child(6) {
  transition-delay: .5s;
}
.design__uikit-main-colours .design__uikit-main-colours-item:nth-child(7) {
  transition-delay: .6s;
}


.design__uikit-main-colours.--start-anim {
  transform: translateX(0px);
}
.design__uikit-main-colours.--start-anim .design__uikit-main-colours-item {
  opacity: 1;
  transform: translateX(0);
}
.design__uikit-main-colours.--start-anim .design__uikit-main-colours-item:nth-child(1) {
  opacity: 1;
  transform: translateX(0);
}

.design__uikit-main-icons .design__uikit-main-icons-item {
  opacity: 0;
  transition: opacity .5s ease-in;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(1) {
  transition-delay: .15s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(2) {
  transition-delay: .3s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(3) {
  transition-delay: .45s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(4) {
  transition-delay: .6s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(5) {
  transition-delay: .75s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(6) {
  transition-delay: .9s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(7) {
  transition-delay: 1.15s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(8) {
  transition-delay: 1.2s;
}
.design__uikit-main-icons .design__uikit-main-icons-item:nth-child(9) {
  transition-delay: 1.35s;
}

.design__uikit-main-icons.--start-anim  .design__uikit-main-icons-item {
  opacity: 1;
}


.realize__info-graph-note {
  transform: translateY(320px);
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
  transition-delay: .25s;
}
.realize__info-graph-note .realize__info-graph-note-list-item {
  opacity: 0;
  transition: transform 1s ease, opacity 1s ease;
}
.realize__info-graph-note .realize__info-graph-note-list-item:nth-child(1) {
  transition-delay: 1.25s;
}
.realize__info-graph-note .realize__info-graph-note-list-item:nth-child(2) {
  transition-delay: 1.4s;
}
.realize__info-graph-note .realize__info-graph-note-list-item:nth-child(3) {
  transition-delay: 1.55s;
}
.realize__info-graph-note .realize__info-graph-note-list-item:nth-child(4) {
  transition-delay: 1.7s;
}
.realize__info-graph-note .realize__info-graph-note-list-item:nth-child(5) {
  transition-delay: 1.95s;
}


.realize__info-graph-note.--start-anim {
  transform: translateY(0);
  opacity: 1;
}
.realize__info-graph-note.--start-anim .realize__info-graph-note-list-item {
  opacity: 1;
}

.design__cards-grid .design__cards-grid-item {
  opacity: 0;
  transition: opacity .5s ease-out;
}
.design__cards-grid .design__cards-grid-item:nth-child(1) {
  transition-delay: .15s;
}
.design__cards-grid .design__cards-grid-item:nth-child(2) {
  transition-delay: .3s;
}
.design__cards-grid .design__cards-grid-item:nth-child(3) {
  transition-delay: 1.05s;
}
.design__cards-grid .design__cards-grid-item:nth-child(4) {
  transition-delay: .6s;
}
.design__cards-grid .design__cards-grid-item:nth-child(5) {
  transition-delay: .75s;
}
.design__cards-grid .design__cards-grid-item:nth-child(6) {
  transition-delay: .9s;
}
.design__cards-grid .design__cards-grid-item:nth-child(7) {
  transition-delay: .45;
}
.design__cards-grid.--start-anim .design__cards-grid-item {
  opacity: 1;
}

.design__corporate-main-phone-screen-page.--start-anim {
  animation: scrollcorpo2 18s infinite cubic-bezier(0.4, 0, 0.4, 1);
}
.design__corporate-main-phone-screen-page.--start-anim .design__corporate-main-phone-screen-page-2 {
  animation: scrollcorpo3 18s infinite ease;
}
.design__corporate-main-phone-screen-page.--start-anim .design__corporate-main-phone-screen-page-3 {
  animation: scrollcorpo4 18s infinite ease;
}