#turn-your-device {
/*     display: none; */
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
    background-color: white;     
    padding: 20px;
    box-sizing: border-box;
    color: black;
}
#tyd-telefono-logo-tyd {
/*     height: 30px; */
}
#tyd-telefono svg {
    height: 60px;
}
#tyd-arrow svg {
    height: 100px;
}
#tyd-telefono {
    position: absolute; 
    left: calc(80% - 30px);
    top: 120px;
    -webkit-animation: tydCellRotation 3s infinite; /* Safari 4+ */
    -moz-animation:    tydCellRotation 3s infinite; /* Fx 5+ */
    -o-animation:      tydCellRotation 3s infinite; /* Opera 12+ */
    animation:         tydCellRotation 3s infinite; /* IE 10+, Fx 29+ */
}
#tyd-arrow {
    position: absolute; 
    /* left: 70%; */
    left: calc(80% - 60px);
    top: 100px;
}
@-webkit-keyframes tydCellRotation {
  0%   { transform: rotate(0deg); }
  10%   { transform: rotate(0deg); }
  25%   { transform: rotate(90deg); }
  35%    { transform: rotate(90deg); }
  75%   { transform: rotate(-90deg); }  
  85%   { transform: rotate(-90deg); }  
  100%   { transform: rotate(0deg); }
}
@-moz-keyframes tydCellRotation {
  0%   { transform: rotate(0deg); }
  10%   { transform: rotate(0deg); }
  25%   { transform: rotate(90deg); }
  35%    { transform: rotate(90deg); }
  75%   { transform: rotate(-90deg); }  
  85%   { transform: rotate(-90deg); }  
  100%   { transform: rotate(0deg); }
}
@-o-keyframes tydCellRotation {
  0%   { transform: rotate(0deg); }
  10%   { transform: rotate(0deg); }
  25%   { transform: rotate(90deg); }
  35%    { transform: rotate(90deg); }
  75%   { transform: rotate(-90deg); }  
  85%   { transform: rotate(-90deg); }  
  100%   { transform: rotate(0deg); }
}
@keyframes tydCellRotation {
  0%   { transform: rotate(0deg); }
  10%   { transform: rotate(0deg); }
  25%   { transform: rotate(90deg); }
  35%    { transform: rotate(90deg); }
  75%   { transform: rotate(-90deg); }  
  85%   { transform: rotate(-90deg); }  
  100%   { transform: rotate(0deg); }
}

@-webkit-keyframes tydArrowRotation {
  0%   { transform: rotate(0deg); }
  20%   { transform: rotate(72deg); }
  40%   { transform: rotate(144deg); }
  60%   { transform: rotate(216deg); }
  80%   { transform: rotate(288deg); }
  100%   { transform: rotate(360deg); }
}
@-moz-keyframes tydArrowRotation {
  0%   { transform: rotate(0deg); }
  20%   { transform: rotate(72deg); }
  40%   { transform: rotate(144deg); }
  60%   { transform: rotate(216deg); }
  80%   { transform: rotate(288deg); }
  100%   { transform: rotate(360deg); }
}
@-o-keyframes tydArrowRotation {
  0%   { transform: rotate(0deg); }
  20%   { transform: rotate(72deg); }
  40%   { transform: rotate(144deg); }
  60%   { transform: rotate(216deg); }
  80%   { transform: rotate(288deg); }
  100%   { transform: rotate(360deg); }
}
@keyframes tydArrowRotation {
  0%   { transform: rotate(0deg); }
  20%   { transform: rotate(72deg); }
  40%   { transform: rotate(144deg); }
  60%   { transform: rotate(216deg); }
  80%   { transform: rotate(288deg); }
  100%   { transform: rotate(360deg); }
}