.tpLayout, .img-placeholder{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.platform-container{
	overflow: hidden;
	position: relative;

	width: 100%;
	max-width: 1600px;
	height: auto;
	margin: 0 auto;
	padding-top: 56.25%;
}

.platform-error{
	display: none;

	overflow: hidden;
	position: relative;

	text-align: center;
	width: 100%;
	max-width: 1600px;
	height: auto;
	margin: 0 auto;
	padding: 5% 12% 8% 12%;
}

.platform-error-border{
	padding: 2%;
	border: 2px solid #a61b1b;
}

.platform-error h2{
	font-size: 1.5em;
}

.platform-error h3{

}

.platform-error ul{
	text-align: left;
	width: 50%;
	margin-left: 25%;
}

.img-placeholder{
	z-index: 801;
}

.img-placeholder img{
	width: 100%;
	height: auto;
	max-width: 100%;
}

.img-placeholder .loading-spinner{
  width: 284px;
  height: 90px;
  border: 1px solid #333;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  padding: 1.5em;
  font-size: 1.25em;
}

.page-template-page-livestream .img-placeholder .loading-spinner{
	display: none;
}

.adobe-logged-in .img-placeholder .loading-spinner{
	display: block!important;/*force loading text to show always for authenticated*/
}

.adobe-logged-in.page-template-page-livestream .img-placeholder .loading-spinner{
	display: block!important;
}

.img-placeholder .login{
	background: url(../img/sign-in-to-play.png) top left no-repeat;
	width: 243px;
	height: 184px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	cursor: pointer;
	display: none;
}

.mobile-intercept {
	text-align: center;
	border: 1px solid #fff;
}

.mobile-intercept h3 {
	margin: 0;
}

.mobile-intercept a,
.mobile-intercept a:hover,
.mobile-intercept a:focus,
.mobile-intercept a:visited {
	display: block;
	overflow: hidden;
	padding: 1em;
	color: #fff!important;
	text-decoration: none;
}

.mobile-intercept strong {
	color: #cbbd71;
	text-decoration: underline;
}

.single-amcn_video_movie .mobile-intercept h3 {
	padding: 1em;
}

@media (max-width: 640px){
	.img-placeholder .login{
		background: url(../img/sign-in-to-play.png) top left/100% no-repeat;
		width: 186px;
		height: 142px;
	}
}

.page-template-page-livestream .img-placeholder .login{
	background: url(../img/ls-sign-in-to-play.png) top left no-repeat;
	width: 296px;
	height: 184px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	cursor: pointer;
	display: none;


}

@media (max-width: 640px){
	.page-template-page-livestream .img-placeholder .login{
		background: url(../img/ls-sign-in-to-play.png) top left/100% no-repeat;
		width: 186px;
		height: 106px;
	}
}

/* hide the end card contents */
.pdk-endcard-content{
	display: none;
}

/* PDK card styling */
.pdk-card{
	width: 100%;
	height: 100%;
	background: #000000;
	background: rgba(0,0,0,0.6);
	color: #ffffff;
	font-family: "Univers Next", Helvetica, Arial, sans-serif;
}

.pdk-card.countercard-container{
	background: none;
}

.pdk-card .pdk-countercard-container{
	position: absolute;
	height: 20px;
	padding: 5px 10px 20px 10px;
	top: 40px;
	left: 10px;
	right: auto;
	bottom: auto;
	text-align: center;
	font-size: 12px;
	font-family: "Univers Next", sans-serif;
	color: #ffffff;
	background: rgba(0,0,0,0.5);
}

.pdk-card .pdk-endcard-container{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 70%;
	height: 95%;
	overflow: hidden;
}

.pdk-endcard-container a{
	color: #e1e1e1;
	text-decoration: none;
}

.pdk-endcard-container a:hover{
	color: #fff;
}

.pdk-endcard-container a:hover img{
	opacity: 1;
}

.pdk-endcard-container h3, .pdk-endcard-container h4{
	margin: .25em 0;
	padding: 0;
	font-size: 1.3em;
}

@media (max-width: 1000px){
	.pdk-endcard-container h3, .pdk-endcard-container h4{
		font-size: 1.5em;
	}
}


.pdk-endcard-container .pdk-endcard-header{
	text-align: center;
}

.pdk-endcard-container .pdk-endcard-header .replay-text{
	font-size: 1.5em;
	cursor: pointer;
	margin:
}

.pdk-endcard-container .replay-button {
	background: #000;
	padding: 5px 15px 7px 15px;
	display: inline-block;
	border: 1px solid #333;
	margin-top: 10px;
	color: #e1e1e1;
}

.pdk-endcard-container .replay-button:hover {
	color: #fff;
}

.pdk-endcard-container .replay-button .icon-video-replay{
	margin-top: -1px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}

.pdk-endcard-container .pdk-endcard-header .pdk-replay-icon{
	background: url(../img/replay.png) no-repeat;
	padding-left: 40px;
}

.pdk-endcard-container .pdk-endcard-related{
	float: left;
}

.pdk-endcard-container .pdk-endcard-related.pdk-endcard-secondary h3{
	display: none!important;
}

@media (max-width: 1000px){
	.pdk-endcard-container .pdk-endcard-header h3{
		font-size: 1.3em;
	}
}

.pdk-endcard-container .pdk-endcard-primary{
	width: 60%;
	margin-right: 5%;
}

.pdk-endcard-container .pdk-endcard-secondary{
	width: 35%;
}

.pdk-endcard-container .pdk-endcard-related .related-item{
	position: relative;
}

.pdk-endcard-container .pdk-endcard-related.pdk-endcard-secondary .related-item{
	margin-bottom: 15px;
}

.pdk-endcard-container .pdk-endcard-related.pdk-endcard-secondary .related-item:last-child{
	margin-bottom: 0;
}

.pdk-endcard-container .pdk-endcard-related a {
	display: block;
}

.pdk-endcard-container .pdk-endcard-related .related-item .related-item-thumbnail:after {
	content: '';
	display: block;
	background: transparent;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
	background-size: 102%;
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	position: absolute;
	z-index: 1;
}

.pdk-endcard-container .pdk-endcard-related .related-item:hover .related-item-thumbnail:after{
	content: '';
	display: block;
	background: transparent;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
	background-size: 102%;
	background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.40) 100%);
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	position: absolute;
	z-index: 1;
}

.pdk-endcard-container .pdk-endcard-related .related-item-title{
	position: absolute;
	bottom: 5px;
	width: 96%;
	left: 2%;
	right: 2%;
	margin: 0;
	z-index: 2;
}

.pdk-endcard-container .pdk-endcard-related.pdk-endcard-primary .related-item-title .episode{
	font-size: 1em;
}

.pdk-endcard-container .pdk-endcard-related.pdk-endcard-primary .related-item-title .title{
	font-size: 1.3em;
}

@media (min-width: 1000px){
	.pdk-endcard-container .pdk-endcard-related.pdk-endcard-primary .related-item-title .title{
		font-size: 1.5em;
	}
}

.pdk-endcard-container .pdk-endcard-related.pdk-endcard-secondary .related-item-title .episode{
	font-size: .75em;
	display: none;
}

.pdk-endcard-container .pdk-endcard-related.pdk-endcard-secondary .related-item-title .title{
	font-size: .75em;
}

@media (min-width: 1000px){
	.pdk-endcard-container .pdk-endcard-related.pdk-endcard-secondary .related-item-title .title{
		font-size: 1em;
	}
}

.pdk-endcard-container .amcn_video_episode .related-item-thumbnail::before{
	content: "Full Episode";
	background-color: #000000;
	background-color: rgba(0,0,0,0.4);
	color: #cbbd71;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 5px 10px;
}

.pdk-endcard-container .pdk-endcard-footer{
	clear: both;
}

.pdk-endcard-container img{
	display: block;
	width: 100%;
	height: auto;
}

.pdk-endcard-container h4.just-watched{
	font-size: 1em;
}

@media (min-width: 1000px){
	.pdk-endcard-container h4.just-watched{
		font-size: 1.3em;
	}
}


/* Variable # of related videos */

.related-count-2 .pdk-desktop-endcard .pdk-endcard-primary{
	width: 60%
}

.related-count-2 .pdk-desktop-endcard .pdk-endcard-secondary{
	width: 35%;
}

.related-count-1 .pdk-desktop-endcard .pdk-endcard-primary{
	width: 60%;
	margin-right: 0%;
	margin-left: 20%;
}

.related-count-1 .pdk-desktop-endcard h3{
	margin-left: 20%;
}

/* END Variable # of related videos */



/* Tablet Endcard Carousel */

.pdk-tablet-endcard{
	margin-top: 2em;
}

.pdk-tablet-endcard .related-item{
	position: relative;
}

.pdk-tablet-endcard .related-item .related-item-title{
	position: absolute;
	bottom: 3%;
	left: 3%;
}

.pdk-endcard-container .related-item .related-item-thumbnail img{
	border: 1px solid #3c3c39;
}

.pdk-tablet-endcard .related-item .related-item-title a,
.pdk-phone-endcard .related-item .related-item-title a{
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.pdk-tablet-endcard .related-item .related-item-title a:hover,
.pdk-phone-endcard .related-item .related-item-title a:hover{
	text-decoration: none;
}

.pdk-tablet-endcard .related-item .related-item-title a .episode{
	font-size: 1.3em;
	display: inline-block;
	margin: 0;
}

.pdk-tablet-endcard .related-item .related-item-title a .title{
	font-size: 1.8em;
	display: inline-block;
}

.pdk-tablet-endcard .m-fluid .m-item {
	margin-right: 40px;
}

.pdk-tablet-endcard .m-scooch-photos{
	padding: 0 70px;
	margin: 0;
}


/* phone endcard */

.pdk-endcard-container .pdk-phone-endcard{
	margin-top: 5%;
}

.pdk-endcard-container .pdk-phone-endcard .pdk-endcard-secondary{
	width: 100%;
    overflow:hidden;
}

.pdk-endcard-container .pdk-phone-endcard h3{
	font-size: 1.3em;
}

.pdk-endcard-container .pdk-phone-endcard .pdk-endcard-primary {
	width: 100%;
	display: block;
}

.pdk-endcard-container .pdk-phone-endcard .pdk-endcard-secondary .m-scooch-photos{
	margin: 0 -93px 0 -40px;
	padding: 0 110px 0 110px;
}

.pdk-endcard-container .pdk-phone-endcard .pdk-endcard-secondary .m-scooch-controls{
	margin-left: 93px;
}

.pdk-endcard-container .pdk-phone-endcard .ex-more{
	display: inline-block;
	clear: both;
	margin-top: 5%;
	width: 100%;
}

.pdk-endcard-container .pdk-phone-endcard .pdk-endcard-secondary .related-container{

}

.pdk-endcard-container .pdk-phone-endcard .pdk-endcard-related.pdk-endcard-secondary .related-item-title .title{
	font-size: 1.3em;
}



/* Resume Card */
.tpResumePlaybackCard.tpPlayerCard .tpResumePlaybackCardInner{
	width: 50%;
	margin: auto;
	top: 30%;
	left: 0;
	right: 0;
	display: block;
	position: absolute;
	background: #000;
	padding: 40px;
	font-size: 2em;
	border: 1px solid #333;
	font-family: "Univers Next", sans-serif!important;
}

.tpResumePlaybackCard.tpPlayerCard .tpMenuButtons {
  position: relative;
  margin-top: 25px;
  top: inherit;
}

.tpResumePlaybackCard.tpPlayerCard .tpMenuButtons .tpButton {
 /* border: 1px solid #333;*/
  margin: 0 5px;
}

.tpResumePlaybackCard.tpPlayerCard canvas{
	/*opacity: 0;*/
}

.tpResumePlaybackCard.tpPlayerCard .PlayerLabelFont.PlayerControlLabelFont {
  font-size: 18px;
  color: #fff;
}

.tpResumePlaybackCard.tpPlayerCard .tpResume .PlayerLabelFont.PlayerControlLabelFont{
	/*color:#cbbd71;*/
}

.tpResumePlaybackCard.tpPlayerCard .resume-buttons{

}

.tpResumePlaybackCard.tpPlayerCard .resume-buttons .restart,
.tpResumePlaybackCard.tpPlayerCard .resume-buttons .resume{
	padding: 8px 16px;
	margin: 0 6px;
	border: 1px solid #333;
	display: inline-block;
	margin-top: 20px;
	font-size: 22px;
}

.tpResumePlaybackCard.tpPlayerCard .resume-buttons .restart:hover,
.tpResumePlaybackCard.tpPlayerCard .resume-buttons .resume:hover{
	cursor: pointer;
	color: #fff;
	border-color: #fff;
}


@media all and (max-width: 1200px){

	.tpResumePlaybackCard.tpPlayerCard .tpResumePlaybackCardInner{
		top:12%;
		font-size: 1.8em;
		width: 60%;
	}

}


@media all and (max-width: 768px){
	.tpResumePlaybackCard.tpPlayerCard .tpResumePlaybackCardInner {
		width: 75%;
		top: 5%;
		padding: 20px;
		font-size: 1em;
	}
}




/* Responsive Code */

/* Portrait Phone */
@media (max-width: 480px) {
	.pdk-tablet-endcard .related-item .related-item-title a .title{
		font-size: 1.3em;
	}

	.pdk-tablet-endcard .related-item .related-item-title a .episode{
		font-size: 1.1em;
	}

	.pdk-endcard-container h3{
		padding: 0 10px;
	}
}

/* Landscape Phone */
@media (min-width: 481px) and (max-width: 767px) {}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
	.pdk-endcard-container .pdk-endcard-primary{
		width: 65%;
	}

	.pdk-endcard-container .pdk-endcard-secondary{
		width: 30%;
	}
}

/* Desktop */
@media (min-width: 1200px) {

}

/* Unique Endcard */

@media (max-width: 400px) {

	.pdk-phone-endcard{
		display: block;
	}

	.pdk-desktop-endcard,
	.pdk-tablet-endcard{
		display: none;
	}

	.platform-error ul{
		text-align: left;
		width: 100%;
		margin-left: 0%;
	}

}
@media (min-width: 401px) and (max-width: 680px) {

	.pdk-desktop-endcard,
	.pdk-phone-endcard{
		display: none;
	}

	.pdk-tablet-endcard{
		display: block;
	}

	.platform-error ul{
		text-align: left;
		width: 100%;
		margin-left: 0%;
	}

}
@media (min-width: 681px) {
	.pdk-tablet-endcard,
	.pdk-phone-endcard{
		display: none;
	}

	.pdk-desktop-endcard{
		display: block;
	}

}


/* END Responsive Code */


/* Animations */


@-webkit-keyframes opacity {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes opacity {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes opacity {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes opacity {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-o-keyframes opacity {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes opacity {
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
#loading-dots span {
  -webkit-animation-name: opacity;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: opacity;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: opacity;
  -ms-animation-duration: .5s;
  -ms-animation-iteration-count: infinite;
}
#loading-dots span:nth-child(2) {
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  -ms-animation-delay: 200ms;
  -o-animation-delay: 200ms;
  animation-delay: 200ms;
}
#loading-dots span:nth-child(3) {
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
  -ms-animation-delay: 300ms;
  -o-animation-delay: 300ms;
  animation-delay: 300ms;
}
