.full-width-video-signpost .thumbnail-image { position:relative;box-shadow: 8px 64px 64px rgba(0, 0, 0, 0.1), 8px 32px 32px rgba(3, 23, 148, 0.13), 0px 16px 16px rgba(0, 0, 0, ,0.1), 0px 8px 8px rgba(0, 0, 0, 0.5), 0px 4px 4px rgba(0, 0, 0,0.5), 0px 2px 2px rgba(0, 0, 0, 0.5), inset 0px 1px 3px rgba(255, 255, 255, 0.33);max-width:100%; margin:0 auto;
/*height:800px; */

}
.full-width-video-signpost .thumbnail-image img{height:100%;width: 100%;object-fit: cover;object-position: center;}
.thumbnail-overlay {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);
    top: 0;
    left: 0;
}

.thumb-content {
    position: absolute;
    z-index: 99;
    left: 146px;
    bottom: 58px;
    top: auto;
    right: auto;
    color: #fff;
}


/*.full-width-video-signpost .angloVideoContainer.brightcove .inv_playerContainer {display:none;} */

.full-width-video-signpost .angloVideoContainer.brightcove .inv_playerContainer{
	    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
    transition:all 0.5s ease-in-out;
}

.thumb-content span.icon-play-icn img{visibility:hidden;}
.thumb-content span.icon-play-icn{    float: left;
font-size: 0 !important;
    color: #4d4d4d;
    font-size: 48px;
    background: transparent;
    box-shadow: none;
    margin-top: 8px;
    background-image: url('~/media/Images/a/anglo-american-group-v5//Universal/modules/video-module/overlayplay-black.svg');
    background-size: 100% 100%;
    width: 63px;
    height: 61px;
    background-position:  0 0;
        background-repeat: no-repeat;
    }
.thumb-content span.icon-play-icn:hover{ background-image: url('~/media/Images/a/anglo-american-group-v5//Universal/modules/video-module/overlayplay-red.svg');    background-size: 100% 100%;
    width: 63px;
    height: 61px;
    background-position: 0 0;}
/*
.thumb-content span.icon-play-icn:hover{color:#fe0001;box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), inset 1px 1px 2px rgba(0, 0, 0, 0.181736), inset 2px 1px 1px #FFFFFF;}
*/
.thumb-content:hover span.icon-play-icn {color:#fe0001;}
.thumb-content span.icon-play-icn:before{content:none;}
.thumb-content span.icon-play-icn:after {
    content:none;
    width: 85px;
    height: 80px;
    /*background:  url(~/media/Images/a/anglo-american-group-v5//Universal/modules/video-module/oval-63.svg) ;*/
    
    z-index: -1;
    position: absolute;
    border-radius: 50%;
   left: -22px;
    top: -11px;
 	background-repeat: no-repeat;
    background-position: center;
}

span.thumb-title {
    font-weight: 400;
    font-size: 3.2rem;
    line-height: 3.8rem;
    float:left;
    max-width:366px;
    margin-right:33px;
    margin-left:71px;
}
span.thumb-intro {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 3.0rem;
    float:left;
    max-width:532px;
}
.full-width-video-signpost .angloVideoContainer {
     margin: 0 auto;
    /*max-height:800px; */
}

/*
@keyframes content-opacity {
  0%   {opacity: 1;}
  50%  {opacity: 0;}
}

@keyframes content-bottom {
  0%   {bottom: 11%;}
  50%  {bottom: 60%;}
}
.thumbnail-image{
transition: all 0.4s ease-in-out;
transition: all 0.4s linear;
display:block;
}
.imageanimated{
    animation-name: content-opacity;
    animation-duration: 5s;
}
.overlayanimated{
    animation-name: content-opacity;
    animation-duration: 4s;
}
.contentanimated{
    animation-name: content-bottom;
    animation-duration: 4s;
}*/





.full-width-video-signpost .angloVideoContainer{overflow:hidden;position: relative;}
.full-width-video-signpost .toggleAnimStart{
	opacity: 0;
    pointer-events: none;
    transition:all 0.5s linear;
    transition-property: opacity;
  transition-duration: 5s;
  transition-delay: 2s;
     
}
.full-width-video-signpost  .animStart{
opacity: 1 !important;
    pointer-events: all !important;
    transition:all 0.5s linear;
}
.full-width-video-signpost .thumbnail-image{
	transition:all 0.5s ease-in-out;
}
.full-width-video-signpost  .thumbnail-image.toggleAnimStart .thumbnail-overlay{
	   opacity:0;    
       transition:all 0.5s linear;
    transition-property: opacity;
  transition-duration: 4s;
  transition-delay: 2s;
 
}
.full-width-video-signpost  .thumbnail-image.toggleAnimStart .thumb-content{
	   transform: translateY(-300%);
       transition:all 0.5s linear;
 
}

@media only screen and (max-width:1366px){
.thumb-content span.icon-play-icn img{visibility:hidden;}
.full-width-video-signpost .thumbnail-image {max-width:100%;/*height:427px;*/}
.full-width-video-signpost .angloVideoContainer {max-width:100%;/*height:427px;*/}
.thumb-content {left: 41px;bottom: 45px;}
span.thumb-title {
    max-width: 194px;
    margin-right: 30px;
    margin-left: 30px;
}
span.thumb-intro {
    float: left;
    max-width: 384px;
}
.thumb-content span.icon-play-icn, .thumb-content span.icon-play-icn:hover{background-size:cover;}
.thumb-content span.icon-play-icn, .full-width-video-signpost .thumb-content a, .full-width-video-signpost .thumb-content a:hover{width: 44px !important;height: 44px !important;}
.thumb-content span.icon-play-icn:hover{width: 44px !important;height: 44px !important;}
/*.thumb-content span.icon-play-icn:after {
     left: -28px;
    top: -18px;
    background-size: 70px;
    width: 44px !important;
    height: 44px !important;
}
*/
/*.full-width-video-signpost .toggleAnimStart .thumb-content span.icon-play-icn, .full-width-video-signpost .animStart .thumb-content span.icon-play-icn{width: 44px !important;height: 44px !important;}*/
}
@media only screen and (min-width:1024px) and (max-width:1366px){
span.thumb-title {max-width: 25%;}
span.thumb-intro {max-width:38%;}
}
@media only screen and (max-width:1024px){
span.thumb-intro {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7rem;

}
span.thumb-title {
    font-weight: 400;
    font-size: 2.0rem;
    line-height: 2.8rem;
   
}
}


@media only screen and (max-width:767px){
.full-width-video-signpost .angloVideoContainer.brightcove .inv_playerContainer.inv_FullScreen{
    opacity: 1;
    pointer-events: all;
}

.thumb-content span.icon-play-icn {width:32px; height:32px; margin-top:3px;}
.full-width-video-signpost .thumbnail-image {max-width:100%;/*height:178px;*/}
.full-width-video-signpost .angloVideoContainer.inv_FullScreen_Other {max-width:100%;/*height:178px;*/    height: 100vh;}
.thumb-content {left: 15px;bottom: 18px;}
span.thumb-title {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.9rem;
    max-width: 194px;
    margin-left: 17px;
    margin-right:0;
}
span.thumb-intro {
    display:none;
}
.thumb-content span.icon-play-icn {font-size:2.4rem;}
.thumb-content span.icon-play-icn:after {
   left: -32px;
    top: -22px;
    background-size: 45px;
}
}



.full-width-video-signpost .thumbnail-image *, .full-width-video-signpost .angloVideoContainer.brightcove .inv_playerContainer *{
	transition: all 0.5s ease-in-out;
}


@media screen and (min-width:1440px){
  .thumb-content{
    max-width: 1200px;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    width: 1200px;
  }
  .full-width-video-signpost .thumbnail-image.toggleAnimStart .thumb-content {
    transform: translateY(-300%) translateX(-50%);
    transition: all 0.5s linear;
    left: 50%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px){
.thumb-content span.icon-play-icn, .thumb-content span.icon-play-icn:hover {
    width: 44px !important;
    height: 44px !important;
    background-size:cover;
}

 .full-width-video-signpost .thumb-content a,  .full-width-video-signpost .thumb-content a:hover{width: 44px !important;height: 44px !important;}

    
    
}


button#cboxClose:focus {
    outline: 1px dotted #fe0000;
}