@charset "utf-8";

.video_pleload_img{
  width: 100%;
  height: 100%;
  background-image: url('../images/svg/default-spinner.svg');
  background-repeat: no-repeat;
  background-position: center center;
}

@-webkit-keyframes ui-spinner-rotate-right {

  0% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(180deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
  }

  75% {
    -webkit-transform: rotate(360deg);
  }

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

}

@-webkit-keyframes ui-spinner-rotate-left {

  0% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
  }

  75% {
    -webkit-transform: rotate(180deg);
  }

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

}

.endcard {

}

.endcard .img-poster{
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: 0;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

.lt-ie10 .endcard .main {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.lt-ie9 .endcard .recommendation-list .suggestions li {
    display: none;
}
.lt-ie9 .endcard .recommendation-list .suggestions li.active {
    display: block;
    margin-right: 0px;
}

.endcard.large .main {
    height: 100%;
    background-color: rgba(0, 0, 0, .30);
    padding-top: 10%;
}

/*@media (min-device-width: 641px) and (max-device-width: 1023px) {

  .endcard.large .main {
    padding-top: 2%;
  }

}*/

.endcard.large .main .heading {
    text-align: center;
    position: relative;
}

.endcard.large .main .heading h2 {
    font-family: 'futura-pt', Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    font-size: 140px;
    color: #f6c945;
    line-height: 116px;
}

.endcard.large .main .heading h2 .char1 { letter-spacing: -12px; }
.endcard.large .main .heading h2 .char2 { letter-spacing: 0; }
.endcard.large .main .heading h2 .char3 { letter-spacing: -10px; }
.endcard.large .main .heading h2 .char4 { letter-spacing: 1px; }
.endcard.large .main .heading h2 .char5 { letter-spacing: 0; }
.endcard.large .main .heading h2 .char6 { letter-spacing: 0; }

.endcard.large .main .heading h3 {
    font-family: 'futura-pt', Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
}

.endcard.large .main .upnext { margin-bottom: 4%; }

.endcard .ui-spinner {
  /*position: relative;
  border-radius: 100%;
  background: rgba(0,0,0,.5);*/
}

.endcard .ui-spinner:hover { cursor: pointer; }

.endcard .side {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

.endcard .fill {
  border-radius: 10000px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  background: rgba(255, 255, 255, 1);
  -webkit-animation-duration: 23s;
  opacity: 1;
}

.endcard .side-left {
  left: 0;
}

.endcard .side-left .fill {
  left: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-animation-name: ui-spinner-rotate-left;
  -moz-animation-name: ui-spinner-rotate-left;
  -ms-animation-name: ui-spinner-rotate-left;
  -o-animation-name: ui-spinner-rotate-left;
  animation-name: ui-spinner-rotate-left;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.endcard .side-right {
  left: 50%;
}

.endcard .side-right .fill {
  left: -100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-animation-name: ui-spinner-rotate-right;
  -moz-animation-name: ui-spinner-rotate-right;
  -ms-animation-name: ui-spinner-rotate-right;
  -o-animation-name: ui-spinner-rotate-right;
  animation-name: ui-spinner-rotate-right;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.endcard .ui-spinner {
  position: relative;
  border-radius: 100%;
  background: rgba(0,0,0,.5);
  width: 106px;
  height: 106px;
  margin: 25px auto 0 auto;
}

.endcard .ui-spinner:after {
  content: "";
  background: #111;
  position: absolute;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -43px;
  margin-top: -43px;
  display: block;
}

.endcard .ui-spinner img {
  position: absolute;
  top: 40px;
  left: 50px;
  z-index: 2;
}

.endcard .recommendation-list { text-align: center; position: relative; }
.endcard .recommendation-list .playerBlocker { position: relative; }
.endcard .recommendation-list .just-watched-list { display: inline-block; height: 165px; margin-right: 28px; }
.endcard .recommendation-list .just-watched-list li { width: 288px; height: 162px; float: left; text-align: left; }
.endcard .recommendation-list .just-watched-list li h4 { color: #fff; margin-bottom: 10px; }
.endcard .recommendation-list .playerBlocker img { width: 100%; display: block; }
.endcard .recommendation-list .playerBlocker img { background-color: #000; opacity: .70;  }
.endcard .recommendation-list .playerBlocker.just-played { border: 2px solid rgba(255, 255, 255, .70);  }
.endcard .recommendation-list .playerBlocker.just-played .icon-button {
    position: absolute;
    width: 70px;
    height: 71px;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAACXCAYAAACoTC0OAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQUJEQjQwNzE2QzYxMUU0QkY1OEMwN0Q2NEZERjlBOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQUJEQjQwODE2QzYxMUU0QkY1OEMwN0Q2NEZERjlBOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFBQkRCNDA1MTZDNjExRTRCRjU4QzA3RDY0RkRGOUE5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFBQkRCNDA2MTZDNjExRTRCRjU4QzA3RDY0RkRGOUE5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZvTT1QAACU1JREFUeNrsnQts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') no-repeat 0 0;
}

.endcard .recommendation-list .playerBlocker.just-played:hover { cursor: pointer; }
.endcard .recommendation-list .playerBlocker.just-played:hover .icon-button { background-position: left bottom; }

.endcard .recommendation-list .suggestions { display: inline-block; height: 165px; }
.endcard .recommendation-list .suggestions li { width: 288px; float: left; margin-right: 30px; text-align: left; }

.endcard .recommendation-list .suggestions li:hover { cursor: pointer; }
/*.endcard .recommendation-list .suggestions li:hover .img-wrap .thumb { opacity: .80; }*/
.endcard .recommendation-list .suggestions li h4 { display: none; color: #fff; margin-bottom: 10px; }
.endcard .recommendation-list .suggestions li:first-child h4 { display: block; }
.endcard .recommendation-list .suggestions li:last-child { margin-right: 0; padding-top: 23px; }
.endcard .recommendation-list .suggestions li .img-wrap { position: relative; background-color: #000; }
.endcard .recommendation-list .suggestions li .img-wrap .thumb { display: block; width: 100%; opacity: .70;}
.endcard .recommendation-list .suggestions li .img-wrap .network-logo { position: absolute; top: 20px; right: 19px; opacity: .50; }
.endcard .recommendation-list .suggestions li .title {
    position: absolute;
    bottom: 20px;
    left: 15px;
    font-family: 'futura-pt', Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    padding-right: 15px;
}

.endcard .recommendation-list .something-random { display: inline-block; height: 165px; margin-left: 30px; }
.endcard .recommendation-list .something-random li { width: 288px; position: relative; padding-top: 23px; }
.endcard .recommendation-list .something-random li:hover { cursor: pointer; }
.endcard .recommendation-list .something-random li img { width: 100%; display: block; }
.endcard .recommendation-list .something-random li .random-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 189px;
    height: 42px;
    margin-left: -94px;
    margin-top: -10px;
    background-color: #f6c945;
    border-radius: 50px;
    color: #000;
    font-family: 'futura-pt', Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 14px;
}

.endcard .recommendation-list .something-random li:hover .random-button { background-color: #ccaa00; }

@media (max-device-width: 769px) { 

  .endcard.large .main {
    padding-top: 7%;
  }

}

@media (max-width: 1600px) {

  .endcard .recommendation-list .suggestions li,
  .endcard .recommendation-list .just-watched-list li,
  .endcard .recommendation-list .something-random li {
    width: 220px;
  }

  .endcard .recommendation-list .suggestions li .title {
    bottom: 15px;
  }

}

@media (max-width: 1024px) {
  .endcard.large .main .heading h2 {
    font-size: 70px;
    line-height: normal;
  }

  .endcard.large .main .heading h2 .char1 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char2 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char3 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char4 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char5 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char6 { letter-spacing: 0; }  
}

@media (max-width: 1124px) {

  /*.endcard.large .main .heading h2 {
    font-size: 50px;
    line-height: normal;
  }

  .endcard.large .main .heading h2 .char1 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char2 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char3 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char4 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char5 { letter-spacing: -1px; }
  .endcard.large .main .heading h2 .char6 { letter-spacing: 0; }*/

  .endcard.large .main .heading h3 {
    font-size: 18px;
    letter-spacing: normal;
    line-height: 7px;
  }

  .endcard .recommendation-list .suggestions li:first-child {
    margin-right: 0;
  }

  .endcard .recommendation-list .suggestions li:last-child {
    display: none;
  }

  .endcard .ui-spinner {
    width: 72px;
    height: 72px;
  }
  
  .endcard .ui-spinner:after {
    width: 58px;
    height: 58px;
    margin-left: -29px;
    margin-top: -29px;
  }
  
  .endcard .ui-spinner img {
    top: 23px;
    left: 32px;
    width: 16px;
    height: 24px;
  }

}

@media (max-width: 769px) {

  .endcard .ui-spinner {
    width: 49px;
    height: 49px;
  }
  
  .endcard .ui-spinner:after {
    width: 39px;
    height: 39px;
    margin-left: -19.5px;
    margin-top: -19.5px;
  }
  
  .endcard .ui-spinner img {
    top: 16px;
    left: 22px;
    width: 11px;
    height: 17px;
  }

}

.endcard .mobile-endcard {
  background-image: url('../images/svg/default-spinner.svg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  text-align: center;
  padding-top: 55px;
}

.endcard .mobile-endcard h2 {
  font-size: 20px;
  color: #f6c945;
}

.endcard .mobile-endcard h3 {
  font-family: 'futura-pt', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  margin-bottom: 10px;
}

.endcard .mobile-endcard p {
  font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
}