/* --------------- Module full width video signpost Start ------------------ */
.full-width-video-signpost .thumbnail-image { position:relative;max-width:100%; margin:0 auto;transition:all 0.5s ease-in-out;}
.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: var(--white);}
.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;    color: var(--grey);    font-size: 48px;    background: transparent;    box-shadow: none;    margin-top: 8px;    background-image: url('~/media/Images/a/anglo-american-group-v9//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-v9//Universal/modules/video-module/overlayplay-red.svg');    background-size: 100% 100%;    width: 63px;    height: 61px;    background-position: 0 0;}
.thumb-content:hover span.icon-play-icn {color:var(--red);}
.thumb-content span.icon-play-icn:before{content:none;}
.thumb-content span.icon-play-icn:after {    content:none;    width: 85px;    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; overflow:hidden;position: relative; max-width:100%;    min-height: 600px;}
.full-width-video-signpost .angloVideoContainer.brightcove { min-height: 300px;}
.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.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;}
.full-width-video-signpost .thumbnail-image *, .full-width-video-signpost .angloVideoContainer.brightcove .inv_playerContainer *{	transition: all 0.5s ease-in-out;}

button#cboxClose:focus {    outline: 1px dotted var(--red-2);}

@media only screen and (max-width:1366px){
.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;}
}

@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-size: 1.4rem;    line-height: 1.7rem;}
span.thumb-title { 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%;}
.full-width-video-signpost .angloVideoContainer.inv_FullScreen_Other {max-width:100%; height: 100vh;}
.thumb-content {left: 15px;bottom: 18px;}
span.thumb-title { 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 .angloVideoContainer.brightcove { min-height: 100px;}

}

@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;}
}
/* --------------- Module full width video signpost End ------------------ */