.timer {
  display: none;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #FFF;
  border-radius: 100%;
}
.slideProjector {
  display: block;
  position: relative;
  margin: 0 auto;
  overflow-y: hidden;
  width: 630px;
  height: 630px;
  overflow: hidden;
}
.insideBox {
  display: block;
  position: relative;
  margin-left: 100px;
  margin-top: 300px;
}
.circle-1 {
  display: block;
  position: absolute;
  width: 141px;
  height: 141px;
  background: url(../images/circle-1.png) no-repeat 50% 50%;
  background-size: cover;
  z-index: 3;
  left: 51px;
  top: 41px;
}
.circle-2 {
  display: block;
  position: absolute;
  width: 242px;
  height: 242px;
  background: url(../images/circle-2.png) no-repeat 50% 50%;
  overflow: hidden;
  border-radius: 100%;
  z-index: 2;
}
.circle-2 .mask-1.rotated {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 1s linear;
  -moz-transition: transform 1s linear;
  -o-transition: transform 1s linear;
  transition: transform 1s linear;
}
.circle-2 .mask-1.rotated.complete {
  opacity: 0;
}
.circle-2 .mask-1 {
  display: block;
  position: absolute;
  width: 242px;
  height: 242px;
  border-radius: 100%;
  background: #FFF;
  clip: rect(0px, 242px, 242px, 121px);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.circle-2 .mask-2.rotated {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform 1s linear;
  -moz-transition: transform 1s linear;
  -o-transition: transform 1s linear;
  transition: transform 1s linear;
}
.circle-2 .mask-2.rotated.complete {
  opacity: 0;
}
.circle-2 .mask-2 {
  display: block;
  position: absolute;
  width: 242px;
  height: 242px;
  border-radius: 100%;
  background: #FFF;
  clip: rect(0px, 121px, 121px, 0px);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.circle-2 .mask-3.rotated {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform 1s linear;
  -moz-transition: transform 1s linear;
  -o-transition: transform 1s linear;
  transition: transform 1s linear;
}
.circle-2 .mask-3.rotated.complete {
  opacity: 0;
}
.circle-2 .mask-3 {
  display: block;
  position: absolute;
  width: 244px;
  height: 244px;
  border-radius: 100%;
  background: #FFF;
  clip: rect(0px, 122px, 122px, 0px);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  left: -1px;
}
.arrow-1.animate {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  top: 110px;
}
.arrow-1 {
  display: block;
  position: absolute;
  width: 50px;
  height: 187px;
  z-index: 10;
  background: url(../images/arrow-1.png) no-repeat 50% 50%;
  top: 410px;
  left: 1px;
}
.arrow-1 span {
  display: block;
  position: absolute;
  bottom: -20px;
  font-size: 14px;
  line-height: 24px;
  color: #00263d;
  width: 200px;
  text-align: center;
  left: -75px;
}
.circle-green.animate {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.circle-green {
  display: block;
  position: absolute;
  width: 68px;
  height: 77px;
  background: url(../images/circle-green.png) no-repeat 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  z-index: 11;
  left: 70px;
  top: -34px;
}
span.prototyp.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
span.prototyp {
  display: block;
  position: absolute;
  left: -20px;
  top: -10px;
  font-size: 14px;
  line-height: 24px;
  color: #B2D235;
  width: 100px;
  opacity: 0;
}
span.badania.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
span.badania {
  display: block;
  position: absolute;
  left: -20px;
  top: -230px;
  font-size: 14px;
  line-height: 16px;
  color: #00263d;
  
  width: 300px;
  opacity: 0;
  text-align: center;
}
.circle-brown.animate {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
}
.circle-brown.c2 {
  top: -82px;
}
.circle-brown.c3 {
  top: -119px;
}
.circle-brown.c4 {
  top: -154px;
}
.circle-brown.c5 {
  top: -191px;
}
.circle-brown {
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  background: #00263d;
  border-radius: 100%;
  left: 112px;
  top: -45px;
  z-index: 2;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-origin: center bottom;
  -transform-origin: center bottom;
  -moz-transform-origin: center bottom;
}
.arc-orange {
  display: block;
  position: absolute;
  width: 310px;
  height: 310px;
  background: url(../images/arc-orange.png) no-repeat 0% 0%;
  z-index: 1;
  top: -190px;
  left: 120px;
}
.arc-orange .mask.rotated {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: transform 1s linear;
  -moz-transition: transform 1s linear;
  -o-transition: transform 1s linear;
  transition: transform 1s linear;
}
.arc-orange .mask {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
  position: absolute;
  width: 624px;
  height: 624px;
  border-radius: 100%;
  background: #fff;
  clip: rect(0px, 312px, 312px, 0px);
  left: -312px;
}
span.produkcja.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.produkcja {
  display: block;
  position: relative;
  width: 127px;
  height: 140px;
  z-index: 5;
  background: url(../images/text-1.png) no-repeat 0% 0%;
  left: 220px;
  top: -90px;
  opacity: 0;
}
.circle-red {
  display: block;
  position: absolute;
  width: 37px;
  height: 37px;
  background: #888;
  border-radius: 100%;
  left: 242px;
  top: 99px;
  z-index: 5;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform-origin: center center;
  -transform-origin: center center;
  -moz-transform-origin: center center;
}
.circle-red.c2 {
  left: 280px;
}
.circle-red.c3 {
  left: 318px;
}
.circle-red.c4 {
  left: 355px;
}
.circle-red.c5 {
  left: 392px;
}
.circle-red.animate {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
}
span.odzysk.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.odzysk {
  display: block;
  position: absolute;
  left: 190px;
  top: 150px;
  font-size: 14px;
  line-height: 16px;
  color: #00263d;
  width: 300px;
  opacity: 0;
  text-align: center;
  z-index: 10;
}
.brown-piece.animate {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.brown-piece {
  display: block;
  position: absolute;
  width: 329px;
  height: 286px;
  background: url(../images/brown-piece.png) no-repeat 0% 0%;
  z-index: 2;
  top: -200px;
  left: 170px;
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
}
span.modernizacja.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.modernizacja {
  display: block;
  position: relative;
  width: 53px;
  height: 69px;
  z-index: 5;
  background: url(../images/text-2.png) no-repeat 0% 0%;
  left: 140px;
  top: 120px;
  opacity: 0;
}
.arrow-2.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.arrow-2 {
  display: block;
  position: absolute;
  width: 47px;
  height: 85px;
  background: url(../images/arrow-2.png) no-repeat 0% 0%;
  opacity: 0;
  z-index: 10;
  left: 205px;
  top: 40px;
}
.arrow-3.animate {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.arrow-3 {
  display: block;
  position: absolute;
  width: 30px;
  height: 84px;
  background: url(../images/arrow-3.png) no-repeat 0% 0%;
  opacity: 1;
  z-index: 10;
  left: 325px;
  top: 200px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 10%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
}
span.utylizacja.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
span.utylizacja {
  display: block;
  position: absolute;
  left: 190px;
  top: 298px;
  font-size: 14px;
  line-height: 16px;
  color: #577483;
  width: 300px;
  opacity: 0;
  text-align: center;
  z-index: 10;
}
.grey-piece.animate {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.grey-piece {
  display: block;
  position: absolute;
  width: 345px;
  height: 154px;
  background: url(../images/grey-piece.png) no-repeat 0% 0%;
  z-index: 2;
  top: -60px;
  left: 181px;
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
}
span.remonty.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.remonty {
  display: block;
  position: relative;
  width: 28px;
  height: 47px;
  z-index: 5;
  background: url(../images/text-3.png) no-repeat 0% 0%;
  left: 178px;
  top: 62px;
  opacity: 0;
}
.arc-top.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.arc-top {
  display: block;
  position: absolute;
  width: 204px;
  height: 244px;
  z-index: 10;
  background: url(../images/arc-top.png) no-repeat 0% 0%;
  left: 323px;
  top: -200px;
  opacity: 0;
}
.sprzedaz.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.sprzedaz {
  display: block;
  position: relative;
  z-index: 5;
  background: url(../images/text-4.png) no-repeat 0% 0%;
  width: 103px;
  height: 143px;
  left: 45px;
  top: 60px;
  opacity: 0;
}
.br.animate {
  opacity: 1;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
.br {
  display: block;
  position: relative;
  z-index: 5;
  background: url(../images/text-0.png) no-repeat 0% 0%;
  width: 30px;
  height: 40px;
  top: 65px;
  left: 15px;
  opacity: 0;
}
.scaleWrapper {
  display: block;
  position: relative;
  padding: 0px;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
  
@media (min-width:768px){
  .scaleWrapper {
    margin-top:-70px !important;
  }
}
@media (max-width:767px){
  .scaleWrapper {
    display: block;
    margin-top:0px !important;
  }
  .slideProjector{
    position: static;
    margin: 0px;
  }
}
#section0 .vert{
  background-color: #fff;
  overflow: hidden;
  width: inherit;
  height:100%;
  height: 100vh;
  text-align: center;
}
@media (max-height: 450px) and (max-width: 767px){
    #section0 .vert{
        height: 800px;
    }
  }
@media (max-width:767px){
#section0 .vert{
  height: 400px;
}
}

#section2 .fix-fon .col-lg-4{
	/*margin-left:0px;*/
	width:50%;
	}
	

.slideProjector.en .produkcja{
	background:url(../images/text-1_en.png) no-repeat 0% 0%;
	}
.slideProjector.en .modernizacja{
	background:url(../images/text-2_en.png) no-repeat 0% 0%;
	}
.slideProjector.en .remonty{
	background:url(../images/text-3_en.png) no-repeat 0% 0%;
	}
.slideProjector.en .sprzedaz{
	background:url(../images/text-4_en.png) no-repeat 0% 0%;
	}
.slideProjector.en .br{
	background:url(../images/text-0_en.png) no-repeat 0% 0%;
	}