#krauss .first-screen .row {
  transition: all 1s;
  transform: translateY(-100px);
  opacity: 0;
}
#krauss .first-screen .row.after-scroll {
  transform: translateY(0);
  opacity: 1;
}
#krauss .try-container {
  transition: all 2s;
  opacity: 0;
  transform-origin: center bottom;
  transform: rotateX(90deg);
}
#krauss .try-container.after-scroll {
  opacity: 1;
  transform: rotateX(0);
}
#krauss .separator1 .logo-container {
  transition: all 1s;
  transform-origin: center top;
  transform: rotateX(90deg);
}
#krauss .separator1 .logo-container.after-scroll {
  transform: rotateX(0);
}
#krauss .separator2 {
  transition: all 3s;
  transform: scale(0.95);
}
#krauss .separator2.after-scroll {
  transform: scale(1);
}

#steklopaket .first-screen h1 {
  transition: all 3s;
  opacity: 0;
}
#steklopaket .first-screen h1.after-scroll {
  opacity: 1;
}
#steklopaket .first-screen p {
  transition: all 1s 1s;
}
#steklopaket .what .images img, #steklopaket .what .images pictire {
  transition: all 1s 0.5s;
  transform: rotateY(90deg);
}
#steklopaket .what .images img:nth-of-type(2), #steklopaket .what .images pictire:nth-of-type(2) {
  transition: all 1s 0.75s;
}
#steklopaket .what .images img:nth-of-type(3), #steklopaket .what .images pictire:nth-of-type(3) {
  transition: all 1s 1s;
}
#steklopaket .what .images.after-scroll img, #steklopaket .what .images.after-scroll pictire {
  transform: rotateY(0);
}
#steklopaket .reasons img.big, #steklopaket .reasons pictire.big {
  transition: all 3s;
  transform: scale(0.95);
}
#steklopaket .reasons img.big.after-scroll, #steklopaket .reasons pictire.big.after-scroll {
  transform: scale(1);
}
#steklopaket .table-container {
  transition: all 0.75s;
  transform: translate3d(0px, 100px, 0px) scale3d(1, 1, 1) rotateX(-72deg) rotateY(23deg) rotateZ(0deg) skew(0deg, 13deg);
  transform-style: preserve-3d;
  opacity: 0;
}
#steklopaket .table-container.after-scroll {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 1;
}
#steklopaket .test-resume {
  transition: all 1s;
  background-position: center 10%;
}
#steklopaket .test-resume.after-scroll {
  background-position: center 0%;
}
#steklopaket .test-resume .resume-card {
  transform-origin: 100% 0;
  transition: all 1s;
  transform: rotateY(90deg);
}
#steklopaket .test-resume .resume-card.after-scroll {
  transform: rotateY(0);
}
#steklopaket .low-emission .cat {
  transition: all 3s;
  transform: scale(0.95);
}
#steklopaket .low-emission .cat.after-scroll {
  transform: scale(1);
}
#steklopaket .light .lamp {
  position: relative;
}
#steklopaket .light .lamp:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 300px;
  width: 288px;
  height: 288px;
  left: calc(50% - 144px);
  top: 0px;
  background: radial-gradient(51.04% 51.04% at 50% 45.14%, #404F5B 0%, #262C31 100%);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 1s;
}
#steklopaket .light .lamp.after-scroll:before {
  background: linear-gradient(216.12deg, #FFFFFF 12.56%, #E4ECEC 88.86%);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
#steklopaket .multi .chemy {
  transition: all 0.5s;
  transform: rotateY(90deg) rotateX(90deg);
}
#steklopaket .multi .chemy.after-scroll {
  transform: rotateY(0) rotateX(0);
}
#steklopaket .tonirovka .tonirovka-big {
  transition: all 3s;
  transform: scale(0.95);
}
#steklopaket .tonirovka .tonirovka-big.after-scroll {
  transform: scale(1);
}
#steklopaket .tonirovka .tonir-color > img:nth-of-type(2), #steklopaket .tonirovka .tonir-color > pictire:nth-of-type(2) {
  transition: all 0.5s;
  transform: translateY(-25%) translateX(-25%);
}
#steklopaket .tonirovka .tonir-color.after-scroll > img:nth-of-type(2), #steklopaket .tonirovka .tonir-color.after-scroll > pictire:nth-of-type(2) {
  transform: translateY(0) translateX(0);
}
#steklopaket .protivoudar .card.item1 {
  transition: all 1s 0s !important;
}
#steklopaket .protivoudar .card.item2 {
  transition: all 1s 0.25s !important;
}
#steklopaket .protivoudar .card.item3 {
  transition: all 1s 0.5s !important;
}
#steklopaket .protivoudar img.safety-big, #steklopaket .protivoudar pictire.safety-big {
  transition: all 3s;
  transform: scale(0.95);
}
#steklopaket .protivoudar img.safety-big.after-scroll, #steklopaket .protivoudar pictire.safety-big.after-scroll {
  transform: scale(1);
}
#steklopaket .protivoudar h4.big {
  transition: all 1s;
  opacity: 0;
  transform: translateX(-400px);
}
#steklopaket .protivoudar h4.big.after-scroll {
  opacity: 1;
  transform: translateX(0px);
}
#steklopaket .ramki .no:before {
  transition: all 1s;
  transform: rotateY(90deg);
}
#steklopaket .ramki .no.after-scroll:before {
  transform: rotateY(0);
}
#steklopaket .ramki .yes:before {
  transition: all 1s;
  transform: rotateY(90deg);
}
#steklopaket .ramki .yes.after-scroll:before {
  transform: rotateY(0);
}
#steklopaket .ramki .card.item1 {
  transition: all 0.5s 0s !important;
}
#steklopaket .ramki .card.item2 {
  transition: all 0.5s 0.25s !important;
}
#steklopaket .ramki .card.item3 {
  transition: all 0.5s 0.5s !important;
}

#balkon-pvh .first-screen .row h1 {
  transition: all 1s;
  transform: translateY(-100px);
}
#balkon-pvh .first-screen .row h2 {
  transition: all 1s 0.25s;
  transform: translateY(-100px);
}
#balkon-pvh .first-screen .row p {
  transition: all 1s 0.5s;
  transform: translateY(-100px);
}
#balkon-pvh .first-screen .row.after-scroll h1 {
  transform: translateY(0);
}
#balkon-pvh .first-screen .row.after-scroll h2 {
  transform: translateY(0);
}
#balkon-pvh .first-screen .row.after-scroll p {
  transform: translateY(0);
}
#balkon-pvh .logo-container {
  transition: all 1s 1s;
  transform: scale(0);
}
#balkon-pvh .logo-container.after-scroll {
  transform: scale(1);
}
#balkon-pvh .areas .img-container {
  overflow: hidden;
}
#balkon-pvh .areas .img-container img {
  transform: scale(1.25);
  transition: all 1s;
}
#balkon-pvh .areas .img-container.after-scroll img {
  transform: scale(1);
}
#balkon-pvh .more .img-container {
  overflow: hidden;
}
#balkon-pvh .more .img-container img {
  transform: scale(1.25);
  transition: all 1s;
}
#balkon-pvh .more .img-container.after-scroll img {
  transform: scale(1);
}
#balkon-pvh .profile h3 > span {
  transition: all 1s;
  margin-left: 100px;
}
#balkon-pvh .profile h3.after-scroll > span {
  margin-left: 0px;
}
#balkon-pvh .separator2 {
  transition: all 3s;
  transform: scale(0.95);
}
#balkon-pvh .separator2.after-scroll {
  transform: scale(1);
}
#balkon-pvh .expand-container img {
  transform: scale(0.9);
  transition: all 5s;
}
#balkon-pvh .expand-container.after-scroll img {
  transform: scale(1);
}

#balkon-alu .first-screen h1 {
  transition: all 1s;
  transform: scale(0);
}
#balkon-alu .first-screen h1.after-scroll {
  transform: scale(1);
}
#balkon-alu .first-screen h2 {
  transition: all 1s 0.5s;
  transform: translateY(-100px);
  opacity: 0;
}
#balkon-alu .first-screen h2.after-scroll {
  transform: translateY(0);
  opacity: 1;
}
#balkon-alu .profile h3 > span {
  transition: all 1s;
  margin-left: 100px;
}
#balkon-alu .profile h3.after-scroll > span {
  margin-left: 0px;
}
#balkon-alu .separator2 {
  transition: all 3s;
  transform: scale(0.95);
}
#balkon-alu .separator2.after-scroll {
  transform: scale(1);
}
#balkon-alu .cold-img:after {
  transition: all 1s;
  transform: translateX(200px);
}
#balkon-alu .cold-img.after-scroll:after {
  transform: translateX(0);
}
#balkon-alu .colors-content h2 {
  transition: all 1s;
  transform: translateX(100px);
}
#balkon-alu .colors-content h2 span {
  transition: all 1s;
  transform: translateX(-300px);
}
#balkon-alu .colors-content:after {
  transition: all 1s 1s;
  transform: rotate(30deg);
}
#balkon-alu .colors-content.after-scroll h2 {
  transform: translateX(0);
}
#balkon-alu .colors-content.after-scroll h2 span {
  transform: translateX(0);
}
#balkon-alu .colors-content.after-scroll:after {
  transform: rotate(0);
}
#balkon-alu .r2-3:after {
  transition: all 1s;
  opacity: 0.5;
  transform-origin: 130% 30%;
  transform: scale(0);
}
#balkon-alu .r2-3.after-scroll:after {
  opacity: 1;
  transform: scale(1);
}

.fadeup {
  transition: all 1s;
  opacity: 0;
  transform: translateY(100px);
}
.fadeup.after-scroll {
  opacity: 1;
  transform: translateY(0px);
}

.fadedown {
  transition: all 1s;
  opacity: 0;
  transform: translateY(-100px);
}
.fadedown.after-scroll {
  opacity: 1;
  transform: translateY(0px);
}

.faderight {
  transition: all 1s;
  opacity: 0;
  transform: translateX(-100px);
}
.faderight.after-scroll {
  opacity: 1;
  transform: translateX(0px);
}

.fadeleft {
  transition: all 1s;
  opacity: 0;
  transform: translateX(100px);
}
.fadeleft.after-scroll {
  opacity: 1;
  transform: translateX(0px);
}

.fadein {
  transition: all 1s;
  opacity: 0;
}
.fadein.after-scroll {
  opacity: 1;
}

.slideup {
  transition: all 1s;
  transform: translateY(100px);
}
.slideup.after-scroll {
  transform: translateY(0px);
}/*# sourceMappingURL=animation.css.map */