@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------------------- */
/* --------------- Quick colours ------------------------- */
/* ------------------------------------------------------- */

.c3_text_yellow { color: #ffb600 !important; }
.c3_box_yellow { background-color: #ffb600 !important; }
.c3_fill_yellow { fill: #ffb600 !important; }
.c3_stroke_yellow { stroke: #ffb600 !important; }
.c3_border_yellow { border-color: #ffb600 !important; }

.c3_text_tangerine { color: #eb8c00 !important; }
.c3_box_tangerine { background-color: #eb8c00 !important; }
.c3_fill_tangerine { fill: #eb8c00 !important; }
.c3_stroke_tangerine { stroke: #eb8c00 !important; }
.c3_border_tangerine { border-color: #eb8c00 !important; }

.c3_text_orange { color: #d04a02 !important; }
.c3_box_orange { background-color: #d04a02 !important; }
.c3_fill_orange { fill: #d04a02 !important; }
.c3_stroke_orange { stroke: #d04a02 !important; }
.c3_border_orange { border-color: #d04a02 !important; }

.c3_text_rose { color: #D93954 !important; }
.c3_box_rose { background-color: #D93954 !important; }
.c3_fill_rose { fill: #D93954 !important; }
.c3_stroke_rose { stroke: #D93954 !important; }
.c3_border_rose { border-color: #D93954 !important; }

.c3_text_red { color: #e0301e !important; }
.c3_box_red { background-color: #e0301e !important; }
.c3_fill_red { fill: #e0301e !important; }
.c3_stroke_red { stroke: #e0301e !important; }
.c3_border_red { border-color: #e0301e !important; }

.c3_text_lightgrey { color: #dedede !important; }
.c3_box_lightgrey { background-color: #dedede !important; }
.c3_fill_lightgrey { fill: #dedede !important; }
.c3_stroke_lightgrey { stroke: #dedede !important; }
.c3_border_lightgrey { border-color: #dedede !important; }

.c3_text_grey { color: #7d7d7d !important; }
.c3_box_grey { background-color: #7d7d7d !important; }
.c3_fill_grey { fill: #7d7d7d !important; }
.c3_stroke_grey { stroke: #7d7d7d !important; }
.c3_border_grey { border-color: #7d7d7d !important; }

.c3_text_mediumgrey { color: #464646 !important; }
.c3_box_mediumgrey { background-color: #464646 !important; }
.c3_fill_mediumgrey { fill: #464646 !important; }
.c3_stroke_mediumgrey { stroke: #464646 !important; }
.c3_border_mediumgrey { border-color: #464646 !important; }

.c3_text_darkgrey { color: #2d2d2d !important; }
.c3_box_darkgrey { background-color: #2d2d2d !important; }
.c3_fill_darkgrey { fill: #2d2d2d !important; }
.c3_stroke_darkgrey { stroke: #2d2d2d !important; }
.c3_border_darkgrey { border-color: #2d2d2d !important; }

.c3_text_black { color: #000000 !important; }
.c3_box_black { background-color: #000000 !important; }
.c3_fill_black { fill: #000000 !important; }
.c3_stroke_black { stroke: #000000 !important; }
.c3_border_black { border-color: #000000 !important; }

.c3_text_white { color: #FFFFFF !important; }
.c3_box_white { background-color: #FFFFFF !important; }
.c3_fill_white { fill: #FFFFFF !important; }
.c3_stroke_white { stroke: #FFFFFF !important; }
.c3_border_white { border-color: #FFFFFF !important; }

/* ------------------------------------------------------- */
/* ---------------------- Tables ------------------------- */
/* ------------------------------------------------------- */


/* ------------------------------------------------------- */
/* --------------- Outer Structures ---------------------- */
/* ------------------------------------------------------- */

html, body {
   -webkit-overflow-scrolling: touch; 
}

html:not(.aem-AuthorLayer-Edit) div#c3_headercontainer {
    display: block;
    z-index: 2;
    width: 100%;
    margin: auto;
    height: 3000px;
    /*background-image: url(/content/dam/pwc/gx/en/issues/artificial-intelligence/job-barometer/c3-drop-arrow.gif);*/
    background-repeat: repeat-y;
    background-position: center bottom 650px;
    margin-bottom: 70px;
    background-size: 175px;
}

@media only screen and (max-width: 800px) {
    html:not(.aem-AuthorLayer-Edit) div#c3_headercontainer {
        height: auto;
        margin-bottom: 0px;
    }
}

div#c3_headercontainer header {
    position: sticky;
    top: 0;
    background-color: #d04a02;
    z-index: 2;
}


html:not(.aem-AuthorLayer-Edit) div#c3_headercontainer img.c3_bouncingarrow {
    position: sticky;
    top: 80vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

@media only screen and (max-width: 800px) {
    html:not(.aem-AuthorLayer-Edit) div#c3_headercontainer img.c3_bouncingarrow {
        display: none;
    }
}

div#c3_headercontainer header div.c3_video_container {
    display: block;
    width: 100%;
    height: calc(100vh - 258px);
    transition: all 1.5s ease;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
div#c3_headercontainer header div.c3_video_container.c3_show_hero {
    width: 50%;
    height: 614px;
}

@media only screen and (max-width: 800px) {
    div#c3_headercontainer header div.c3_video_container.c3_show_hero {
        width: 45%;
        height: 250px;
    }
}

div#c3_headercontainer header div.c3_video_container video {
    position: absolute;
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div#c3_headercontainer header div.c3_video_container div.c3_stats_container {
    display: flex;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    padding: 50px;
    padding-top: 30px;
    background-color: rgba(0,0,0,0.80);
    transition: all 1.5s ease;
}

@media only screen and (max-height: 750px) {
    div#c3_headercontainer header div.c3_video_container div.c3_stats_container {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    div#c3_headercontainer header div.c3_video_container div.c3_stats_container {
       padding: 15px;
        padding-bottom: 89px;
    }
}

div#c3_headercontainer header div.c3_video_container.c3_show_hero div.c3_stats_container {
    bottom: -614px;
}

div#c3_headercontainer header div.c3_video_container div.c3_stats_container p {
    display: block;
    width: 33.3%;
    color: #ffffff;
    font-size: 20px;
    line-height: 22px;
    padding: 20px;
    position: relative;
    transition: all 1.5s ease;
}

@media only screen and (max-width: 1200px) {
    div#c3_headercontainer header div.c3_video_container div.c3_stats_container p {
        font-size: 1.5vw;
        line-height: 2.1vw;
    }
}


@media only screen and (max-width: 800px) {
    div#c3_headercontainer header div.c3_video_container div.c3_stats_container p {
        padding: 5px;
        font-size: 3.5vw;
        line-height: 5.7vw;
    }
}

div#c3_headercontainer header div.c3_video_container.c3_show_hero div.c3_stats_container p {
    font-size: 0.75vw;
    line-height: 1.05vw;
}

div#c3_headercontainer header div.c3_video_container div.c3_stats_container p::before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 20px;
    height: 2px;
    background-color: #ffffff;
    width: 15%;
}

@media only screen and (max-width: 800px) {
    div#c3_headercontainer header div.c3_video_container div.c3_stats_container p::before {
        left: 5px;
    }
}

div#c3_headercontainer header div.c3_video_container div.c3_stats_container p strong {
        font-size: 54px;
        font-weight: 200;
        display: block;
        line-height: 60px;
        margin-bottom: 15px;
        transition: all 1.5s ease;
    }

@media only screen and (max-width: 1200px) {
    div#c3_headercontainer header div.c3_video_container div.c3_stats_container p strong {
        font-size: 4.6vw;
        line-height: 5vw;
    }
}

@media only screen and (max-width: 800px) {
    div#c3_headercontainer header div.c3_video_container div.c3_stats_container p strong {
        font-size: 5vw;
        line-height: 7vw;
    }
}

div#c3_headercontainer header div.c3_video_container.c3_show_hero div.c3_stats_container p strong {
    font-size: 2.3vw;
    line-height: 2.5vw;
}


div#c3_headercontainer div.sectionpar {
    z-index: 2;
    position: relative;
}

@media only screen and (max-width: 991px) {
    div#c3_headercontainer div.sectionpar {
        position: absolute;
        bottom: 0px;
        padding-top: 0px;
        left: 0%;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
    }
    
    div#c3_headercontainer .hero-card__secondary {
        padding-top: 15px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    div#c3_headercontainer .hero-card-wrapper .hero-card {
        margin-bottom: 0px;   
    }
}

@media only screen and (max-width: 800px) {
    div#c3_headercontainer div.sectionpar {
        position: relative;   
    }
    
    div#c3_headercontainer .hero-card__secondary {
        padding-bottom: 30px;
    }
}

span.c3_hero_card {
    display: block;
    position: absolute;
    width: 50%;
    left: 50%;
    padding: 74px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -25px;
    max-width: 670px;
}

@media only screen and (max-width: 800px) {
    span.c3_hero_card {
        width: auto;
        left: 45%;
        padding: 20px;
        transform: translateY(-60%);
    }
}

span.c3_hero_card h1 {
    color: #ffffff;
    font-size: 65px;
    line-height: 75px;
    margin-top: 0px;
}

@media only screen and (max-width: 800px) {
    span.c3_hero_card h1 {
        font-size: 30px;
        line-height: 38px;
    }
}

span.c3_hero_card p {
    color: #ffffff;
    font-size: 34px;
    line-height: 44px;
}

@media only screen and (max-width: 800px) {
    span.c3_hero_card p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0px;
    }
}

div.c3_herocard_secondary_container {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    z-index: 2;
}

div.c3_herocard_secondary_container div.c3_herocard_secondary {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1340px;
    background-color: #ffffff;
    height: 50px;
    margin: auto;
    z-index: 2;
}

div.c3_herocard_secondary_container div.c3_herocard_secondary div.c3_herocard_secondary_inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    max-width: 1138px;
}

div.c3_herocard_secondary_container div.c3_herocard_secondary div.c3_herocard_secondary_inner p {
    font-size: 14px;
    margin-bottom: 0px;
}

div.c3_video_drop {
    display: block;
    width: 100%;
    max-width: 773px;
    padding-bottom: 49.25%;
    background-color: #000000;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 16 / 9;
}

@media only screen and (max-width: 1400px) {
	div.c3_video_drop {
		padding-bottom: 56.25%;
		margin-left: 0;
		margin-right: 0;
	}
}

div.c3_video_drop video {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.c3_video_drop div.c3_vimeo_drop {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    height: 100%;
}

div.c3_video_drop h2 {
    display: block;
    position: absolute;
    width: calc(50% - 14px);
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

div.c3_video_drop h2 span {
    background: #d04a02;
    font-family: "PwC ITC Charter", Georgia, Serif;
    font-size: 32px;
    color: #fff;
    line-height: 32px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 7px 15px;
}

@media only screen and (max-width: 767px) {
    div.c3_video_drop h2 span {
        font-size: 20px;
        line-height: 22px;
    }
}

div.c3_video_drop div.c3_vimeo_drop iframe {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

div.c3_video_drop.c3_video_drop_bio {
    height: auto;
    padding: 30px;
    background-color: #dedede;
}

a.c3_download {
    background-image: url(/content/dam/pwc/gx/en/issues/artificial-intelligence/job-barometer/c3-download.png) !important;
    background-size: 15% !important;
    background-position: 180px 8px !important;
    background-repeat: no-repeat !important;
}

a.c3_download:hover {
    background-image: url(/content/dam/pwc/gx/en/issues/artificial-intelligence/job-barometer/c3-download-white.png) !important;
}

a.c3_closevideo {
    display: block;
    position: relative;
    margin: 20px;
    width: 50px;
    height: 50px;
    background-color: #d04a02;
    font-size: 0px;
    transition: all 0.5s ease;
    border-radius: 50%;
}

a.c3_closevideo:hover {
    background-color: #eb8c00;
}

a.c3_closevideo::before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 1px;
    top: 25px;
    left: 10px;
    background-color: #ffffff;
    transform: rotate(45deg);
    transition: all 0.5s ease;
}

a.c3_closevideo::after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 1px;
    top: 25px;
    left: 10px;
    background-color: #ffffff;
    transform: rotate(-45deg);
    transition: all 0.5s ease;
}

a.c3_closevideo:hover::before {
    transform: rotate(-45deg);
    background-color: #000000;
}

a.c3_closevideo:hover::after {
    transform: rotate(45deg);
    background-color: #000000;
}

a.c3_play_video {
    font-size: 0px;
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #ffffff;
    bottom: 0px;
    right: 0px;
    transition: all 0.5s ease;
    background-image: url(/content/dam/pwc/gx/en/issues/artificial-intelligence/job-barometer/c3_play.svg);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 800px) {
    a.c3_play_video {
        width: 50px;
        height: 50px; 
    }
}

a.c3_play_video:hover {
    background-color: rgba(0,0,0,0.60);
}

/* PwC Overides */

.c3_stats .statline {
    color: #000000 !important;
}

.c3_country_level {
    border-top: 4px solid #d04a02;
    border-bottom: 1px solid #d04a02;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-top: 15px;
}

.c3_country_level h2 {
    font-size: 34px;
    line-height: 44px;
    font-family: "PwC Helvetica Neue Light", Arial, Sans-Serif;
    color: #d04a02;
    margin-bottom: 15px;
}

.c3_country_level p {
    margin-bottom: 15px !important;
}

/* ------------------------------------------------------- */
/* -------------- Video-based Carousel ------------------- */
/* ------------------------------------------------------- */

div#c3_div_carousel_container {
	display: flex;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}

div#c3_div_carousel_container a {
	position: relative;
	overflow: hidden;
	width: 50px;
	padding-left: 50px;
	transition: background-color 0.25s linear;
}

@media only screen and (max-width: 800px) {
    div#c3_div_carousel_container a {
        width: 25px;
        padding-left: 25px;
    }
}

div#c3_div_carousel_container a:hover {
	background-color: #7d7d7d !important;
}

div#c3_div_carousel_container a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 30px;
	height: 30px;
	border-top: 2px solid black;
	border-left: 2px solid black;
	transform: translateX(-20%) translateY(-50%) rotate(-45deg);
	transition: left 0.25s ease;
}

@media only screen and (max-width: 800px) {
    div#c3_div_carousel_container a::before {
        width: 20px;
	    height: 20px;
    }
}

div#c3_div_carousel_container a:last-of-type::before {
	transform: translateX(-80%) translateY(-50%) rotate(135deg);
}

div#c3_div_carousel_container a:hover::before {
	left: 40%;
}

div#c3_div_carousel_container a:last-of-type:hover::before {
	left: 60%;
}

div#c3_div_carousel_container div#c3_div_carousel_scroll_container {
	display: block;
	position: relative;
	overflow: hidden;
	width: calc(100% - 100px);
}

@media only screen and (max-width: 800px) {
    div#c3_div_carousel_container div#c3_div_carousel_scroll_container {
        width: calc(100% - 50px);
    }
}

div#c3_div_carousel_container div#c3_div_carousel_scroll_container div#c3_div_carousel_scroll_carrier {
	display: block;
	position: relative;
	overflow: hidden;
	width: 400%;
	transition: left 1s ease;
}

div#c3_div_carousel_container div#c3_div_carousel_scroll_container div#c3_div_carousel_scroll_carrier div {
	display: block;
	width: 25%;
	float: left;
}

div#c3_div_carousel_container div#c3_div_carousel_scroll_container div#c3_div_carousel_scroll_carrier div img {
    width: 100%;
    display: block;
}

div#c3_div_carousel_container div#c3_div_carousel_scroll_container div#c3_div_carousel_scroll_carrier.c3_carousel_state_1 { left: 0%; }
div#c3_div_carousel_container div#c3_div_carousel_scroll_container div#c3_div_carousel_scroll_carrier.c3_carousel_state_2 { left: -100%; }
div#c3_div_carousel_container div#c3_div_carousel_scroll_container div#c3_div_carousel_scroll_carrier.c3_carousel_state_3 { left: -200%; }
div#c3_div_carousel_container div#c3_div_carousel_scroll_container div#c3_div_carousel_scroll_carrier.c3_carousel_state_4 { left: -300%; }

#c3_video_mobile {
    display: none;   
}
    
#c3_video_main {
    display: block;   
}

@media only screen and (max-width: 800px) {
    #c3_video_mobile {
        display: block;   
    }
    
    #c3_video_main {
        display: none;   
    }
}

#c3_download_button {
    background-color: #ffb600;
    color: #2d2d2d !important;
    display: flex;
    padding: 0 50px 0 20px;
    height: 38px;
    border: 0;
    align-items: center;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%22Outline_icons%22%20style%3D%22enable-background%3Anew%200%200%2072%2072%3B%22%20version%3D%221.1%22%20viewBox%3D%220%200%2072%2072%22%20x%3D%220px%22%20xml%3Aspace%3D%22preserve%22%20y%3D%220px%22%3E%20%3Cg%20id%3D%22Outline-v2_13_%22%3E%20%3Cg%20id%3D%22Download_2_%22%3E%20%3Cpath%20d%3D%22M33.8%2C54L33.8%2C54l0-5.4L22%2C36.8c-0.9-0.9-2.3-0.9-3.2%2C0c-0.9%2C0.9-0.9%2C2.3%2C0%2C3.2L36%2C57.2L53.2%2C40%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20c0.9-0.9%2C0.9-2.3%2C0-3.2c-0.9-0.9-2.3-0.9-3.2%2C0L38.3%2C48.6V22.5h-4.5v26.1V54z%20M4.5%2C72h63c2.5%2C0%2C4.5-2%2C4.5-4.5V18H38.2v4.5h29.2v45%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20h-63v-45h29.2V18H0v49.5C0%2C70%2C2%2C72%2C4.5%2C72z%20M33.8%2C18h4.5V0h-4.5V18z%20M33.8%2C22.5h4.5V18h-4.5V22.5z%22%20id%3D%22Combined-Shape_12_%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);
    background-repeat: no-repeat no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 20px;
    margin-left: auto;
}

p.c3_vimeo_warning {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 1;
    color: #ffffff;
    padding: 30px;
    text-align: center;
}