.AppLayout {
  --sizeContentOffset: 0;
  --sizeLayoutWidth: 50%;
  max-width: 1970px;
  width: 100%;
}

@media (max-width: 560px) {
  .AppLayout {
    --sizeLayoutWidth: 100%;
  }
}

.AppLayout-main {
  position: relative;
  width: var(--sizeLayoutWidth);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding-left: 2.5%;
}

@media (max-width: 560px) {
  .AppLayout-main {
    padding: 0 2.5%;
  }
}

.AppLayout-main:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 56.828%;
  height: calc(var(--spaceXxl) + var(--spaceSm));
  background: var(--colorBodyBg);
  z-index: 1;
}

@media (max-width: 560px) {
  .AppLayout-main:before {
    width: 100%;
  }
}

.AppLayout-cover {
  position: fixed;
  background: #0e0e0e;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: var(--layerNegativeZIndex);
  overflow: hidden;
}

@media (max-width: 560px) {
  .AppLayout-cover .AppLayout-background {
    display: none;
  }
}

.AppLayout-bgShape {
  position: absolute;
  left: 0;
  top: 0;
  width: 150%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

@media (max-width: 560px) {
  .AppLayout-bgShape {
    width: unset;
  }
}

.AppLayout-bgShape.is-fixed {
  position: fixed;
}

.AppLayout-bgShape polygon {
  fill: var(--colorThemeAccent);
}

.AppLayout-bgShape polygon[colored] {
  fill: var(--colorBrand);
  opacity: .5;
}

.AppLayout-background {
  position: absolute;
  top: 0;
  left: calc(var(--sizeLayoutWidth) - 4em);
  right: 0;
  bottom: 0;
  z-index: var(--layerNegativeZIndex);
  opacity: 0;
  transition: all .9s;
}

.AppLayout-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.AppLayout-background.active {
  opacity: 1;
}

.AppLayout-contact {
  position: fixed;
  top: 0;
  right: 0;
  background: #000;
  z-index: 10;
}

.AppLayout-contact a {
  display: flex;
  align-items: center;
  color: #fff;
  padding: var(--spaceSm) var(--spaceMd);
}

@media (max-width: 550px) {
  .AppLayout-contact a {
    padding: var(--spaceXs) var(--spaceXs);
  }
}

.AppLayout-contact span {
  margin-left: var(--spaceSm);
}

.AppLayout main {
  padding-top: var(--spaceXxl);
  padding-bottom: var(--spaceXl);
}

@media (max-width: 950px) {
  .TextImageCol-image {
    width: 100% !important;
  }
}

@media (max-width: 950px) {
  .TextImageCol-text {
    width: 100% !important;
    margin-bottom: var(--spaceMd);
  }
}

/*# sourceMappingURL=layout.min.css.map */