#overlayPendingSpinner {
    --cwplayer-spinner-container-rotation-duration: 1568ms;

    --cwplayer-spinner-expand-contract-duration: 1333ms;

    --cwplayer-spinner-full-cycle-duration: 5332ms;

    --cwplayer-spinner-cooldown-duration: 400ms;
}

#spinnerContainer {
    width: 100%;
    height: 100%;
    direction: ltr;
}

#spinnerContainer.active {
    -webkit-animation: container-rotate var(--cwplayer-spinner-container-rotation-duration) linear infinite;
    animation: container-rotate var(--cwplayer-spinner-container-rotation-duration) linear infinite;
}

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes container-rotate {
    to {
        transform: rotate(360deg)
    }
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    white-space: nowrap;
    color: var(--primary-color);
}


.active .spinner-layer {
    -webkit-animation-name: fill-unfill-rotate;
    -webkit-animation-duration: var(--cwplayer-spinner-full-cycle-duration);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-animation-iteration-count: infinite;
    animation-name: fill-unfill-rotate;
    animation-duration: var(--cwplayer-spinner-full-cycle-duration);
    animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
    animation-iteration-count: infinite;
    opacity: 1;
}

.active .spinner-layer.layer-1 {
    -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;
    animation-name: fill-unfill-rotate, layer-1-fade-in-out;
}

.active .spinner-layer.layer-2 {
    -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;
    animation-name: fill-unfill-rotate, layer-2-fade-in-out;
}

.active .spinner-layer.layer-3 {
    -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;
    animation-name: fill-unfill-rotate, layer-3-fade-in-out;
}

.active .spinner-layer.layer-4 {
    -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out;
    animation-name: fill-unfill-rotate, layer-4-fade-in-out;
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg)
    }

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

    37.5% {
        -webkit-transform: rotate(405deg)
    }

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

    62.5% {
        -webkit-transform: rotate(675deg)
    }

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

    87.5% {
        -webkit-transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(1080deg)
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }

    25% {
        transform: rotate(270deg)
    }

    37.5% {
        transform: rotate(405deg)
    }

    50% {
        transform: rotate(540deg)
    }

    62.5% {
        transform: rotate(675deg)
    }

    75% {
        transform: rotate(810deg)
    }

    87.5% {
        transform: rotate(945deg)
    }

    to {
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes layer-1-fade-in-out {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    89% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes layer-1-fade-in-out {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    26% {
        opacity: 0
    }

    89% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes layer-2-fade-in-out {
    0% {
        opacity: 0
    }

    15% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes layer-2-fade-in-out {
    0% {
        opacity: 0
    }

    15% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    51% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes layer-3-fade-in-out {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    76% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes layer-3-fade-in-out {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    76% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes layer-4-fade-in-out {
    0% {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes layer-4-fade-in-out {
    0% {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.spinner-layer::after {
    left: 45%;
    width: 10%;
    border-top-style: solid;
}

.spinner-layer::after,
.circle-clipper::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    border-width: var(--cwplayer-spinner-stroke-width, 3px);
    border-radius: 50%;
}

.circle-clipper::after {
    bottom: 0;
    width: 200%;
    border-style: solid;
    border-bottom-color: transparent !important;
}

.circle-clipper.left::after {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg);
}

.circle-clipper.right::after {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg);
}

.active .gap-patch::after,
.active .circle-clipper::after {
    -webkit-animation-duration: var(--cwplayer-spinner-expand-contract-duration);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-animation-iteration-count: infinite;
    animation-duration: var(--cwplayer-spinner-expand-contract-duration);
    animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
    animation-iteration-count: infinite;
}

.active .circle-clipper.left::after {
    -webkit-animation-name: left-spin;
    animation-name: left-spin;
}

.active .circle-clipper.right::after {
    -webkit-animation-name: right-spin;
    animation-name: right-spin;
}

@-webkit-keyframes left-spin {
    0% {
        -webkit-transform: rotate(130deg)
    }

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

    to {
        -webkit-transform: rotate(130deg)
    }
}

@keyframes left-spin {
    0% {
        transform: rotate(130deg)
    }

    50% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(130deg)
    }
}

@-webkit-keyframes right-spin {
    0% {
        -webkit-transform: rotate(-130deg)
    }

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

    to {
        -webkit-transform: rotate(-130deg)
    }
}

@keyframes right-spin {
    0% {
        transform: rotate(-130deg)
    }

    50% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(-130deg)
    }
}

#spinnerContainer.cooldown {
    -webkit-animation: container-rotate var(--cwplayer-spinner-container-rotation-duration) linear infinite, fade-out var(--cwplayer-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1);
    animation: container-rotate var(--cwplayer-spinner-container-rotation-duration) linear infinite, fade-out var(--cwplayer-spinner-cooldown-duration) cubic-bezier(0.4, 0.0, 0.2, 1);
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}


/*! CSS Frontcard */

#frontcardContainer {
    --primary-color: #ff4500;
    --hover-color: #cc3600;
    --secondary-color: #ff4500;
}

.cw-icon-1{color: var(--primary-color); display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;vertical-align:middle;fill:currentcolor;stroke:none;width:100%;height:100%;}
.cw-icon-0{color: var(--primary-color); display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;vertical-align:middle;fill:currentcolor;stroke:none;width:24px;height:24px;}

.cw-button-0{display:block;position:relative;}
.cw-button-0{color: var(--primary-color); display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;min-width:5.14em;margin:0 .29em;background:0 0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;font:inherit;text-transform:uppercase;outline-width:0;border-radius:3px;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:0;padding:.7em .57em;font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;}

.cw-button-0[animated]{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);}
.cw-icon-button-0{display:inline-block;position:relative;padding:8px;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;z-index:0;line-height:1;width:40px;height:40px;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;box-sizing:border-box!important;}
.cwplayer-progress-0{display:block;width:200px;position:relative;overflow:hidden;}
.cwplayer-progress-0 #progressContainer.cwplayer-progress{;position:relative;}
.cwplayer-progress-0 #progressContainer.cwplayer-progress{height:.45rem;}
.cwplayer-progress-0 #primaryProgress.cwplayer-progress,.cwplayer-progress-0 #secondaryProgress.cwplayer-progress{position:absolute;top:0;right:0;bottom:0;left:0;}
.cwplayer-progress-0 #progressContainer.cwplayer-progress{background:#e0e0e0;}
.cwplayer-progress-0 #primaryProgress.cwplayer-progress,.cwplayer-progress-0 #secondaryProgress.cwplayer-progress{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:scaleX(0);transform:scaleX(0);will-change:transform;}
.cwplayer-progress-0 #primaryProgress.cwplayer-progress{background:var(--primary-color);}
.cwplayer-progress-0 #secondaryProgress.cwplayer-progress{background:var(--secondary-color);}
#vdoc{display:block;background-color:#000;opacity:0.7;}
#overlayControlsPages{display:block;}
.cwplayer-spinner-0{display:inline-block;position:relative;width:10vw;height:10vw;min-height:8rem;min-width:8rem;}
.cwplayer-spinner-0 #spinnerContainer{width:100%;height:100%;direction:ltr;}
.cwplayer-spinner-0 .spinner-layer{position:absolute;width:100%;height:100%;white-space:nowrap;}
.cwplayer-spinner-0 .layer-1x,
.cwplayer-spinner-0 .layer-2x,
.cwplayer-spinner-0 .layer-3x,
.cwplayer-spinner-0 .layer-4x{
    border-color:var(--primary-color);
}
.cwplayer-spinner-0 .circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;}
.cwplayer-spinner-0 .spinner-layer::after{left:45%;width:10%;border-top-style:solid;}
.cwplayer-spinner-0 .circle-clipper::after,.cwplayer-spinner-0 .spinner-layer::after{content:'';box-sizing:border-box;position:absolute;top:0;border-width:1em;border-color:inherit;border-radius:50%;}
.cwplayer-spinner-0 .circle-clipper::after{bottom:0;width:200%;border-style:solid;border-bottom-color:transparent!important;}
.cwplayer-spinner-0 .circle-clipper.left::after{left:0;border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg);}
.cwplayer-spinner-0 .circle-clipper.right::after{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg);}
.layout.horizontal.cw-player,.layout.vertical.cw-player{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.layout.horizontal.cw-player{-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;}
.layout.vertical.cw-player{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.layout.center.cw-player{-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.layout.center-justified.cw-player{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.flex.cw-player{-ms-flex:1 1 0px;-webkit-flex:1;flex:1;-webkit-flex-basis:0px;flex-basis:0px;}
.layout.center.cw-player{-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.layout.center-justified.cw-player{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.flex.cw-player{-ms-flex:1 1 0px;-webkit-flex:1;flex:1;-webkit-flex-basis:0px;flex-basis:0px;}
.fit.cw-player{position:absolute;top:0;right:0;bottom:0;left:0;}

#frontcardContainer {
    background-color: #000;
    opacity: 1;
}
#frontcardContainer.hidden {
    display: none;
}

#frontcardContainer.cw-player .cw-icon.cw-player{
    min-width:5rem;min-height:5rem;width:5vw;height:5vw;
}
#frontcardContainer.cw-player #resumePlaybackProgress{margin-top:.75rem;width:25vw;min-width:12rem;}
#playbackControlsPage.cw-player{cursor:pointer;visibility:visible;}
cw-player #frontcardContainer.cw-player{opacity:1;visibility:visible;-webkit-transition:opacity 75ms,visibility 0s;transition:opacity 75ms,visibility 0s;}
#overlayPendingSpinnerContainer.cw-player,#overlayPlaybackButtonContainer.cw-player{opacity:0;-webkit-transition:opacity 75ms;transition:opacity 75ms;}
cw-player #mobilePlayButton.cw-player:focus,cw-player #restartPlaybackButton.cw-player:focus,cw-player #resumePlaybackButton.cw-player:focus{outline:0;}
cw-player.paused #overlayPlaybackButtonContainer.cw-player{opacity:1;-webkit-transition:opacity 150ms;transition:opacity 150ms;}

#overlayPlaybackButton.cw-player{width:12vw;height:12vw;min-height:8rem;min-width:8rem;}
#overlayPendingSpinner.cw-player{width:10vw;height:10vw;min-height:8rem;min-width:8rem;}

@media print{
*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important;}
}

svg:not(:root){overflow:hidden;}

#jw-player {
    position: absolute;
    top: 0;
}
#jw-player:focus,
#jw-player:focus:target,
#jw-player {
    outline: none !important;
}
#frontcardContainer {
    width: 100%;
    height: 100%;
}
#frontcardContainer .cwplayer-progress-0 #primaryProgress.cwplayer-progress,
#frontcardContainer cw-icon-button.cw-player{color:var(--primary-color);}
#frontcardContainer #overlayPlaybackButton:hover{color:#bdbdbd !important;}

#frontcardContainer #resumePlaybackProgress #primaryProgress.cwplayer-progress{background-color:var(--primary-color);}
#mobileStartControlsPage {
    display: none;
}

#frontcardContainer #playbackControlsPage,
#frontcardContainer #adPausedPage,
#frontcardContainer #resumePlaybackControlsPage {opacity: 0; visibility: hidden;}

#adPausedContainer {
    width: 100%;
    height: 100%;
    background-color: #000;
}
#adPausedContainer iframe {
    border: none;
    overflow: hidden;
}
#adPausedContainer p {
    position: absolute;
    width: 80%;
    margin: 0 8% 2% 8%;
    font-size: 2vw;
    line-height: 90%;
    bottom: 0;
    padding: 2%;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    cursor: pointer;
}

#frontcardContainer.display-playbtn #playbackControlsPage,
#frontcardContainer.display-playbtn #overlayPlaybackButtonContainer {
    opacity: 1.0;
    visibility: visible;
}
#frontcardContainer.loading #playbackControlsPage,
#frontcardContainer.loading #overlayPendingSpinnerContainer.cw-player {
    opacity: 1.0;
    visibility: visible;
}
#frontcardContainer.resume #resumePlaybackControlsPage {
    opacity: 1.0;
    visibility: visible;
}
#frontcardContainer.adPaused #adPausedPage {
    opacity: 1.0;
    visibility: visible;
}

#frontcardContainer #overlayPlaybackButton .cw-icon-1:hover,
#frontcardContainer #resumePlaybackButton:hover,
#frontcardContainer #resumePlaybackButton .cw-icon-0:hover,
#frontcardContainer #restartPlaybackButton:hover,
#frontcardContainer #restartPlaybackButton .cw-icon-0:hover {
     color: var(--hover-color) !important;
}


#frontcardContainer.loading,
#frontcardContainer.resume,
#frontcardContainer.display-playbtn {
    visibility: visible;
    z-index: 80;
}

#frontcardContainer:not(.hidden) + #cw-player .vjs-big-play-button {
    display: none !important;
}

#videocontainer,
#videocontainerwrap {
    position: relative;
}
#endcardContainer {
    position: absolute;
    top: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
}
#endcardContainer.hidden {
    display: none;
}
#endcardRecommendations {
    display: none;
    position: absolute;
    bottom: 0;
    height: 32%;
    width: 100%;
    z-index: 92;
}
#endcardRecommendations ul {
    height: 100%;
    width: 100%;
}

#videocontainer.endcard #cw-player {
    width: 25% !important;
    height: 25% !important;
    top: auto !important;
    bottom: 4.3%;
    left: 2%;
    position: absolute;
    z-index: 92;
}

#videocontainer.endcard #endcardRecommendations {
    display: block;
    overflow: hidden;
}

#endcardOverlay {
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: transparent url(/images/endcard-grad.png) 0 0 repeat-x;
}

#videocontainer.endcard iframe#player {
    width: 25% !important;
    height: 25% !important;
    left: 2%;
    top: auto;
    bottom: 4.3%;
    position: absolute;
    z-index: 92;
}

#endcardRecommendations ul {
    top: 0;
    left: 0;
    background: transparent url(/images/bg-000-50.png) 0 0;
    width: 98%;
    height: 89%;
    padding: 1%;
    margin: 0;
    z-index: 99;
}
#endcardRecommendations ul li {
    width: 100%;
    height: 100%;
}
#endcardRecommendations ul li div.endwrap {
    background-color: #000;
    padding: 0;
    position: relative;
    overflow: hidden;
}
#endcardRecommendations ul li a {
    color: #ccc;
    text-decoration: none;
    display: block;
}
#endcardRecommendations ul li a img {
    display: block;
}
#endcardRecommendations ul li h4 {
    height: 20px;
    line-height: 15px;
    margin: 0 !important;
    padding: 0 !important;
    color: #ddd;
    font-size: 13px;
    font-weight: 100;
    text-align: left;
}
#endcardRecommendations ul li a div.r-over {
    margin: 0;
    padding: 0;
    background: transparent url(/images/reco-thumb-gradient.png) no-repeat left bottom;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#endcardRecommendations ul li a div.r-over div {
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
    width: 98%;
}
#endcardRecommendations ul li a p {
    margin: 0;
    padding: 0;
    font-size: 10px;
}
#endcardRecommendations ul li a p.t {
    font-size: 11px;
}
#endcardRecommendations div.endwrap img {
    width: 100%;
    height: auto;
}
#endcardRecommendations ul li {
    width: 22%;
    float: left;
    margin-left: 2%;
    position: relative;
}
#endcardRecommendations ul li#video_squeezeback {
    margin-top: 0%;
    margin-left: 1%;
    width: 26.2%;
    height: 94%;
}

#endcardRecommendations ul li#video_squeezeback_unused {
    -webkit-box-shadow: 5px 5px 55px 15px rgba(0,0,0,1);
    -moz-box-shadow: 5px 5px 55px 15px rgba(0,0,0,1);
    box-shadow: 5px 5px 55px 15px rgba(0,0,0,1);
}
#endcardRecommendations ul li.pad {
    width: 20.5%;
}

#playVideoWrap {
    text-align: center;
    padding: 3%;
    width: 94%;
}
#nextVideo {
    display: none;
    position: relative;
    text-align: center;
    padding: 2%;
    width: 96%;
}
#videocontainer.endcard #nextVideo {
    display: block;
}


#nextVideo div#next,
#nextVideo div#nextinfo {
    display: inline-block;
    color: #fff;
}
#nextVideo div#next {
    vertical-align: top;
    padding-right: 20px;
    line-height: 74px;
}
#nextVideo div#nextinfo {
    border-left: 1px solid #fff;
    padding-left: 20px;
}
#nextVideo h5,
#nextVideo h6,
#nextVideo a {
    display: block;
    color: #fff;
    margin: 5px 0;
    padding: 0;
    text-decoration: none;
}
#nextVideo h5, h6 {
    text-align: left;
}
#nextVideo h5 {
    font-size: 34px;
}
#nextVideo h6 {
    font-size: 16px;
    font-family: 'Gibson', Arial, sans-serif; font-weight: normal; font-style: normal;
}
#nextVideo .countdown {
    padding: 20px 0 10px 0;
    overflow: hidden;
}
body.w480 #nextVideo .countdown,
.single-row #nextVideo .countdown  {
    padding: 0;
}

#nextVideo .countdown div {
    margin: 36px auto;
    text-transform: uppercase;
    display: table;
}
#nextVideo .countdown div span {
    line-height: 16px;
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;

    font-family: 'Gibson', Arial, sans-serif; font-weight: normal; font-style: normal;
}

#videocontainer.movie #nextVideo .countdown div {
    visibility: hidden;
}

.single-row #nextVideo .countdown div span,
.single-row-mini #nextVideo .countdown div span {
    line-height: 0px;
}
#nextVideo .countdown span.secs {
    font-size: 66px;
}
.single-row-mini #nextVideo .countdown span.secs {
    font-size: 50px;
}
#nextVideo .countdown.lower {
    display: none;
    padding-top: 33%;
}

#nextVideo a.countdownToggle {
    border: 1px solid var(--primary-color);
    padding: 3px 7px;
    margin: 0 0 4px 0;
    background-color: #111;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
}
#nextVideo a.countdownToggle:hover {
    color: #aaa;
}


#endcardContainer .playNextButton {
    top: 0;
    display: block;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

#endcardContainer .playNextButton {
    display: block;
    max-height: 120px;
    max-width: 120px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    opacity: 0.8;
    cursor: pointer;
}

#endcardContainer .playNextButton:hover {
    opacity: 1.0;
    border: none;
}

#timer {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
#timer circle  {
    stroke-dashoffset: 0;
    stroke: var(--primary-color);
    stroke-width: 6px;
}
#timer #bar {
    stroke: var(--color-cw-hot-sauce);
}


#squeezebackOverlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 95;
    background: none;
    background-size: cover;
}

#squeezebackOverlay:hover {
    background: transparent url(/images/squeezeback-overlay-expand.png) no-repeat center center;
    background-size: cover;
    cursor: pointer;
}

.timerCircle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-bottom: 100%;
    vertical-align: middle;
}

#timerSvg {
    transform: rotate(-90deg);
}
#timerSvg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: #cccccc;
  stroke-width: 0.4em;
}
#timerSvg #bar {
  stroke: var(--color-cw-hot-sauce);
}

#endcardContainer.single-row,
#endcardContainer.single-row * {
    font-family: 'Rajdhani', sans-serif;
    line-height: normal;
    border: 0 none;
}

#endcardContainer.single-row h5.ellipsis {
    font-weight: 700;
}

#endcardContainer.single-row h6.ellipsis,
#endcardContainer.single-row .countdownSecs span {
    font-family: 'Gibson', Arial, sans-serif;
}

#endcardContainer.single-row #countdownDetails {
    min-height: clamp(180px, 35vw, 220px);
}

#endcardContainer.single-row #countdownDetails .countdown {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#endcardContainer.single-row #countdownDetails .countdown .countdownSecs {
    margin: 36px auto;
    display: table;
}

#endcardContainer.single-row #countdownDetails .countdown .countdownSecs span {
    line-height: 16px;
    padding: 0 5px;
}

#endcardContainer.single-row #countdownDetails .countdown .countdownSecs .secs {
    font-size: 66px;
}

#endcardContainer.single-row #playNext {
    width: clamp(260px, 48vw, 295px);
    min-height: 148px;
}

#endcardContainer.single-row #playNext .playNextButton.next {
    margin: 0 auto;
}

#endcardContainer.single-row #playNext .progress-play {
    display: inline-block;
}

#endcardContainer.single-row a.countdownToggle {
    width: auto;
    height: auto;
    line-height: 16px;
}

#nextVideo .countdown.upper {
    width: 100%;
    height: 2px;
    float: left;
}
#playNext {
    width: 100%;
    float: right;
}
.single-row #nextDetails,
.single-row #countdownDetails {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}


body.w980 #endcardContainer .playNextButton,
body.w768 #endcardContainer .playNextButton {
    height: 80px;
    width: 80px;
}
body.w980 #nextVideo .countdown,
body.w768 #nextVideo .countdown {
    padding: 1% 0 0 0;
}
body.w980 #nextVideo a.countdownToggle,
body.w768 #nextVideo a.countdownToggle {
    margin: 0;
}

body.w768 .countdown,
body.w480 .countdown {
    display: inline-block;
    width: 48%;
}

body.w480 #nextDetails {
    display: inline-block;
    width: 48%;
}

body.w768 .playNextButton,
body.w480 .playNextButton {
    display: inline-block;
}
body.w768 #endcardRecommendations,
body.w480 #endcardRecommendations,
body.wSmall #endcardRecommendations {
    height: 32%;
}
body.w768 #endcardRecommendations ul li,
body.w480 #endcardRecommendations ul li,
body.wSmall #endcardRecommendations ul li {
    width: 28%;
}
body.w768 #endcardRecommendations ul li.pad,
body.w480 #endcardRecommendations ul li.pad,
body.wSmall #endcardRecommendations ul li.pad {
    width: 8%;
}
body.w480 #shl, body.w480 #shc, body.w480 #shr,
body.wSmall #shl, body.wSmall #shc, body.wSmall #shr,
body.w480 #playerbottom #video-title,
body.wSmall #playerbottom #video-title {
    width: 100%;
}
body.w480 #catchup,
body.wSmall #catchup {
    line-height: 1.2em;
}

body.w480 #catchupvideos h3.sh,
body.wSmall #catchupvideos h3.sh {
    line-height: 1.2em;
}
body.w480 #nextDetails,
body.wSmall #nextDetails,
body.w480 #countdownDetails,
body.wSmall #countdownDetails {
    width: 49%;
}
body.w480 #nextVideo div#next,
body.wSmall #nextVideo div#next {
    padding-right: 1%;
    width: 10%;
    line-height: 94px;
}
body.w480 #nextVideo div#nextinfo,
body.wSmall #nextVideo div#nextinfo {
    padding-left: 2%;
    margin-top: 4px;
    width: 82%;
    height: 70px;
    overflow: hidden;
}
body.w480 #nextVideo div#nextinfo h5,
body.wSmall #nextVideo div#nextinfo h5 {
    font-size: 25px;
}
body.w768 #nextVideo .countdown span.secs {
    font-size: 52px;
}
body.w768 #nextVideo .countdown div {
    margin: 4%   auto;
}
body.w480 #nextVideo .countdown span.secs,
body.wSmall #nextVideo .countdown span.secs {
    font-size: 45px;
}
body.w480  #nextVideo,
body.w480 #nextVideo .countdown,
body.wSmall  #nextVideo,
body.wSmall #nextVideo .countdown {
    top: 0%;
}
body.w480 #nextVideo .countdown div,
body.wSmall #nextVideo .countdown div {
    margin: 12px auto 18px auto;
}
body.w480 .playNextButton,
body.wSmall .playNextButton {
}
body.w480 .playNextButton.next,
body.wSmall .playNextButton.next {
    display: block;
    float: right;
    margin: 0px 82px 0 0;
}
body.wSmall .playNextButton {
}
body.wSmall .playNextButton.next {
    margin: 10px auto;
    float: left;
}
body.wSmall  #nextVideo {
    height: 180px;
}

body.wSmall #endcardRecommendations ul li {
    display: none !important;
}
body.wSmall #endcardRecommendations ul li#videoplayer_padding {
    display: block !important;
    width: 100%;
}
body.wSmall #nextVideo div#next {
    padding-right: 0;
    width: 100%;
    line-height: 19px;
}
body.wSmall #nextVideo div#nextinfo {
    padding: 0 4%;
    margin-top: 0;
    width: 96%;
    border: none;
}
body.wSmall #nextVideo .countdown {
    width: 76%;
    display: inline-block;
    float: left;
}
/*
mobile
*/

body.xxw480 #videocontainer.endcard #nextDetails,
body.xxw480 #videocontainer.endcard #countdownDetails,
body.xxwSmall #videocontainer.endcard #nextDetails,
body.xxwSmall #videocontainer.endcard #countdownDetails {
    width: 48%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
body.xxw480 #videocontainer.endcard #nextDetails,
body.xxwSmall #videocontainer.endcard #nextDetails {
    padding-left: 2%;
}

body.w480 #videocontainer.endcard #nextVideo,
body.wSmall #videocontainer.endcard #nextVideo {
    width: 100%;
    xxxpadding: 2% 0 0 0;
}

body.w480 #videocontainer.endcard #nextVideo div#next,
body.wSmall #videocontainer.endcard #nextVideo div#next {
    text-align: left;
    width: 100%;
    line-height: 20px;
}

body.w480 #videocontainer.endcard #nextVideo div#nextinfo,
body.wSmall #videocontainer.endcard #nextVideo div#nextinfo {
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
}

body.w480 #nextVideo div#nextinfo h5 {
    font-size: 22px;
}
body.wSmall #nextVideo div#nextinfo h5 {
    font-size: 20px;
}
body.wSmall #nextVideo h6 {
    font-size: 13px;
}

body.wSmall #nextVideo .countdown div span {
    font-size: 12px;
}
body.wSmall #nextVideo .countdown span.secs {
    font-size: 38px;
}

body.w480 #nextVideo div#nextinfo .ellipsis,
body.wSmall #nextVideo div#nextinfo .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.w480 #nextVideo .countdown,
body.wSmall #nextVideo .countdown,
body.w480 #nextVideo #playNext,
body.wSmall #nextVideo #playNext {
    width: 100%;
}
body.w480 #nextVideo #playNext {
    padding: 0;
}
body.wSmall #nextVideo #playNext {
    padding: 0;
}

body.w480 #endcardRecommendations,
body.wSmall #endcardRecommendations {
    height: 48%;
}

body.w480 .playNextButton,
body.wSmall .playNextButton {
    width: 60px;
    height: 60px;
}

body.w480 #videocontainer.endcard #endcardRecommendations ul li,
body.wSmall #videocontainer.endcard #endcardRecommendations ul li {
    display: none;
}
body.w480 #videocontainer.endcard #endcardRecommendations ul li#video_squeezeback,
body.wSmall #videocontainer.endcard #endcardRecommendations ul li#video_squeezeback {
    display: list-item !important;
    width: 50% !important;
    height: 110% !important;
}
body.w480 #videocontainer.endcard iframe#player,
body.wSmall #videocontainer.endcard iframe#player {
    width: 45% !important;
    height: 45% !important;
    top: auto;
    bottom: 0;
}

body.w480 #endcardRecommendations ul,
body.wSmall #endcardRecommendations ul {
    height: 95%;
}

body.w480 #endcardContainer .playNextButton,
body.wSmall #endcardContainer .playNextButton {
    xxxwidth: 80px;
    xxxheight: 80px;
    xxxbackground-size: contain;
    float: none;
}
body.wSmall #endcardContainer .playNextButton {
    width: 60px;
    height: 60px;
}

body.w480 #nextVideo .countdown.upper,
body.wSmall #nextVideo .countdown.upper {
    display: none;
}

body.w480 #nextVideo .countdown.lower,
body.wSmall #nextVideo .countdown.lower {
    padding-top: 18%;
}
body.w480 #nextVideo .countdown.lower {
    padding-top: 20%;
}