@font-face{font-family:'OpenSansLight';src:local(Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif");src:url(../_fonts/opensans/OpenSans-Light.ttf) format("truetype");font-display:swap}@font-face{font-family:'OpenSansRegular';src:local(Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif");src:url(../_fonts/opensans/OpenSans-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:'OpenSansMedium';src:local(Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif");src:url(../_fonts/opensans/OpenSans-Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:'OpenSansSemiBold';src:local(Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif");src:url(../_fonts/opensans/OpenSans-SemiBold.ttf) format("truetype");font-display:swap}@font-face{font-family:'OpenSansBold';src:local(Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif");src:url(../_fonts/opensans/OpenSans-Bold.ttf) format("truetype");font-display:swap}#hero-video{background-image:linear-gradient(180deg, #1754a5, #0e3263);position:relative;margin-top:100px}@media (min-width: 992px){#hero-video{margin-top:0}}#hero-video .hero-video{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;overflow:hidden;margin:0 auto;z-index:9}#hero-video .hero-video video{display:block;object-fit:cover;object-position:center;width:100%}#hero-strip{padding-top:0;padding-bottom:0;margin-top:-1rem;z-index:9;display:none}@media (min-width: 768px){#hero-strip{display:flex}}@media (min-width: 1200px){#hero-strip{margin-top:-3rem}}#hero-strip .hero-strip-button{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:all 0.3s ease-in-out;z-index:10}#hero-strip .hero-strip-button .hero-strip-button-radius{position:absolute;width:25%;height:25%;background-color:#fff;border-radius:15rem;border:0.2rem solid transparent;transition:all 0.3s linear;box-shadow:none}#hero-strip .hero-strip-button h3{margin-bottom:0;text-align:center;font-family:'OpenSansRegular', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";color:#1754a5;font-size:1.6rem;transition:all 0.3s linear;z-index:9}@media (min-width: 768px){#hero-strip .hero-strip-button h3{font-size:1.8rem}}@media (min-width: 1200px){#hero-strip .hero-strip-button h3{font-size:2rem}}#hero-strip .hero-strip-button h3 span{color:#fab500}#hero-strip .hero-strip-button .hero-strip-button-description{position:relative;overflow:hidden;transition:all 0.2s linear;display:none}@media (min-width: 1200px){#hero-strip .hero-strip-button .hero-strip-button-description{display:flex}}#hero-strip .hero-strip-button p{margin-bottom:0;text-align:center;font-family:'OpenSansLight', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";opacity:0;transition:all 0.2s linear;z-index:9;position:relative;bottom:-100%;transition-delay:0.2s;font-size:0.9rem}#hero-strip .hero-strip-button:hover{margin-top:-2.5rem}@media (min-width: 1200px){#hero-strip .hero-strip-button:hover{margin-top:-5rem}}#hero-strip .hero-strip-button:hover .hero-strip-button-radius{width:100%;height:100%;background-color:#fff;border-color:#ced4da;box-shadow:0 0 0.6rem rgba(1,2,3,0.5)}#hero-strip .hero-strip-button:hover h3{margin-bottom:0;margin-top:0;color:#0e3263}@media (min-width: 1200px){#hero-strip .hero-strip-button:hover h3{margin-bottom:1rem;margin-top:-2rem}}#hero-strip .hero-strip-button:hover p{bottom:0;opacity:1}#introduction{margin-top:0;background:linear-gradient(0deg, #eaf4fc, #fff);position:relative;z-index:8}@media (min-width: 768px){#introduction{margin-top:-2rem}}#introduction h2{text-transform:uppercase;font-family:'OpenSansRegular', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";border-bottom:1px solid #fab500;padding-bottom:1rem;margin-bottom:1rem;font-size:1.4rem;display:inline-block}@media (min-width: 576px){#introduction h2{font-size:1rem}}@media (min-width: 768px){#introduction h2{font-size:1.2rem}}@media (min-width: 1200px){#introduction h2{font-size:1.4rem}}#introduction p{font-family:'OpenSansLight', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";font-size:1rem}@media (min-width: 576px){#introduction p{font-size:1.4rem}}@media (min-width: 768px){#introduction p{font-size:1.6rem}}@media (min-width: 1200px){#introduction p{font-size:1.8rem}}#introduction p span{font-family:'OpenSansBold', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";text-transform:uppercase}#introduction .btn{width:100%;position:relative}#introduction .btn span{position:relative}#introduction .btn:hover span{-webkit-animation:0.5s next-bounce 0s linear infinite;animation:0.5s next-bounce 0s linear infinite}#introduction .introduction-copy{padding-bottom:4rem;position:relative;z-index:6}@media (min-width: 576px){#introduction .introduction-copy{padding-bottom:6rem}}#introduction .circle-cutout{width:95%;left:10%;z-index:5}@media (min-width: 576px){#introduction .circle-cutout{width:50%;left:15%;z-index:5}}#introduction .circle-cutout.active{-webkit-animation:10s circle-animation-homepage-introduction 0s linear infinite;animation:10s circle-animation-homepage-introduction 0s linear infinite}#events{padding-top:0;padding-bottom:0;position:relative;background-color:#c6dcf0;background:linear-gradient(0deg, #c6dcf0, #eaf4fc)}#events img{width:100%}#events .events-hong-kong{position:relative;z-index:8}#events .events-copy{position:absolute;top:0;left:0;width:100%;height:50%;z-index:7;opacity:0;transition:all 0.4s ease-out;transition-delay:0.4s}#events .events-copy.active{opacity:1}#events .events-cutout{position:absolute;bottom:0;left:0;width:100%;height:10rem}#focus-areas{margin-top:4rem;position:relative;z-index:8;overflow:hidden}@media (min-width: 576px){#focus-areas{margin-top:-4rem}}#focus-areas .container{position:relative;z-index:6}#focus-areas .focus-areas-margin{margin-bottom:2.8rem}#focus-areas h2{font-family:'OpenSansRegular', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";font-size:2rem;text-align:center;text-transform:uppercase;margin-bottom:2rem;color:#2b2b2b}@media (min-width: 576px){#focus-areas h2{font-size:2.8rem}}@media (min-width: 768px){#focus-areas h2{font-size:3.2rem}}@media (min-width: 1200px){#focus-areas h2{font-size:3.6rem}}#focus-areas h2 span{font-family:'OpenSansBold', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";text-transform:uppercase}#focus-areas h3{font-family:'OpenSansLight', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";font-size:1rem;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:#2b2b2b}@media (min-width: 768px){#focus-areas h3{font-size:1.2rem}}@media (min-width: 1200px){#focus-areas h3{font-size:1.4rem}}#focus-areas p{text-align:center;color:#2b2b2b}#focus-areas p:last-of-type{margin-bottom:2rem}#focus-areas #focus-areas-containers{margin-top:2rem}#focus-areas #focus-areas-containers .focus-areas-container{border-radius:1rem;position:relative;z-index:6;display:block;height:100%}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-absolute{position:absolute;top:0;left:0;width:100%;height:100%}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-image{z-index:6}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-image img{border-radius:1rem}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-cutout{position:absolute;top:10%;left:-2rem;width:4rem;height:4rem;background-color:#fff;border-radius:2rem;z-index:8;transition:all 0.3s linear;display:none;justify-content:center;align-items:center;color:#a5aaae;font-size:1.6rem}@media (min-width: 576px){#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-cutout{display:flex}}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-gradient{background:linear-gradient(180deg, rgba(0,0,0,0.75) 15%, transparent 60%);border-radius:1rem}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-solid{border-radius:1rem;transition:all 0.2s linear;z-index:7}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-copy-container{border-radius:1rem;z-index:9;display:flex;position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;justify-content:flex-start;align-items:center;transition:all 0.3s linear;padding:2rem}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-copy-container h4{color:#fff;font-size:1.2rem;text-transform:uppercase;text-align:center;margin-bottom:1rem;width:100%}@media (min-width: 576px){#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-copy-container h4{font-size:1.5rem}}@media (min-width: 992px){#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-copy-container h4{font-size:2rem}}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-copy-container .focus-areas-copy-description{position:relative;overflow:hidden;transition:all 0.3s linear;width:80%;display:none}@media (min-width: 576px){#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-copy-container .focus-areas-copy-description{display:flex}}#focus-areas #focus-areas-containers .focus-areas-container .focus-areas-copy-container p{color:#fff;text-align:center;font-family:'OpenSansLight', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";opacity:0;transition:all 0.3s linear;z-index:9;position:relative;bottom:-100%}#focus-areas #focus-areas-containers .focus-areas-container .divider{margin-bottom:1rem}#focus-areas #focus-areas-containers .focus-areas-container .divider .divider-line{width:100%;max-width:200px;border-bottom:0.3rem solid #fab500;transition:all 0.3s linear}#focus-areas #focus-areas-containers .focus-areas-container:hover .focus-areas-cutout{transform:rotate(180deg);width:5rem;height:5rem;top:20%;left:-2.5rem;border-radius:2.5rem}@media (min-width: 576px){#focus-areas #focus-areas-containers .focus-areas-container:hover .focus-areas-copy-container{top:20%}}#focus-areas #focus-areas-containers .focus-areas-container:hover .focus-areas-copy-container p{bottom:0;opacity:1}#focus-areas #focus-areas-containers .focus-areas-container:hover .divider-line{max-width:300px}#focus-areas #focus-areas-containers #focus-areas-mining-portfolio .focus-areas-solid{opacity:0;background-color:#1754a5;background:linear-gradient(135deg, #124384, #4576b7)}#focus-areas #focus-areas-containers #focus-areas-mining-portfolio:hover .focus-areas-solid{opacity:1}#focus-areas #focus-areas-containers #focus-areas-partnered-events .focus-areas-solid{opacity:0;background-color:#1754a5;background:linear-gradient(225deg, #0e3263, #1754a5)}#focus-areas #focus-areas-containers #focus-areas-partnered-events:hover .focus-areas-solid{opacity:1}#focus-areas #focus-areas-containers #focus-areas-legends-in-mining .focus-areas-solid{opacity:0;background-color:#1754a5;background:linear-gradient(225deg, #7498c9, #1754a5)}#focus-areas #focus-areas-containers #focus-areas-legends-in-mining:hover .focus-areas-solid{opacity:1}#focus-areas #focus-areas-containers #focus-areas-mining-beacon .focus-areas-solid{opacity:0;background-color:#1754a5;background:linear-gradient(135deg, #4576b7, #124384)}#focus-areas #focus-areas-containers #focus-areas-mining-beacon:hover .focus-areas-solid{opacity:1}#focus-areas .circle-cutout{width:95%;top:7%;right:-5%;z-index:5}@media (min-width: 576px){#focus-areas .circle-cutout{width:50%;top:10%;right:-15%;z-index:5}}#focus-areas .circle-cutout.active{-webkit-animation:12s circle-animation-homepage-focus-areas 0s linear infinite;animation:12s circle-animation-homepage-focus-areas 0s linear infinite}
