[data-color="rezatto"].hero-second {
  background: #111111; }
  @media screen and (max-width: 767px) {
    [data-color="rezatto"].hero-second {
      overflow: hidden;
      position: relative;
      height: 564px;
      align-items: flex-end;
      padding-bottom: 79px; } }
@media screen and (max-width: 767px) {
  [data-color="rezatto"] .hero-second__content {
    position: static; } }
[data-color="rezatto"] .hero-second__title {
  color: #fff; }
  @media screen and (min-width: 767.98px) {
    [data-color="rezatto"] .hero-second__title {
      margin-bottom: 20px; } }
[data-color="rezatto"] .hero-second__descr {
  background: linear-gradient(180deg, #111 7.29%, #00abc3 100%);
  color: #fff;
  border-radius: 100px; }
  @media screen and (max-width: 767px) {
    [data-color="rezatto"] .hero-second__descr {
      width: 352px;
      max-width: calc(100vw - 60px);
      padding-top: 21px;
      padding-bottom: 21px; } }
[data-color="rezatto"] .hero-second__content-image {
  right: 0; }
  @media screen and (max-width: 767px) {
    [data-color="rezatto"] .hero-second__content-image {
      right: unset;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      justify-content: center;
      align-items: center; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    [data-color="rezatto"] .hero-second__content-image {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; } }

  [data-color="rezatto"] .hero-second__content-image--1 {
    position: relative;
    left: -11%;
    top: 21%; }
    @media screen and (max-width: 767px) {
      [data-color="rezatto"] .hero-second__content-image--1 {
        position: absolute;
        left: -91%;
        top: -38%;
        transform: rotate(14deg); } }
  [data-color="rezatto"] .hero-second__content-image--2 {
    position: absolute;
    right: 0;
    transform: translateX(61%); }
    @media screen and (max-width: 767px) {
      [data-color="rezatto"] .hero-second__content-image--2 {
        right: 0;
        transform: translateX(56%);
        top: unset;
        bottom: 15%; } }

@media screen and (max-width: 991px) {
  .default_goals-logo {
    margin-left: 0;
    justify-content: flex-start; } }
[data-color="rezatto"].default-about__inner {
  background: linear-gradient(180deg, #111 7.29%, #00abc3 100%); }

[data-color="rezatto"].default_goals-second {
  background: #F6F6F6; }

[data-color="rezatto"] .default_tasks-info {
  background: #F6F6F6; }

[data-color="rezatto"].default_prototype-second {
  background: #F6F6F6; }

[data-color="rezatto"].default-design-adapt {
  background: #F6F6F6; }
[data-color="rezatto"] .default-design-adapt__gallery {
  --background: #F6F6F6; }
[data-color="rezatto"] .default-design-adapt__inner {
  background: linear-gradient(180deg, #00abc3 7.29%, #111 100%); }
[data-color="rezatto"] .default-design-adapt__arrow {
  border-radius: 50%;
  background: linear-gradient(180deg, #111 7.29%, #00abc3 100%); }
  [data-color="rezatto"] .default-design-adapt__arrow svg path {
    stroke: #fff; }

[data-color="rezatto"].technologies_used-second {
  background: #F6F6F6; }

[data-color="rezatto"].more-pojects-second {
  background: #F6F6F6; }

@media (min-width: 767.98px) {
  .default-design__content-inner {
    grid-template-columns: 1fr 1fr;
    width: 100vw; } }

.default-design__content-link {
  padding-top: 57%; }

.discuss-project--project {
  background: #fff; }

.header {
  background: #111111;
  --bgDrop: #111111; }
  .header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.7);
    display: none; }
  .header .container {
    position: relative;
    z-index: 5; }

.banner-video {
  position: relative;
  overflow: hidden;
  background: #000;
  padding-top: 52.3%; }
  .banner-video__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none; }
    .banner-video__bg .plyr__controls {
      display: none; }
    .banner-video__bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .banner-video__bg .plyr {
      position: absolute;
      height: 100%;
      width: 100%;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      .banner-video__bg .plyr .banner__bg-video {
        opacity: 1 !important; }
    .banner-video__bg .plyr__poster {
      background-size: cover; }

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