﻿.fadeIn {
  -webkit-animation: fadein 0.3s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.3s;
  /* Firefox < 16 */
  /*-ms-animation: fadein 0.5s;  Internet Explorer */
  -o-animation: fadein 0.3s;
  /* Opera < 12.1 */
  animation: fadein 0.3s;
  /*animation-fill-mode: 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; } }

.opacity0 {
  opacity: 0; }

.opacity1 {
  opacity: 1; }

#ScreenContext #ContextContent .inner-content {
  transition: all .1s ease-out; }

#ScreenContext #ContextContent .inner-content.inner-focus {
  animation: onFocus .1s forwards; }

#ScreenHome .heromenuitem .inner-focus .Play {
  animation: onFocus .3s forwards; }

#ScreenHome #HomeText .focused .Play {
  animation: onFocus .3s forwards; }

#ScreenHome .videolist .inner-focus,
#ScreenHome .serieslist .inner-focus {
  animation: onRowFocus .1s forwards; }

#ScreenVideo .video-items .inner-focus {
  animation: onRowFocus .1s forwards; }

#ScreenSearch .content-search .inner-focus {
  animation: onRowFocus .1s forwards; }

#ScreenStory #StoryText .focused .Play {
  animation: onFocus .3s forwards; }

#ScreenStory .content-story .inner-focus {
  animation: onRowFocus .1s forwards; }

@keyframes onFocus {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.25); }
  100% {
    transform: scale(1); } }

@keyframes onRowFocus {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
