@charset "UTF-8";

#shape_01{
	position: absolute;
    z-index: 0;
    bottom: 23%;
    left: -2.5%;
}

#shape_02{
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 15%;
}

#shape_03{
    position: absolute;
    z-index: 0;
    bottom: 23%;
    right: -10%;
}

#shape_04{
	position: absolute;
    z-index: 1;
    bottom: -5%;
    left: -5%;
}

#shape_05{
    position: absolute;
    z-index: 0;
    bottom: 14%;
    left: 9.5%;
}

#shape_06{
	position: absolute;
    z-index: 1;
    bottom: -16%;
    right: -7%;
}

#shape_07{
	position: absolute;
    z-index: -1;
    top: 4%;
    left: -4%;
}

#shape_08{
position: absolute;
    z-index: -1;
    top: 14%;
    right: -2%;
}

#shape_09{
    position: absolute;
    z-index: 0;
    top: 24%;
    left: 0px;
}

#shape_10{
	position: absolute;
    z-index: 0;
    top: 27%;
    right: 7.5%;
}

#shape_11{
	position: absolute;
    z-index: 0;
    top: 39%;
    right: 1.5%;
}

#shape_12{
	position: absolute;
    z-index: 0;
    top: 47%;
    left: -7%;
}

#shape_13{
	position: absolute;
    z-index: 0;
    bottom: 45%;
    left: 2.5%;
}

#shape_14{
    position: absolute;
    z-index: 0;
    bottom: 34%;
    right: 2.5%;
}

#shape_15{
    position: absolute;
    z-index: 0;
    bottom: 23%;
    left: 0.5%;
}

#shape_16{
    position: absolute;
    z-index: 0;
    bottom: 15%;
    right: -11%;
}

#shape_17{
	position: absolute;
    z-index: 0;
    bottom: 12%;
    left: 1.5%;
}

#shape_18{
    position: absolute;
    z-index: 0;
    bottom: 8%;
    right: 4%;
}

/*#shape_19{
	position: absolute;
    z-index: 0;
    bottom: 23%;
    left: 5.5%;
}

#shape_20{
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 15%;
}

#shape_21{
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 15%;
}*/

#shape_22{
	position: absolute;
    z-index: -1;
    top: 20%;
    left: 17.5%;
}

#shape_23{
	position: absolute;
    z-index: 0;
    top: -13%;
    right: -6%;
}

#shape_24{
	position: absolute;
    z-index: 0;
    bottom: 1%;
    left: 18.5%;
}

#shape_25{
	position: absolute;
	z-index: 0;
	bottom: 4%;
	right: 15%;
}

.rotating {
  -webkit-animation: rotating 50s linear infinite;
  -moz-animation: rotating 50s linear infinite;
  -ms-animation: rotating 50s linear infinite;
  -o-animation: rotating 50s linear infinite;
  animation: rotating 50s linear infinite;
}

@-webkit-keyframes rotating{
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.shrinkone {
  animation: op 5s ease infinite;
}

@keyframes op {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}

.shrinktwo {
  animation: updown 10s ease infinite;
}

@keyframes updown {
  0% {
    transform: translate(0,0);
  }
  50% {
    transform: translate(-10px,10px);
  }
  100% {
    transform: translate(0,0);
  }
}


@media only screen and (max-width: 1200px){

#shape_01 {
    left: -14.5%;
}

#shape_03 {
    right: -40%;
}

#shape_04 {
    bottom: -10%;
    left: -15%;
}

#shape_05 {
    bottom: 10%;
    left: -0.5%;
}

#shape_06 {
    right: -27%;
}

#shape_07 {
    left: -24%;
}

#shape_09 {
    left: -14%;
}

#shape_11 {
    right: -18.5%;
}

#shape_12 {
    left: -47%;
}

#shape_14 {
    right: -9.5%;
}

#shape_15 {
    left: -9.5%;
}

#shape_17 {
    left: -8.5%;
}

#shape_25 {
    right: 5%;
}
}

@media only screen and (max-width: 480px){

#shape_01 img{ width: 200px;}
#shape_02 img{ width: 110px;}
#shape_03 img{ width: 200px;}
#shape_04 img{ width: 150px;}
#shape_05 img{ width: 100px;}
#shape_06 img{ width: 150px;}
#shape_07 img{ width: 150px;}
#shape_08 img{ width: 150px;}
#shape_09 img{ width: 150px;}
#shape_10 img{ width: 150px;}
#shape_11 img{ width: 150px;}
#shape_12 img{ width: 150px;}
#shape_13 img{ width: 150px;}
#shape_14 img{ width: 150px;}
#shape_15 img{ width: 150px;}
#shape_16 img{ width: 150px;}
#shape_17 img{ width: 150px;}
#shape_18 img{ width: 150px;}
#shape_19 img{ width: 150px;}
#shape_20 img{ width: 150px;}
#shape_21 img{ width: 150px;}
#shape_22 img{ width: 150px;}
#shape_23 img{ width: 150px;}
#shape_24 img{ width: 50px;}
#shape_25 img{ width: 80px;}

#shape_02 {
    position: absolute;
    z-index: 0;
    bottom: -5%;
    right: 23%;
}

#shape_04 {
    left: 65%;
}

#shape_22 {
    left: -22.5%;
}

#shape_24 {
    left: 8.5%;
}

}