.thinSpace {
  display: inline-block;
  width: 0.1em;
}
u {
  text-decoration: none;
  color: #485efe;
}
#video {
  background-color: #70e7fd;
}
@media screen and (max-width: 1023px) {
  #s01 {
    height: 360px !important;
  }
}
#s01 .graph {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0, 0.25, 1);
}
@media screen and (max-width: 1023px) {
  #s01 .graph {
    transform-origin: 50% 0%;
    transform: scale(0.3) !important;
  }
}
#s01 .graph svg {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 0;
  stroke-dasharray: 0 10000;
}
#s01 .graph svg:nth-child(1) {
  transition-duration: 8s;
}
#s01 .graph svg:nth-child(2) {
  transition-duration: 6s;
}
#s01 .graph svg:nth-child(3) {
  transition-duration: 3s;
}
#s01.visibleForEver .graph {
  opacity: 1;
}
#s01.visibleForEver .graph svg:nth-child(1) {
  stroke-dasharray: 3180 10000;
}
#s01.visibleForEver .graph svg:nth-child(2) {
  stroke-dasharray: 3000 10000;
}
#s01.visibleForEver .graph svg:nth-child(3) {
  stroke-dasharray: 1200 10000;
}
@keyframes marquee {
  from {
    transform: translateX(-120%);
  }
  to {
    transform: translateX(120%);
  }
}
#s02 .number {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1023px) {
  #s02 .number {
    height: 100px;
    letter-spacing: -2px;
  }
}
@media screen and (min-width: 1024px) {
  #s02 .number {
    height: 400px;
    letter-spacing: -10px;
  }
}
#s02 .number > span {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  animation: marquee 12s infinite linear;
}
#s02 .graph span.m {
  position: absolute;
  display: block;
  width: 226px;
  height: 120px;
  left: 50%;
  top: 160%;
  opacity: 1;
  transition: all 1.5s cubic-bezier(0, 0, 0.25, 1);
  transform: translate(-50%, -50%);
}
#s02 .graph span.m:nth-child(1) {
  transition-delay: 0.2s;
  left: 30%;
}
#s02 .graph span.m:nth-child(1) img {
  transform: rotate(700deg);
}
#s02 .graph span.m:nth-child(2) {
  transition-delay: 0.0s;
  left: 70%;
}
#s02 .graph span.m:nth-child(2) img {
  transform: rotate(500deg);
}
#s02 .graph span.m:nth-child(3) {
  transition-delay: 0.4s;
  left: 20%;
}
#s02 .graph span.m:nth-child(3) img {
  transform: rotate(300deg);
}
#s02 .graph span.m:nth-child(4) {
  transition-delay: 0.6s;
  left: 80%;
}
#s02 .graph span.m:nth-child(4) img {
  transform: rotate(400deg);
}
#s02 .graph span.m:nth-child(5) {
  transition-delay: 0.8s;
  left: 50%;
}
#s02 .graph span.m:nth-child(5) img {
  transform: rotate(600deg);
}
#s02 .graph span.m img {
  display: block;
  transition: transform 3s cubic-bezier(0, 0, 0.25, 1);
}
#s02.visibleForEver .graph span.m {
  top: -30%;
  opacity: 0;
}
#s02.visibleForEver .graph span.m img {
  transform: rotate(0deg);
}
@media screen and (max-width: 1023px) {
  #m02 .number {
    font-size: 32px !important;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023px) {
  #s03 {
    height: 240px !important;
  }
}
@media screen and (max-width: 1023px) {
  #s03 .number {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: 1024px) {
  #s03 .number {
    letter-spacing: -10px;
  }
}
#s03 .graph .home {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.4);
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1);
}
#s03 .graph .home .homeColor {
  opacity: 0;
  transition: opacity 3s cubic-bezier(0, 0, 0.25, 1);
}
#s03.visible .graph .home {
  transform: translate(-50%, -50%) scale(1);
}
#s03.visible .graph .home .homeColor {
  opacity: 1;
}
#m03 img {
  margin-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  #m03 img {
    height: 45px;
  }
}
@media screen and (max-width: 1023px) {
  #m03 p {
    margin-top: 25px;
  }
}
@media screen and (max-width: 1023px) {
  #s04 .number {
    letter-spacing: -10px;
    margin-left: -20px;
  }
}
@media screen and (min-width: 1024px) {
  #s04 .number {
    letter-spacing: -40px;
    margin-left: -90px;
  }
}
@media screen and (min-width: 1440px) {
  #s04 .number {
    letter-spacing: -70px;
    margin-left: -130px;
  }
}
#s04 .graph svg {
  position: absolute;
  left: 50%;
  top: 57%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0, 0, 0.25, 1);
}
#s04 .graph svg .mask {
  transform: scale(0);
  transition: transform 3s cubic-bezier(0, 0, 0.25, 1);
  transform-origin: 50% 50%;
}
#s04.visible .graph svg {
  opacity: 1;
}
#s04.visible .graph svg .mask {
  transform: scale(1);
}
@media screen and (max-width: 1023px) {
  #m04 p {
    margin-top: 20px;
  }
  #m04 img {
    height: 25px;
    margin: 20px 0 10px;
  }
}
@media screen and (min-width: 1024px) {
  #m04 img {
    margin: 30px 0 40px;
  }
}
@keyframes clouds {
  0% {
    transform: translate(-55%, -50%);
  }
  50% {
    transform: translate(-45%, -50%);
  }
  100% {
    transform: translate(-55%, -50%);
  }
}
@keyframes cloudsColor {
  0% {
    fill: #ebebeb;
  }
  20% {
    fill: #70e7fd;
  }
  70% {
    fill: #ebebeb;
  }
  100% {
    fill: #ebebeb;
  }
}
#s05 .number {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  #s05 .number {
    font-size: 70px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1024px) {
  #s05 .number {
    font-size: 150px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1023px) {
  #s05 .graph {
    transform: scale(0.35) !important;
  }
}
#s05 .graph svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-55%, -50%);
  animation: clouds 8s infinite;
}
#s05 .graph svg .bg {
  animation: cloudsColor 6s infinite;
}
#s05 .graph svg:nth-child(1) {
  z-index: 1;
  width: 77px;
  animation-delay: -4s;
}
@media screen and (max-width: 1023px) {
  #s05 .graph svg:nth-child(1) {
    margin: -245px 0 0 -430px;
  }
}
@media screen and (min-width: 1024px) {
  #s05 .graph svg:nth-child(1) {
    margin: -205px 0 0 -430px;
  }
}
#s05 .graph svg:nth-child(2) {
  z-index: 2;
  width: 180px;
  animation-delay: -3s;
}
@media screen and (max-width: 1023px) {
  #s05 .graph svg:nth-child(2) {
    margin: -300px 0 0 -240px;
  }
}
@media screen and (min-width: 1024px) {
  #s05 .graph svg:nth-child(2) {
    margin: -260px 0 0 -240px;
  }
}
#s05 .graph svg:nth-child(2) .bg {
  animation-delay: -2s;
}
#s05 .graph svg:nth-child(3) {
  z-index: 3;
  width: 670px;
  animation-delay: -2s;
}
@media screen and (max-width: 1023px) {
  #s05 .graph svg:nth-child(3) {
    margin: -180px 0 0 0;
  }
}
@media screen and (min-width: 1024px) {
  #s05 .graph svg:nth-child(3) {
    margin: -140px 0 0 0;
  }
}
#s05 .graph svg:nth-child(3) .bg {
  animation-delay: -3s;
}
#s05 .graph svg:nth-child(4) {
  z-index: 4;
  width: 110px;
  animation-delay: -1s;
}
@media screen and (max-width: 1023px) {
  #s05 .graph svg:nth-child(4) {
    margin: -220px 0 0 310px;
  }
}
@media screen and (min-width: 1024px) {
  #s05 .graph svg:nth-child(4) {
    margin: -180px 0 0 310px;
  }
}
#s05 .graph svg:nth-child(4) .bg {
  animation-delay: -1s;
}
#s05 .graph svg:nth-child(5) {
  z-index: 5;
  width: 220px;
}
@media screen and (max-width: 1023px) {
  #s05 .graph svg:nth-child(5) {
    margin: -90px 0 0 450px;
  }
}
@media screen and (min-width: 1024px) {
  #s05 .graph svg:nth-child(5) {
    margin: -50px 0 0 450px;
  }
}
#s05 .graph svg:nth-child(5) .bg {
  animation-delay: -4s;
}
#m05 img {
  margin-bottom: 35px;
	max-width:100px;
}
@media screen and (max-width: 1023px) {
  #m05 img {
    height: 90px;
  }
}
@keyframes blink {
  0% {
    transform: scale(1) rotate(0deg);
  }
  5% {
    transform: scale(1) rotate(90deg);
  }
  35% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  65% {
    transform: scale(1) rotate(90deg);
  }
  70% {
    transform: scale(1.4) rotate(90deg);
  }
  75% {
    transform: scale(0.9) rotate(90deg);
  }
  80% {
    transform: scale(1) rotate(90deg);
  }
  100% {
    transform: scale(1) rotate(90deg);
  }
}
#s06 .graph .rocket {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 3s cubic-bezier(0, 0, 0.25, 1);
}
@media screen and (max-width: 1023px) {
  #s06 .graph .rocket {
    bottom: -120%;
  }
}
@media screen and (min-width: 1024px) {
  #s06 .graph .rocket {
    bottom: -17%;
  }
}
#s06 .graph .star {
  position: absolute;
  left: 50%;
  top: 50%;
  animation: blink 10s infinite;
}
#s06 .graph .star:nth-child(1) {
  margin: -265px 0 0 -445px;
  animation-delay: -1s;
  animation-duration: 10s;
}
#s06 .graph .star:nth-child(2) {
  margin: -200px 0 0 -280px;
  animation-delay: -3s;
  animation-duration: 8s;
}
#s06 .graph .star:nth-child(3) {
  margin: 40px 0 0 -490px;
  animation-delay: -4s;
  animation-duration: 11s;
}
#s06 .graph .star:nth-child(4) {
  margin: -350px 0 0 130px;
  animation-delay: -5s;
  animation-duration: 9s;
}
#s06 .graph .star:nth-child(5) {
  margin: -200px 0 0 290px;
  animation-delay: -8s;
  animation-duration: 12s;
}
#s06 .graph .star:nth-child(6) {
  margin: -300px 0 0 440px;
  animation-delay: -10s;
  animation-duration: 7s;
}
#s06.visible .rocket {
  bottom: 150%;
  opacity: 0;
}
@media screen and (max-width: 1023px) {
  #s07 .number {
    letter-spacing: -2px;
  }
}
@media screen and (min-width: 1024px) {
  #s07 .number {
    letter-spacing: -10px;
  }
}
#s07 .graph svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(30deg) scale(0.3) translate(-50%, -50%);
  transition: all 1s cubic-bezier(0, 0, 0.25, 1);
  transform-origin: 4% 4%;
  width: 1000px;
}
#s07 .graph svg .meters > * {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0, 0, 0.25, 1) 1s;
}
#s07.visible .graph svg {
  transform: rotate(-10deg) scale(1) translate(-50%, -50%);
}
#s07.visible .graph svg .meters > * {
  opacity: 1;
}
#s07.visible .graph svg .meters > *:nth-child(2) {
  transition-delay: 0.5s;
}
#s07.visible .graph svg .meters > *:nth-child(3) {
  transition-delay: 0.7s;
}
#s07.visible .graph svg .meters > *:nth-child(4) {
  transition-delay: 0.9s;
}
#s07.visible .graph svg .meters > *:nth-child(5) {
  transition-delay: 1.1s;
}
#s07.visible .graph svg .meters > *:nth-child(6) {
  transition-delay: 1.3s;
}
#m07 img {
  margin-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  #m07 img {
    height: 80px;
  }
}
#s08 {
  background: url('/images/s3s8-bg.svg') no-repeat center;
}
@media screen and (max-width: 1023px) {
  #s08 {
    background-size: 960px auto;
  }
}
#s08 .graph span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(0) translate(-50%, -50%);
  background-color: #485efe;
  transform-origin: 0 0;
  margin-top: -40px;
  width: 560px;
  height: 560px;
  border-radius: 100%;
  transition: transform 2s cubic-bezier(0, 0, 0.25, 1);
}
#s08.visible .graph span {
  transform: scale(1) translate(-50%, -50%);
}
#s09 {
  background: #70e7fd;
}
@media screen and (max-width: 1023px) {
  #s09 .graph {
    transform: scale(0.36) !important;
  }
}
#s09 .graph img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#s09 .graph img.dodany{
  width: 80%;
}
@media screen and (max-width: 1023px) {
  #s09 .graph img:first-child {
    top: 80%;
  }
}
#s09 .graph img.houses {
  transition: opacity 2s cubic-bezier(0, 0, 0.25, 1);
  opacity: 0;
}
#s09 .graph img.houses:nth-child(3) {
  transition-delay: 0.5s;
}
#s09 .graph img.houses:nth-child(4) {
  transition-delay: 1s;
}
#s09.visible .graph .houses {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  #m09 .number {
    margin-bottom: 25px;
  }
}

#s03 .graph img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(0) translate(-50%, -50%);
  transition: transform 2s cubic-bezier(0, 0, 0.25, 1);
}
#s03.visible .graph img{
	transform: scale(1) translate(-50%, -50%);
}
#s03 .graph img{
  width: 50%;
}
.grudziadz-title{
	margin-top:40px;
}