@-webkit-keyframes blinker {
50% {opacity:0.8; -webkit-transform:scale(0.9); transform:scale(0.9)}
}

@keyframes blinker {
50% {opacity:0.8; -webkit-transform:scale(0.9); transform:scale(0.9)}
}

@-webkit-keyframes wave {
0% {opacity:1; -webkit-transform:scale(0.8); transform:scale(0.8)}
70% {opacity:0.8}
100% {opacity:0; -webkit-transform:scale(1.1); transform:scale(1.1)}
}

@keyframes wave {
0% {opacity:1; -webkit-transform:scale(0.8); transform:scale(0.8)}
70% {opacity:0.8}
100% {opacity:0; -webkit-transform:scale(1.1); transform:scale(1.1)}
}

.infographic-scroller {position:relative; overflow:hidden; overflow-x:auto;}
.infographic-scroller .inforgraphic-container {position:relative; height:478px; white-space:nowrap; list-style:none; padding:0; margin:0}
.inforgraphic-container .infographic-image {width:4430px; height:100%; background:no-repeat left center;}
.inforgraphic-container .inforgraphic-hotspots-wrap {position:absolute; width:4430px; height:100%; top:0; left:0;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot {position:relative; display:inline-block; vertical-align:top; height:100%; top:0px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico {cursor:pointer; position:relative;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico:before {content:""; position:absolute; background:var(--white); width:64px; height:64px; -webkit-animation:wave 1.6s ease-in infinite; animation:wave 1.6s ease-in infinite; pointer-events:none; border-radius:50%; margin-top:-2px; margin-left:-2px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico a {width:64px; height:64px; border-radius:50%; background:url(/~/media/Images/a/anglo-american-group-v9/Universal/modules/graduate-journey/hot-spot-default.svg) no-repeat center center; display:inline-block; -webkit-animation:blinker linear infinite; animation:blinker linear infinite; animation-duration:1.3s; position:relative; z-index:1; background-size:100%; font-size:0;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico:hover a {background:url(/~/media/Images/a/anglo-american-group-v9/Universal/modules/graduate-journey/hot-spot-hover.svg) no-repeat center center; background-size:100%;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.active .hotspot-ico:hover a {background:url(/~/media/Images/a/anglo-american-group-v9//Universal/modules/graduate-journey/hot-spot-active-hover.svg) no-repeat center center; background-size:100%;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.active .hotspot-ico a {background:url(/~/media/Images/a/anglo-american-group-v9/Universal/modules/graduate-journey/hot-spot-active.svg) no-repeat center center; background-size:100%;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info {position:absolute; top:0px; background-color:rgba(255,255,255,0.9); padding:20px; border:1px solid #AFCDFC; width:290px; white-space:normal; border-radius:9px; z-index:9; text-align:center; display:none;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info h2 {font-size:1.4rem; font-weight:700; margin-bottom:5px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info p {font-size:1.4rem; line-height:normal; margin-bottom:5px; color:#000;font-family: var(--font-main);}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs1 {left:75px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs2 {left:545px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs3 {left:845px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs4 {left:1335px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs5 {left:2230px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs6 {left:2660px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs7 {left:3045px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs8 {left:3480px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs1 .hotspot-ico {top:205px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs2 .hotspot-ico {top:320px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs3 .hotspot-ico {top:345px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs4 .hotspot-ico {top:315px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs5 .hotspot-ico {top:365px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs6 .hotspot-ico {top:275px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs7 .hotspot-ico {top:290px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs8 .hotspot-ico {top:300px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs1 .hotspot-info {width:290px; Left:-20px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs2 .hotspot-info {width:290px; Left:-110px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs3 .hotspot-info {width:300px; Left:-130px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs4 .hotspot-info {width:345px; Left:-35px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs5 .hotspot-info {width:310px; Left:-110px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs6 .hotspot-info {width:435px; Left:-95px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs7 .hotspot-info {width:315px; Left:125px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs8 .hotspot-info {width:315px; Left:110px;}
.inforgraphic-container .mCSB_scrollTools {max-width:500px; margin:0 auto}
.inforgraphic-container .mCSB_scrollTools, .inforgraphic-container .mCSB_dragger {cursor:url(info-cursor-ico.cur), url(info-cursor-ico.cur), auto}
.mobile-info-wrap {display:none; margin:0}
.mobile-info-wrap {width:calc(100% - 44px); min-height:170px; position:absolute; top:0; left:0; right:0; margin:0 auto; margin-bottom:-120px; z-index:9; background:var(--white); padding:32px 18px; border:2px solid #E60000; font-size:15px; line-height:24px; max-width:480px; border-radius:5px; display:none}
.mobile-info-wrap .spot-title {color:#222; margin-bottom:5px}
.mobile-info-wrap .spot-desc {color:#333; margin-bottom:0}
.mobile-info-wrap.active {display:block}
.mobile-info-wrap {background-color:rgba(255,255,255,0.9); padding:20px; border:1px solid #AFCDFC; width:290px; white-space:normal; border-radius:9px; z-index:9; text-align:center;}
.mobile-info-wrap p {font-size:1.3rem; line-height:1.4; margin-bottom:5px;}
section#module-graduate-journey .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {border-radius:9px !important;}
section#module-graduate-journey .mCSB_dragger_bar {background:#031794; position:absolute; top:-1px; left:-1px; right:7px;}
section#module-graduate-journey .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {background:var(--white); border:1px solid var(--main-blue); box-shadow:none;}
section#module-graduate-journey .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {bottom:0; height:16px; box-shadow:none; margin:0 auto;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info.active {display:block;}
section#module-graduate-journey .mCSB_scrollTools {max-width:calc(100% - 44px); margin:0 auto}

@media only screen and (min-width: 768px) {
section#module-graduate-journey .mCSB_scrollTools {max-width:500px;}
section#module-graduate-journey .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {max-width:258px;}
.mobile-info-wrap {display:none !important; margin:0;}
}

@media all and (min-width:768px) and (max-width:991px) {
.infographic-scroller .inforgraphic-container {height:281px;}
.inforgraphic-container .infographic-image {background-size:contain;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico a {width:40px; height:40px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico:before {width:40px; height:40px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info p {font-size:1.2rem; line-height:1.2;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info {padding:15px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs1 .hotspot-ico {top:124px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs2 .hotspot-ico {top:178px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs3 .hotspot-ico {top:207px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs4 .hotspot-ico {top:180px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs5 .hotspot-ico {top:216px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs6 .hotspot-ico {top:163px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs7 .hotspot-ico {top:163px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs8 .hotspot-ico {top:174px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs1 {left:45px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs2 {left:320px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs3 {left:488px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs4 {left:770px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs5 {left:1292px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs6 {left:1550px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs7 {left:1764px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs8 {left:2022px;}
.inforgraphic-container .infographic-image, .inforgraphic-container .inforgraphic-hotspots-wrap {width:2605px;}
}

@media only screen and (max-width:767px) {
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico a {width:30px; height:30px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-ico:before {width:30px; height:30px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info {padding:15px;}
.infographic-scroller .inforgraphic-container {height:281px; margin-top:35px;}
.inforgraphic-container .infographic-image {background-size:contain;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs1 .hotspot-ico {top:124px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs2 .hotspot-ico {top:178px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs3 .hotspot-ico {top:207px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs4 .hotspot-ico {top:180px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs5 .hotspot-ico {top:216px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs6 .hotspot-ico {top:163px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs7 .hotspot-ico {top:163px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs8 .hotspot-ico {top:174px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs1 {left:45px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs2 {left:324px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs3 {left:513px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs4 {left:798px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs5 {left:1331px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs6 {left:1604px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs7 {left:1828px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot.hs8 {left:2102px;}
.inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info {opacity:0; visibility:hidden;}
.inforgraphic-container .infographic-image, .inforgraphic-container .inforgraphic-hotspots-wrap {width:2605px;}
}

.nojs .inforgraphic-container .inforgraphic-hotspots-wrap .hotspot .hotspot-info{    display: block;}
.infographic-container .mobile-info-wrap p strong{font-family: var(--font-main);}