
.icn-spinner {
  animation: spin-animation 1s infinite;
  animation-timing-function: linear;
  display: inline-block;
}

@keyframes spin-animation {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

.siri_start {
  margin:0 auto;
  margin-top:200px;
  text-align: center;
}
.siri_start h1 {
  margin-top:40px;
  font-size:6em;
  color:#1E2A43;
  
  -webkit-animation: fadein 2s linear forwards; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s linear forwards; /* Firefox < 16 */
      -ms-animation: fadein 2s linear forwards; /* Internet Explorer */
       -o-animation: fadein 2s linear forwards; /* Opera < 12.1 */
          animation: fadein 2s linear forwards;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.siri_start h2 {
  opacity:0;
  padding-top:45px;
  font-size:1.5em;
  color:#1E2A43;
  -webkit-animation: fadein2 1s ease; /* Safari, Chrome and Opera > 12.1 */
  -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
     -moz-animation: fadein2 1s ease; /* Firefox < 16 */
     -moz-animation-delay: 1s; /* Chrome, Safari, Opera */
      -ms-animation: fadein2 1s ease; /* Internet Explorer */
       -o-animation: fadein2 1s ease; /* Opera < 12.1 */
          animation: fadein2 1s ease;
          animation-delay: 1s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes fadein2 {
  from { opacity: 0;padding-top:10px; }
  to   { opacity: 1;padding-top:45px; }
}

/* Firefox < 16 */
@-moz-keyframes fadein2 {
  from { opacity: 0;padding-top:10px; }
  to   { opacity: 1;padding-top:45px; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein2 {
  from { opacity: 0;padding-top:10px; }
  to   { opacity: 1;padding-top:45px; }
}

/* Internet Explorer */
@-ms-keyframes fadein2 {
  from { opacity: 0;padding-top:10px; }
  to   { opacity: 1;padding-top:45px; }
}

.siri_start h3 {
  margin:0 auto;
  opacity:0;
  padding-top:20px;
  font-size:.9em;
  line-height: 1.5em;
  color:#1E2A43;
  -webkit-animation: fadein3 1s ease; /* Safari, Chrome and Opera > 12.1 */
  -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
     -moz-animation: fadein3 1s ease; /* Firefox < 16 */
     -moz-animation-delay: 2s; /* Chrome, Safari, Opera */
      -ms-animation: fadein3 1s ease; /* Internet Explorer */
       -o-animation: fadein3 1s ease; /* Opera < 12.1 */
          animation: fadein3 1s ease;
          animation-delay: 1s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes fadein3 {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein3 {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein3 {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein3 {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}

.spin {
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

iframe[src^="https://cse.google.com"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}