#turn-your-device {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 99999;
    padding: 20px;
    box-sizing: border-box;
    /*background-image: url('/img/fondo_home_rosso.jpg');
    background-size: 100% 100%;
    background-size: cover;*/
    background-color: #004488;
    background-blend-mode: multiply;
}
#tyd-telefono-logo-tyd {
/*     height: 30px; */
}
#tyd-telefono svg {
    height: 60px;
}
#tyd-arrow svg {
    height: 100px;
}
#tyd-telefono {
    position: absolute;
    left: calc( 50% - 15.5px);
    top: 40px;
    -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: calc( 50% - 50px);
    top: 20px;
}
@-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); }
}
