/*<!--
  -webkit-transform:rotateZ(90deg);
  -moz-transform:rotateZ(90deg);
  -ms-transform:rotateZ(90deg);
  -o-transform:rotateZ(90deg);
  transform:rotateZ(90deg);

[id='sh']:checked ~ .helix .tile {
  -webkit-filter: drop-shadow(1px 1px 1px #000);
  -moz-filter: drop-shadow(1px 1px 1px #000);
  -ms-filter: drop-shadow(1px 1px 1px #000);
  -o-filter: drop-shadow(1px 1px 1px #000);
  filter: drop-shadow(1px 1px 1px #000);
}
  -->*/
/*<!--
[type='checkbox'] {
  position: absolute;
  left: -100vw;
}
[type='checkbox'] + label {
  position: absolute;
  z-index: 2;
  border: solid 0 transparent;
  border-width: .125em 1em .25em;
  color: silver;
  font: 1.25em/2 trebuchet ms, verdana,  arial, sans-serif;
  text-align: left;
  cursor: pointer;
}
[type='checkbox'] + label:before {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: 50%;
  left: 0;
  margin: -0.625em 0.3125em;
  border: solid 0.125em silver;
  padding: .25em;
  width: 1.25em;
  height: 1.25em;
  color: transparent;
  font: 900 1em/.5 sans-serif;
  text-indent: -.125em;
  -webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -ms-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  content: '✓';
}
[type='checkbox']:focus + label {
  outline: none;
}
[type='checkbox']:focus + label:before {
  border-color: cyan;
}
[type='checkbox']:checked + label, [type='checkbox']:checked + label:before {
  color: cyan;
} @charset "UTF-8"; -->*/
/* <input id="sh" type="checkbox"/>
<label for="sh">add shadows (can make Blink browsers laggy, breaks Edge)</label> */
:root{
--col-top1:-32vw;
--col-top2:-29.9vw;
--col-top3:-27.8vw;
--col-top4:-25.8vw;
--col-top5:-23.7vw;
--col-top6:-21.65vw;
--col-top7:-19.6vw;
--col-top8:-17.5vw;
--col-top9:-15.45vw;
--col-top10:-13.4vw;
--col-top11:-11.3vw;
--col-top12:-9.3vw;
--col-top13:-7.2vw;
--col-top14:-5.15vw;
--col-top15:-3.1vw;
--col-top16:-1.03vw;
--col-top17:1.03vw;
--col-top18:3.1vw;
--col-top19:5.15vw;
--col-top20:7.2vw;
--col-top21:9.3vw;
--col-top22:11.3vw;
--col-top23:13.4vw;
--col-top24:15.45vw;
--col-top25:17.5vw;
--col-top26:19.6vw;
--col-top27:21.65vw;
--col-top28:23.7vw;
--col-top29:25.8vw;
--col-top30:27.8vw;
--col-top31:29.9vw;
--col-top32:32vw;
	
}

body{
overflow:hidden;
width:100%;
height:100%;
}

.rotateImg180XY{
-webkit-transform:rotateX(180deg) rotateY(180deg);
-moz-transform:rotateX(180deg) rotateY(180deg);
-ms-transform:rotateX(180deg) rotateY(180deg);
-o-transform:rotateX(180deg) rotateY(180deg);
transform:rotateX(180deg rotateY(180deg))}

#turn{
-webkit-transform:rotateZ(-2.5deg);
-moz-transform:rotateZ(-2.5deg);
-ms-transform:rotateZ(-2.5deg);
-o-transform:rotateZ(-2.5deg);
transform:rotateZ(-2.5deg);

}

polygon {
  fill: url(#pattern1); /* currentColor */
  stroke: #000;
  stroke-width: 0;
  -webkit-vector-effect: non-scaling-stroke;
  -moz-vector-effect: non-scaling-stroke;
  -ms-vector-effect: non-scaling-stroke;
  -o-vector-effect: non-scaling-stroke;
  vector-effect: non-scaling-stroke;
}

.columnHelix,.Helix,.col,.tile{
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.columnHelix{
overflow: visible;
  background: red; /* none;rgb(207, 0, 15, 1) */
  top:50%;
  width:0;
  height:auto;
  margin: 0;
  /* color: #1b7ef5;  red */
  -webkit-perspective: 1000vw; /* smaller number <100 makes expansion effect */
  -moz-perspective: 1000vw;
  -ms-perspective: 1000vw;
  -o-perspective: 1000vw;
  perspective: 1000vw;

}

.columnHelix:nth-of-type(1){
left:1%;

}

.columnHelix:nth-of-type(2){
right:1%;

}



.Helix {
  top: 50%;

}

.col {
  -webkit-animation: rx 8s linear infinite;
  -moz-animation: rx 8s linear infinite;
  -ms-animation: rx 8s linear infinite;
  -o-animation: rx 8s linear infinite;
  animation: rx 8s linear infinite;
}

.col:nth-child(1) {
  top: var(--col-top1);
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.col:nth-child(1) use {
  -webkit-animation-delay: -2.72s;
  -moz-animation-delay: -2.72s;
  -ms-animation-delay: -2.72s;
  -o-animation-delay: -2.72s;
  animation-delay: -2.72s;
}
.col:nth-child(2) {
  top: var(--col-top2);
  -webkit-animation-delay: -0.25s;
  -moz-animation-delay: -0.25s;
  -ms-animation-delay: -0.25s;
  -o-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.col:nth-child(2) use {
  -webkit-animation-delay: -8s;
  -moz-animation-delay: -8s;
  -ms-animation-delay: -8s;
  -o-animation-delay: -8s;
  animation-delay: -8s;
}
.col:nth-child(3) {
  top: var(--col-top3);
  -webkit-animation-delay: -0.5s;
  -moz-animation-delay: -0.5s;
  -ms-animation-delay: -0.5s;
  -o-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.col:nth-child(3) use {
  -webkit-animation-delay: -6.96s;
  -moz-animation-delay: -6.96s;
  -ms-animation-delay: -6.96s;
  -o-animation-delay: -6.96s;
  animation-delay: -6.96s;
}
.col:nth-child(4) {
  top: var(--col-top4);
  -webkit-animation-delay: -0.75s;
  -moz-animation-delay: -0.75s;
  -ms-animation-delay: -0.75s;
  -o-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.col:nth-child(4) use {
  -webkit-animation-delay: -0.72s;
  -moz-animation-delay: -0.72s;
  -ms-animation-delay: -0.72s;
  -o-animation-delay: -0.72s;
  animation-delay: -0.72s;
}
.col:nth-child(5) {
  top: var(--col-top5);
  -webkit-animation-delay: -1s;
  -moz-animation-delay: -1s;
  -ms-animation-delay: -1s;
  -o-animation-delay: -1s;
  animation-delay: -1s;
}
.col:nth-child(5) use {
  -webkit-animation-delay: -5.92s;
  -moz-animation-delay: -5.92s;
  -ms-animation-delay: -5.92s;
  -o-animation-delay: -5.92s;
  animation-delay: -5.92s;
}
.col:nth-child(6) {
  top: var(--col-top6);
  -webkit-animation-delay: -1.25s;
  -moz-animation-delay: -1.25s;
  -ms-animation-delay: -1.25s;
  -o-animation-delay: -1.25s;
  animation-delay: -1.25s;
}
.col:nth-child(6) use {
  -webkit-animation-delay: -0.4s;
  -moz-animation-delay: -0.4s;
  -ms-animation-delay: -0.4s;
  -o-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.col:nth-child(7) {
  top: var(--col-top7);
  -webkit-animation-delay: -1.5s;
  -moz-animation-delay: -1.5s;
  -ms-animation-delay: -1.5s;
  -o-animation-delay: -1.5s;
  animation-delay: -1.5s;
}
.col:nth-child(7) use {
  -webkit-animation-delay: -2.24s;
  -moz-animation-delay: -2.24s;
  -ms-animation-delay: -2.24s;
  -o-animation-delay: -2.24s;
  animation-delay: -2.24s;
}
.col:nth-child(8) {
  top: var(--col-top8);
  -webkit-animation-delay: -1.75s;
  -moz-animation-delay: -1.75s;
  -ms-animation-delay: -1.75s;
  -o-animation-delay: -1.75s;
  animation-delay: -1.75s;
}
.col:nth-child(8) use {
  -webkit-animation-delay: -6.8s;
  -moz-animation-delay: -6.8s;
  -ms-animation-delay: -6.8s;
  -o-animation-delay: -6.8s;
  animation-delay: -6.8s;
}
.col:nth-child(9) {
  top: var(--col-top9);
  -webkit-animation-delay: -2s;
  -moz-animation-delay: -2s;
  -ms-animation-delay: -2s;
  -o-animation-delay: -2s;
  animation-delay: -2s;
}
.col:nth-child(9) use {
  -webkit-animation-delay: -7.6s;
  -moz-animation-delay: -7.6s;
  -ms-animation-delay: -7.6s;
  -o-animation-delay: -7.6s;
  animation-delay: -7.6s;
}
.col:nth-child(10) {
  top: var(--col-top10);
  -webkit-animation-delay: -2.25s;
  -moz-animation-delay: -2.25s;
  -ms-animation-delay: -2.25s;
  -o-animation-delay: -2.25s;
  animation-delay: -2.25s;
}
.col:nth-child(10) use {
  -webkit-animation-delay: -1.68s;
  -moz-animation-delay: -1.68s;
  -ms-animation-delay: -1.68s;
  -o-animation-delay: -1.68s;
  animation-delay: -1.68s;
}
.col:nth-child(11) {
  top: var(--col-top11);
  -webkit-animation-delay: -2.5s;
  -moz-animation-delay: -2.5s;
  -ms-animation-delay: -2.5s;
  -o-animation-delay: -2.5s;
  animation-delay: -2.5s;
}
.col:nth-child(11) use {
  -webkit-animation-delay: -2.5s;
  -moz-animation-delay: -2.5s;
  -ms-animation-delay: -2.5s;
  -o-animation-delay: -2.5s;
  animation-delay: -4.64s;
}
.col:nth-child(12) {
  top: var(--col-top12);
  -webkit-animation-delay: -2.5s;
  -moz-animation-delay: -2.5s;
  -ms-animation-delay: -2.5s;
  -o-animation-delay: -2.5s;
  animation-delay: -2.75s;
}
.col:nth-child(12) use {
  -webkit-animation-delay: -2.88s;
  -moz-animation-delay: -2.88s;
  -ms-animation-delay: -2.88s;
  -o-animation-delay: -2.88s;
  animation-delay: -2.88s;
}
.col:nth-child(13) {
  top: var(--col-top13);
  -webkit-animation-delay: -3s;
  -moz-animation-delay: -3s;
  -ms-animation-delay: -3s;
  -o-animation-delay: -3s;
  animation-delay: -3s;
}
.col:nth-child(13) use {
  -webkit-animation-delay: -1.04s;
  -moz-animation-delay: -1.04s;
  -ms-animation-delay: -1.04s;
  -o-animation-delay: -1.04s;
  animation-delay: -1.04s;
}
.col:nth-child(14) {
  top: var(--col-top14);
  -webkit-animation-delay: -3.25s;
  -moz-animation-delay: -3.25s;
  -ms-animation-delay: -3.25s;
  -o-animation-delay: -3.25s;
  animation-delay: -3.25s;
}
.col:nth-child(14) use {
  -webkit-animation-delay: -7.04s;
  -moz-animation-delay: -7.04s;
  -ms-animation-delay: -7.04s;
  -o-animation-delay: -7.04s;
  animation-delay: -7.04s;
}
.col:nth-child(15) {
  top: var(--col-top15);
  -webkit-animation-delay: -3.5s;
  -moz-animation-delay: -3.5s;
  -ms-animation-delay: -3.5s;
  -o-animation-delay: -3.5s;
  animation-delay: -3.5s;
}
.col:nth-child(15) use {
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  -o-animation-delay: -4s;
  animation-delay: -4s;
}
.col:nth-child(16) {
  top: var(--col-top16);
  -webkit-animation-delay: -3.75s;
  -moz-animation-delay: -3.75s;
  -ms-animation-delay: -3.75s;
  -o-animation-delay: -3.75s;
  animation-delay: -3.75s;
}
.col:nth-child(16) use {
  -webkit-animation-delay: -5.04s;
  -moz-animation-delay: -5.04s;
  -ms-animation-delay: -5.04s;
  -o-animation-delay: -5.04s;
  animation-delay: -5.04s;
}
.col:nth-child(17) {
  top: var(--col-top17);
  -webkit-animation-delay: -4s;
  -moz-animation-delay: -4s;
  -ms-animation-delay: -4s;
  -o-animation-delay: -4s;
  animation-delay: -4s;
}
.col:nth-child(17) use {
  -webkit-animation-delay: -1.36s;
  -moz-animation-delay: -1.36s;
  -ms-animation-delay: -1.36s;
  -o-animation-delay: -1.36s;
  animation-delay: -1.36s;
}
.col:nth-child(18) {
  top: var(--col-top18);
  -webkit-animation-delay: -4.25s;
  -moz-animation-delay: -4.25s;
  -ms-animation-delay: -4.25s;
  -o-animation-delay: -4.25s;
  animation-delay: -4.25s;
}
.col:nth-child(18) use {
  -webkit-animation-delay: -4.4s;
  -moz-animation-delay: -4.4s;
  -ms-animation-delay: -4.4s;
  -o-animation-delay: -4.4s;
  animation-delay: -4.4s;
}
.col:nth-child(19) {
  top: var(--col-top19);
  -webkit-animation-delay: -4.5s;
  -moz-animation-delay: -4.5s;
  -ms-animation-delay: -4.5s;
  -o-animation-delay: -4.5s;
  animation-delay: -4.5s;
}
.col:nth-child(19) use {
  -webkit-animation-delay: -6.72s;
  -moz-animation-delay: -6.72s;
  -ms-animation-delay: -6.72s;
  -o-animation-delay: -6.72s;
  animation-delay: -6.72s;
}
.col:nth-child(20) {
  top: var(--col-top20);
  -webkit-animation-delay: -4.75s;
  -moz-animation-delay: -4.75s;
  -ms-animation-delay: -4.75s;
  -o-animation-delay: -4.75s;
  animation-delay: -4.75s;
}
.col:nth-child(20) use {
  -webkit-animation-delay: -2.08s;
  -moz-animation-delay: -2.08s;
  -ms-animation-delay: -2.08s;
  -o-animation-delay: -2.08s;
  animation-delay: -2.08s;
}
.col:nth-child(21) {
  top: var(--col-top21);
  -webkit-animation-delay: -5s;
  -moz-animation-delay: -5s;
  -ms-animation-delay: -5s;
  -o-animation-delay: -5s;
  animation-delay: -5s;
}
.col:nth-child(21) use {
  -webkit-animation-delay: -1.6s;
  -moz-animation-delay: -1.6s;
  -ms-animation-delay: -1.6s;
  -o-animation-delay: -1.6s;
  animation-delay: -1.6s;
}
.col:nth-child(22) {
  top: var(--col-top22);
  -webkit-animation-delay: -5.25s;
  -moz-animation-delay: -5.25s;
  -ms-animation-delay: -5.25s;
  -o-animation-delay: -5.25s;
  animation-delay: -5.25s;
}
.col:nth-child(22) use {
  -webkit-animation-delay: -4.16s;
  -moz-animation-delay: -4.16s;
  -ms-animation-delay: -4.16s;
  -o-animation-delay: -4.16s;
  animation-delay: -4.16s;
}
.col:nth-child(23) {
  top: var(--col-top23);
  -webkit-animation-delay: -5.5s;
  -moz-animation-delay: -5.5s;
  -ms-animation-delay: -5.5s;
  -o-animation-delay: -5.5s;
  animation-delay: -5.5s;
}
.col:nth-child(23) use {
  -webkit-animation-delay: -5.2s;
  -moz-animation-delay: -5.2s;
  -ms-animation-delay: -5.2s;
  -o-animation-delay: -5.2s;
  animation-delay: -5.2s;
}
.col:nth-child(24) {
  top: var(--col-top24);
  -webkit-animation-delay: -5.75s;
  -moz-animation-delay: -5.75s;
  -ms-animation-delay: -5.75s;
  -o-animation-delay: -5.75s;
  animation-delay: -5.75s;
}
.col:nth-child(24) use {
  -webkit-animation-delay: -3.28s;
  -moz-animation-delay: -3.28s;
  -ms-animation-delay: -3.28s;
  -o-animation-delay: -3.28s;
  animation-delay: -3.28s;
}
.col:nth-child(25) {
  top: var(--col-top25);
  -webkit-animation-delay: -6s;
  -moz-animation-delay: -6s;
  -ms-animation-delay: -6s;
  -o-animation-delay: -6s;
  animation-delay: -6s;
}
.col:nth-child(25) use {
  -webkit-animation-delay: -4.24s;
  -moz-animation-delay: -4.24s;
  -ms-animation-delay: -4.24s;
  -o-animation-delay: -4.24s;
  animation-delay: -4.24s;
}
.col:nth-child(26) {
  top: var(--col-top26);
  -webkit-animation-delay: -6.25s;
  -moz-animation-delay: -6.25s;
  -ms-animation-delay: -6.25s;
  -o-animation-delay: -6.25s;
  animation-delay: -6.25s;
}
.col:nth-child(26) use {
  -webkit-animation-delay: -3.84s;
  -moz-animation-delay: -3.84s;
  -ms-animation-delay: -3.84s;
  -o-animation-delay: -3.84s;
  animation-delay: -3.84s;
}
.col:nth-child(27) {
  top: var(--col-top27);
  -webkit-animation-delay: -6.5s;
  -moz-animation-delay: -6.5s;
  -ms-animation-delay: -6.5s;
  -o-animation-delay: -6.5s;
  animation-delay: -6.5s;
}
.col:nth-child(27) use {
  -webkit-animation-delay: -1.44s;
  -moz-animation-delay: -1.44s;
  -ms-animation-delay: -1.44s;
  -o-animation-delay: -1.44s;
  animation-delay: -1.44s;
}
.col:nth-child(28) {
  top: var(--col-top28);
  -webkit-animation-delay: -6.75s;
  -moz-animation-delay: -6.75s;
  -ms-animation-delay: -6.75s;
  -o-animation-delay: -6.75s;
  animation-delay: -6.75s;
}
.col:nth-child(28) use {
  -webkit-animation-delay: -6.4s;
  -moz-animation-delay: -6.4s;
  -ms-animation-delay: -6.4s;
  -o-animation-delay: -6.4s;
  animation-delay: -6.4s;
}
.col:nth-child(29) {
  top: var(--col-top29);
  -webkit-animation-delay: -7s;
  -moz-animation-delay: -7s;
  -ms-animation-delay: -7s;
  -o-animation-delay: -7s;
  animation-delay: -7s;
}
.col:nth-child(29) use {
  -webkit-animation-delay: -6.88s;
  -moz-animation-delay: -6.88s;
  -ms-animation-delay: -6.88s;
  -o-animation-delay: -6.88s;
  animation-delay: -6.88s;
}
.col:nth-child(30) {
  top: var(--col-top30);
  -webkit-animation-delay: -7.25s;
  -moz-animation-delay: -7.25s;
  -ms-animation-delay: -7.25s;
  -o-animation-delay: -7.25s;
  animation-delay: -7.25s;
}
.col:nth-child(30) use {
  -webkit-animation-delay: -5.36s;
  -moz-animation-delay: -5.36s;
  -ms-animation-delay: -5.36s;
  -o-animation-delay: -5.36s;
  animation-delay: -5.36s;
}
.col:nth-child(31) {
  top: var(--col-top31);
  -webkit-animation-delay: -7.5s;
  -moz-animation-delay: -7.5s;
  -ms-animation-delay: -7.5s;
  -o-animation-delay: -7.5s;
  animation-delay: -7.5s;
}
.col:nth-child(31) use {
  -webkit-animation-delay: -3.84s;
  -moz-animation-delay: -3.84s;
  -ms-animation-delay: -3.84s;
  -o-animation-delay: -3.84s;
  animation-delay: -3.84s;
}
.col:nth-child(32) {
  top: var(--col-top32);
  -webkit-animation-delay: -7.75s;
  -moz-animation-delay: -7.75s;
  -ms-animation-delay: -7.75s;
  -o-animation-delay: -7.75s;
  animation-delay: -7.75s;
}
.col:nth-child(32) use {
  -webkit-animation-delay: -2.08s;
  -moz-animation-delay: -2.08s;
  -ms-animation-delay: -2.08s;
  -o-animation-delay: -2.08s;
  animation-delay: -2.08s;
}

@keyframes rx {
  to {
  -webkit-transform: rotateY(1turn);
  -moz-transform: rotateY(1turn);
  -ms-transform: rotateY(1turn);
  -o-transform: rotateY(1turn);
  transform: rotateY(1turn);
  }
}

.tile {
  -webkit-animation: inherit;
  -moz-animation: inherit;
  -ms-animation: inherit;
  -o-animation: inherit;
  animation: inherit;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
}

.tile:nth-child(1) {
  left: -5.25vw;
}
.tile:nth-child(1) use {
  -webkit-animation-duration: 0.58s;
  -moz-animation-duration: 0.58s;
  -ms-animation-duration: 0.58s;
  -o-animation-duration: 0.58s;
  animation-duration: 0.58s;
}
.tile:nth-child(2) {
  left: -3.75vw;
}
.tile:nth-child(2) use {
  -webkit-animation-duration: 3.78s;
  -moz-animation-duration: 3.78s;
  -ms-animation-duration: 3.78s;
  -o-animation-duration: 3.78s;
  animation-duration: 3.78s;
}
.tile:nth-child(3) {
  left: -2.25vw;
}
.tile:nth-child(3) use {
  -webkit-animation-duration: 2.82s;
  -moz-animation-duration: 2.82s;
  -ms-animation-duration: 2.82s;
  -o-animation-duration: 2.82s;
  animation-duration: 2.82s;
}
.tile:nth-child(4) {
  left: -.75vw;
}
.tile:nth-child(4) use {
  -webkit-animation-duration: 6.02s;
  -moz-animation-duration: 6.02s;
  -ms-animation-duration: 6.02s;
  -o-animation-duration: 6.02s;
  animation-duration: 6.02s;
}
.tile:nth-child(5) {
  left: .75vw;
}
.tile:nth-child(5) use {
  -webkit-animation-duration: 4.26s;
  -moz-animation-duration: 4.26s;
  -ms-animation-duration: 4.26s;
  -o-animation-duration: 4.26s;
  animation-duration: 4.26s;
}
.tile:nth-child(6) {
  left: 2.25vw;
}
.tile:nth-child(6) use {
  -webkit-animation-duration: 2.42s;
  -moz-animation-duration: 2.42s;
  -ms-animation-duration: 2.42s;
  -o-animation-duration: 2.42s;
  animation-duration: 2.42s;
}
.tile:nth-child(7) {
  left: 3.75vw;
}
.tile:nth-child(7) use {
  -webkit-animation-duration: 5.3s;
  -moz-animation-duration: 5.3s;
  -ms-animation-duration: 5.3s;
  -o-animation-duration: 5.3s;
  animation-duration: 5.3s;
}
.tile:nth-child(8) {
  left: 5.25vw;
}
.tile:nth-child(8) use {
  -webkit-animation-duration: 1.06s;
  -moz-animation-duration: 1.06s;
  -ms-animation-duration: 1.06s;
  -o-animation-duration: 1.06s;
  animation-duration: 1.06s;
}
.tile > svg {
  margin: 0vw;
  width: 2vw;
  height: 2vw;
  -webkit-animation: inherit;
  -moz-animation: inherit;
  -ms-animation: inherit;
  -o-animation: inherit;
  animation: inherit;
  -webkit-animation-name: rz;
  -moz-animation-name: rz;
  -ms-animation-name: rz;
  -o-animation-name: rz;
  animation-name: rz;
}
.tile use {
  -webkit-animation: c 0s ease-in-out infinite alternate;
  -moz-animation: c 0s ease-in-out infinite alternate;
  -ms-animation: c 0s ease-in-out infinite alternate;
  -o-animation: c 0s ease-in-out infinite alternate;
  animation: c 0s ease-in-out infinite alternate;
}

@keyframes rz {
  to {
  -webkit-transform: rotateZ(1turn);
  -moz-transform: rotateZ(1turn);
  -ms-transform: rotateZ(1turn);
  -o-transform: rotateZ(1turn);
  transform: rotateZ(1turn);
  }
}
@keyframes c {
  to {
opacity:1;
/* background:none;
background-image:url('http://www.richnutcoffee.net/Z_D/Development_Gallery/Gallery_1/Gallery_1_3/Big_R_clear.png');
background-size: 10.5% 14%; /*  width height 
background-position:center center; */

  }
}