.hero-inner-banner.no-banner-img { background: #F6F8FB;} .hero-inner-banner.no-banner-img .banner-content .inner-banner-text p { color: #1E7CFF; font-weight: 400; font-size: 21px; line-height: 27px;} .bannerMainLandingWrapper{height: 851px !important; display: flex; align-items: center;position: relative;transform: translateY(-200px); } .landing-new-page-banner a.link-btn:hover span { color: red; right: -35px !important;} .landing-new-page-banner a.link-btn span.icon-play-icn { font-size: 1.8rem; top: calc(50% - 9px); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color: #031794; right: -30px;} .landing-new-page-banner a.link-btn span.icon-play-icn:before{background: linear-gradient(173.46deg, #FFFFFF -116.53%, #F6F8FB 75.57%);box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF;border-radius:50%;} .landing-new-page-banner a.link-btn span.icon-play-icn:after {content: ''; width: 24px; height: 24px; background:url(~/media/Images/a/anglo-american-group-v9//Universal/modules/video-module/outer-oval.svg); z-index: -1; position: absolute; border-radius: 50%; right: calc(50% - 12px); top: calc(50% - 12px); background-repeat: no-repeat; background-position: center; /* border: 1px solid rgba(151, 151, 151, 0.0551792);*/ 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;} .landing-new-page-banner a.link-btn.heroBannerTrack:hover{ color: #1AEBDD !important;} .landing-new-page-banner a.link-btn.heroBannerTrack:hover span.icon-play-icn{ color: #1AEBDD !important;} .landing-new-page-banner a.link-btn.heroBannerTrack { z-index: 1; padding: 0; font-weight: 600; font-size: 1.6rem; line-height: 35px;} .landing-new-page-banner a.prevres-videolink:before{display:none;} .landing-new-page-banner .banner-bg{display: block; background-position: top; position: absolute; height: 100%; -moz-background-size: cover !important; -webkit-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat !important; width: 100%;} .landing-new-page-banner .banner-intro-text { color: #FFFFFF; z-index: 1; font-weight: 400; font-size: 21px; line-height: 30px; max-width: 545px; font-family: "AASmartSans"; margin: 30px 0 38px;} .landing-new-page-banner.banner-small-title .banner-title { color: #fff; text-transform: initial; margin: 0; font-style: normal; font-weight: 100; font-size: 5.2rem; line-height: 6.2rem; margin-left: 0; font-family:'AASmartSansHead'; z-index:9;} .landing-new-page-banner .banner-title { color: #fff; text-transform: initial; margin: 0; font-style: normal; font-weight: 100; font-size: 7.2rem; line-height: 8.6rem; margin-left: 0; font-family:'AASmartSansHead'; z-index:9;} .landing-new-page-banner .banner-overlay, .ip3-hero-banners .banner-overlay { position: absolute; bottom: 0; width: 100%; height: 100%; z-index: 1; background:linear-gradient(89.5deg, rgba(23, 32, 88, 0.5) 28.57%, rgba(23, 32, 88, 0.01) 63.76%); box-shadow:inset 0px 1px 3px rgba(255, 255, 255, 0.334544);} .landing-new-page-banner.hero-slider .hero-banner[data-slick-index="0"] .banner-overlay{ background:linear-gradient(89.5deg, rgba(23, 32, 88, 0.5) 28.57%, rgba(23, 32, 88, 0.01) 63.76%) !important;} .landing-new-page-banner .hero-slider { float: left; height: 651px; overflow: hidden; width: 100%; position: relative;} .landing-new-page-banner .slider-nav-thumbnails{ position: absolute; bottom: 0; width: 100%; height: 200px; margin: 0;} .landing-new-page-banner .slider-nav-thumbnails.slick-initialized.slick-slider:after{ content: ""; width: 100%; height: 200px; background-image: url(/~/media/Images/a/anglo-american-group-v9//PLC/hero-banners/white-curve.svg); position: absolute; bottom: 0 !important; background-repeat: no-repeat; background-size: cover; z-index: 1; background-position: inherit; pointer-events: none;} .landing-new-page-banner .slick-initialized .slick-slide{ width: 100vw !important;} .landing-new-page-banner.hero-slider.slick-initialized.slick-slider{ top: -200px; z-index: 0; min-height: 651px; max-height:651px; margin-bottom: -0px; display: block !important; width: 100%; height: 100%;} .landing-new-page-banner.hero-slider .inv_videoStillArea{border-radius: 0;} .landing-new-page-banner-wrap{max-width:1200px; margin: 0 auto;} .landing-new-page-banner-wrap .landing-new-page-banner{ position: absolute; z-index: 1; padding-left: 15px; padding-top: 0px; top: 50%; transform: translateY(calc(-50% - 155px)) translateX(-50%); left: 50%; width: 100%; max-width:1200px;} .landing-new-page-banner .hero-banner{min-height: 651px;height: 651px !important;} .landing-new-page-banner.hero-slider .angloVideoContainer .inv_videoArea video { width: 100%; height: auto;} .landing-new-page-banner .angloVideoContainer .inv_videoStillArea img{object-fit: cover; object-position: top;} .landing-new-page-banner.hero-slider .angloVideoContainer .inv_videoReady .inv_videoStillArea img, .landing-new-page-banner.hero-slider .angloVideoContainer .inv_videoReady .inv_videoStillArea, .landing-new-page-banner .hero-banner .angloVideoContainer .inv_videoReady .inv_videoArea{border-radius: 0;} @media only screen and (max-width:1365.99px){ body.has-gradient-below-banner .landing-new-page-banner-style .gradient-below-banner img{margin-top:-47%;} } @media only screen and (max-width:1024px){ .landing-new-page-banner.hero-slider .angloVideoContainer .inv_videoArea video {width: auto;height: auto;} .breadcrumb.cmnStyle.without-banner-img h1.inner-heading.h1-large {font-size: 4.8rem !important;line-height: 58px !important;} .breadcrumb.cmnStyle.without-banner-img .banner-content .inner-banner-text p {font-weight: 400;font-size: 2.1rem;line-height: 27px;color: #1E7CFF;display: block;} .landing-new-page-banner .banner-intro-text{margin: 20px 0 28px; font-size: 21px;line-height: 27px;} } @media only screen and (max-width:1919px){ .landing-page-new-banner .angloVideoContainer .inv_videoMainContainer_inner {padding-bottom:0 !important;} } @media screen and (max-width: 1024px) and (min-width: 992px){ .landing-new-page-banner .banner-bg .angloVideoContainer { display: block; } .landing-new-page-banner .slider-nav-thumbnails {margin-top: -320px;} .landing-new-page-banner .hero-slider {height: 768px;} } @media only screen and (max-width: 1189px){ .landing-new-page-banner.hero-slider.slick-initialized.slick-slider{height:100%;} .landing-new-page-banner .slider-nav-thumbnails.slick-initialized.slick-slider:after{background-size:100%;} .landing-new-page-banner .hero-banner{min-height: 651px; height: 100% !important;} body.has-gradient-below-banner .landing-new-page-banner-style .gradient-below-banner img { margin-top: -57%; } } @media only screen and (max-width: 991px){ .landing-new-page-banner .hero-banner, .landing-new-page-banner.hero-slider.slick-initialized.slick-slider{min-height:347px; max-height:347px;} .landing-new-page-banner.hero-slider.slick-initialized.slick-slider {top:-64px;margin-bottom:0;} .landing-new-page-banner .slider-nav-thumbnails.slick-initialized.slick-slider:after {bottom:-158px !important;} .landing-new-page-banner .angloVideoContainer .inv_videoStillArea img{object-fit: cover; object-position: top;} body.has-gradient-below-banner .landing-new-page-banner-style .gradient-below-banner img { margin-top: -13%; } .landing-new-page-banner-wrap .landing-new-page-banner { top: calc(50% - 60px); transform: translateY(-50%); left: 79px; width: auto; } .bannerMainLandingWrapper.storyBanner .landing-new-page-banner {top: -64px;} .bannerMainLandingWrapper.storyBanner {height: auto !important;} } @media screen and (min-width: 768px) and (max-width: 992.98px){ .breadcrumb.cmnStyle.without-banner-img .share-box .share-options.opened ul {transform: translateX(5px) !important;} .without-banner-img.breadcrumb.cmnStyle .share-options ul li:first-child {margin-left: 40px !important;} body.ip3-quarterly-production-reporting .without-banner-img.breadcrumb.cmnStyle .share-options ul li:first-child{margin-left:0 !important;} section.breadcrumb.cmnStyle.without-banner-img h1.inner-heading.h1-large {font-size: 32px !important;line-height: 38px !important;margin-bottom: 20px;} .breadcrumb.cmnStyle.without-banner-img .banner-content .inner-banner-text p {color: #1E7CFF;font-weight: 400;font-size: 18px;line-height: 30px;} .landing-new-page-banner #banner-anglo-american258 {height: 768px !important;} .storySliderInnerWrapperSlider .storySliderInnerWrapper .contentWrapper{min-height:109px} .hero-slider .hero-banner[data-slick-index="0"] .banner-bg.zoom-animation-1::before {content: "";background-image:none;width: 100vw;height: 100%;position: fixed;top: 0;left: 0;background-repeat: no-repeat;background-size: 110%;background-position: 100% 110%;} .landing-new-page-banner .slider-nav-thumbnails {margin-top: -60px;} /* .slider-nav-thumbnails {margin-top: -60px;} */ .landing-new-page-banner .banner-bg .angloVideoContainer { display:block ; } .landing-new-page-banner .banner-title{font-size:4.8rem; line-height:5.8rem;} .bannerMainLandingWrapper {height: auto !important;display: flex;align-items: baseline;transform: none;min-height: 347px;} } @media screen and (max-width: 767.98px){ .slider-nav-thumbnails {margin-top: -218px!important;display: block;} .landing-new-page-banner .banner-bg .angloVideoContainer { display:block ; } .landing-new-page-banner-wrap .landing-new-page-banner{padding-left:0; padding-top:0;} .landing-new-page-banner.hero-slider {height: 400px;display: block;top: 0;} .landing-new-page-banner section.hero-slider.slick-initialized.slick-slider {top: -70px;} .landing-new-page-banner .slider-nav-thumbnails {margin-top: -218px!important;display: block;} .landing-new-page-banner .banner-title { font-weight: 300;font-size: 3.2rem;line-height: 38px;margin-left: 15px;margin-top: 0px; margin-top:138px;} .landing-new-page-banner a.link-btn.heroBannerTrack {margin-bottom: 87px;left: 15px;} .landing-new-page-banner .angloVideoContainer .inv_playerContainer {height: 400px !important;min-height: 400px !important;} .landing-new-page-banner .banner-intro-text {font-weight: 400;font-size: 21px;line-height: 30px;color: #fff;z-index: 1;margin-left: 15px;font-weight: 400;font-size: 1.8rem;line-height: 30px;max-width: 290px;margin-top: 20px;} .landing-new-page-banner.hero-slider, .landing-new-page-banner .slider-nav-thumbnails {display: block !important;} .landing-new-page-banner .slider-nav-thumbnails.slick-initialized.slick-slider {margin-top: 0 !important;position:relative;} .landing-new-page-banner.hero-slider.slick-initialized.slick-slider, .landing-new-pa{min-height:399px;} .landing-new-page-banner .hero-banner {min-height:399px;} .landing-new-page-banner .hero-banner, .landing-new-page-banner.hero-slider.slick-initialized.slick-slider{max-height:399px;} .landing-new-page-banner .slider-nav-thumbnails.slick-initialized.slick-slider:after {bottom: 19px !important;} .bannerMainLandingWrapper:not(.storyBanner) .landing-new-page-banner.hero-slider.slick-initialized.slick-slider{top:0px;} .bannerMainLandingWrapper {height:400px !important;display: flex;align-items: center; transform: translateY(-79px);} .landing-new-page-banner-style .landing-new-page-banner-wrap .landing-new-page-banner { top: 50%; transform: translateY(-50%); left: 0; } body.has-gradient-below-banner .landing-new-page-banner-style .gradient-below-banner img { margin-top: -114px; } } #cboxLoadedContent > div { display: flex; height: 100%;} @media screen and (max-width: 767px){ .bannerMainLandingWrapper.storyBanner .landing-new-page-banner::after {height:50px !important; } } @media screen and (min-width: 992px){ .bannerMainLandingWrapper.storyBanner .landing-new-page-banner {top: -150px;} .bannerMainLandingWrapper.storyBanner {height: 440px !important;} } .bannerMainLandingWrapper.storyBanner .landing-new-page-banner {position:relative;} .bannerMainLandingWrapper.storyBanner .landing-new-page-banner::after {position: absolute; bottom: 0px; background-image: url('/~/media/Images/A/Anglo-American-Group-v9/Universal/modules/banner/curve_bg.png'); background-repeat: no-repeat; width: 100%; height: 100px; background-size: cover; z-index: 999;content:" ";display:block;} .bannerMainLandingWrapper.storyBanner {transform: none;background: #f6f8fb;} section.storyBanner .inner-heading { margin-top: 8px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(76.53deg, #031794 5.41%, var(--main-blue) 51.08%, #031794 75.44%, #031794 109.72%); font-weight: 600; margin-top: 27.5px; margin: 0; font-size: 5.2rem; line-height: 5.6rem; } @media screen and (max-width: 767px) { section.storyBanner .inner-heading { font-weight: 300; font-size: 3.2rem; line-height: 3.8rem; margin-bottom: 20px; } } @media screen and (min-device-width: 768px) and (max-device-width: 1024px) { section.storyBanner .inner-headingg { font-size: 4.8rem; line-height: 58px; margin: 8px 0 20px 0; z-index: 99; } } .bannerMainLandingWrapper.storyBanner .landing-new-page-banner.hero-slider .hero-banner[data-slick-index="0"] .banner-bg.zoom-animation-1::before { opacity: 1; z-index: 9; background: transparent; }