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

.c3_text_yellow {
	color: #ffb600;
}

.c3_box_yellow {
	background-color: #ffb600 !important;
}

.c3_text_tangerine {
	color: #eb8c00;
}

.c3_box_tangerine {
	background-color: #eb8c00 !important;
}

.c3_text_orange {
	color: #d04a02;
}

.c3_box_orange {
	background-color: #d04a02 !important;
}

.c3_text_rose {
	color: #db536a ;
}

.c3_box_rose {
	background-color: #db536a !important;
}

.c3_text_red {
	color: #e0301e;
}

.c3_box_red {
	background-color: #e0301e !important;
}

.c3_text_grey {
	color: #7d7d7d;
}

.c3_box_grey {
	background-color: #7d7d7d !important;
}

.c3_text_darkgrey {
	color: #2d2d2d;
}

.c3_box_darkgrey {
	background-color: #2d2d2d !important;
}

.c3_box_rose h2, .c3_box_rose h3, .c3_box_yellow h2, .c3_box_yellow h3, .c3_box_tangerine h2, .c3_box_tangerine h3 {
	color: #000000 !important;
}

/* Table styles */

table {
	display: none;
}

table caption {
	padding: 10px;
	background-color: #000000;
	color: #FFFFFF;
}

table tr {
	border: 1px solid #000000;
}

table tr th, table tr td {
	padding: 10px;
	border: 1px solid #000000;
}

table tr th {
	background-color: #CCCCCC;
}

table tr th.c3_th_tableinfo {
	background-color: #e5e5e5;
	font-weight: normal;
	font-size: 14px;
}

/* Standard text elements */

article.c3_article_data h4 {
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	font-size: 75px;
	line-height: 75px;
	display: block;
	height: 92px;
	margin-top: 0px;
	border-bottom: 1px solid #7d7d7d;
}

article.c3_article_data h4 span {
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
}

article.c3_article_data h5 {
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	padding-right: 20px;
	color: #000000;
	font-size: 22px;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 20px;
}

article.c3_article_data h6 {
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
	color: #000000;
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
}

article.c3_article_data p {
	font-family: "PwC Helvetica Neue Light", Helvetica, Arial, Sans-Serif;
	font-weight: 200;
	padding-right: 90px;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 15px;
}

article.c3_article_data a {
	font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
	font-weight: 700;
}

/* Outer structural elements */

div#c3_container {
	display: block;
	width: 100%;
}

article.c3_article_data {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
	/*background-image: url("https://www.pwc.com/gx/en/consumer-markets/consumer-insights-survey/november-2021/parallax-background.svg");*/
	background-attachment: fixed;
	transition: background-position 0.1s linear;
}

article.c3_article_data_animated {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 500vh;
}

article.c3_article_data img.c3_parallax {
	display: block;
	overflow: hidden;
	position: absolute;
	opacity: 0.25;
	transform: translateZ(-1px) scale(1.7);
}

div.c3_key_takeaways div.c3_div_positioner, article.c3_article_data div.c3_div_positioner {
	display: block;
	overflow: hidden;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

article.c3_article_data div.c3_div_col {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	float: left;
}

article.c3_article_data div.c3_div_stat_label {
	display: block;
	overflow: hidden;
	position: relative;
	color: #000000;
	font-size: 16px;
	margin-bottom: 5px;
}

article.c3_article_data div.c3_div_stat_bar {
	display: block;
	overflow: hidden;
	position: relative;
	color: #FFFFFF;
	padding-left: 5px;
	height: 26px;
	width: 0%;
	line-height: 26px;
	background-color: #000000;
	margin-bottom: 10px;
	transition: width 1s ease, padding-left 1s ease;
	z-index: 2;
}

article.c3_article_data div.c3_div_stat_bar.c3_div_stat_bar_1 { background-color: #e0301e; }
article.c3_article_data div.c3_div_stat_bar.c3_div_stat_bar_2 { background-color: #d04a02; }
article.c3_article_data div.c3_div_stat_bar.c3_div_stat_bar_3 { background-color: #eb8c00; color: #000000; }
article.c3_article_data div.c3_div_stat_bar.c3_div_stat_bar_4 { background-color: #ffb600; color: #000000; }
article.c3_article_data div.c3_div_stat_bar.c3_div_stat_bar_5 { background-color: #464646; }
article.c3_article_data div.c3_div_stat_bar.c3_div_stat_bar_6 { background-color: #7d7d7d; }

article.c3_article_data div.c3_div_stat_bar_zero {
	width: 0px !important;
	padding-left: 0px;
}

article.c3_article_data div.c3_div_stat_bar_blank {
	display: block;
	overflow: hidden;
	position: relative;
	color: #000000;
	padding-left: 5px;
	height: 26px;
	line-height: 26px;
	background-color: #ebebeb;
	width: 100%;
	margin-top: -36px;
	margin-bottom: 10px;
	z-index: 1;
}

article.c3_article_data p.c3_p_key_title {
	display: none;
}

article.c3_article_data ul.c3_ul_key {
	display: block;
	position: relative;
	overflow: hidden;
	margin-top: 30px;
}

article.c3_article_data ul.c3_ul_key li {
	display: block;
	position: relative;
	float: left;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	margin-right: 20px;
	padding-left: 30px;
}

article.c3_article_data ul.c3_ul_key li::before {
	content: " ";
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	float: left;
	margin-right: 20px;
	background-color: #000000;
}

article.c3_article_data ul.c3_ul_key li:nth-of-type(1)::before { background-color: #e0301e; }
article.c3_article_data ul.c3_ul_key li:nth-of-type(2)::before { background-color: #d04a02; }
article.c3_article_data ul.c3_ul_key li:nth-of-type(3)::before { background-color: #eb8c00; }
article.c3_article_data ul.c3_ul_key li:nth-of-type(4)::before { background-color: #ffb600; }
article.c3_article_data ul.c3_ul_key li:nth-of-type(5)::before { background-color: #464646; }
article.c3_article_data ul.c3_ul_key li:nth-of-type(6)::before { background-color: #7d7d7d; }

article.c3_article_data ul.c3_ul_chart_switch {
	display: block;
	position: relative;
	overflow: hidden;
	margin-top: 15px;
	margin-left: -10px;
}

article.c3_article_data ul.c3_ul_chart_switch li {
	display: block;
	position: relative;
	overflow: hidden;
	width: 20%;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

article.c3_article_data ul.c3_ul_chart_switch li a {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	transition: margin-top 0.25 ease;
}


article.c3_article_data ul.c3_ul_chart_switch li a:hover, article.c3_article_data ul.c3_ul_chart_switch li a:focus {
	text-decoration: none;
}

article.c3_article_data ul.c3_ul_chart_switch li a img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	opacity: 0.25;
	transition: opacity 0.5s linear, margin-top 0.25s ease;
}

article.c3_article_data ul.c3_ul_chart_switch li a:hover img, article.c3_article_data ul.c3_ul_chart_switch li a:focus img {
	margin-top: 5px;
}

article.c3_article_data ul.c3_ul_chart_switch li a.selected img {
	opacity: 1;
}

article.c3_article_data div.c3_div_stat_container {
	display: block;
	position: relative;
	overflow: hidden;
}

/* Form styles */

article.c3_article_data form {
	position: relative;
	width: 100%;
	height: 150px;
}

article.c3_article_data form img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: auto;
}

article.c3_article_data form label {
	position: absolute;
	top: 30px;
	left: 112px;
	height: auto;
}

article.c3_article_data form select {
	position: absolute;
	top: 65px;
	left: 112px;
	width: calc(100% - 112px);
	height: auto;
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #464646 !important;
    background: url(https://www.pwc.com/content/pwc/script/network/parallax/select_arrow.svg) no-repeat #fff 95% 50%;
    background-size: 30px 30px !important;
}

article.c3_article_data form select:focus {
	background-color: #000000;
	color: #FFFFFF;
}

article.c3_article_data form label {
	display: block;
}

article.c3_article_data small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	width: calc(100% - 90px);
	border-top: 1px dotted #000000;
	margin-top: 20px;
	padding-top: 20px;
}

/* -------- Parallax effects ------------- */


/*

.c3_parallax_container_1 { -webkit-transform: translateZ(-1px); transform: translateZ(-1px); margin-left: -1000px; margin-top: -1000px; }
.c3_parallax_container_2 { -webkit-transform: translateZ(-2px); transform: translateZ(-2px); margin-left: 1000px; margin-top: 3000px; }
.c3_parallax_container_3 { -webkit-transform: translateZ(-3px); transform: translateZ(-3px); margin-left: 2500px; margin-top: -2500px; }
.c3_parallax_container_4 { -webkit-transform: translateZ(-4px); transform: translateZ(-4px); margin-left: -1500px; margin-top: 2500px; }
.c3_parallax_container_5 { -webkit-transform: translateZ(-5px); transform: translateZ(-5px); margin-left: 2000px; margin-top: -500px; }
.c3_parallax_container_6 { -webkit-transform: translateZ(-6px); transform: translateZ(-6px); margin-left: -1000px; margin-top: 1000px; }

.c3_parallax_container_1_keyline { -webkit-transform: translateZ(-1px); transform: translateZ(-1px); margin-left: 1000px; margin-top: 1000px; opacity: 0.1; }
.c3_parallax_container_2_keyline { -webkit-transform: translateZ(-2px); transform: translateZ(-2px); margin-left: -1000px; margin-top: -3000px; opacity: 0.1; }
.c3_parallax_container_3_keyline { -webkit-transform: translateZ(-3px); transform: translateZ(-3px); margin-left: -2500px; margin-top: 2500px; opacity: 0.1; }
.c3_parallax_container_4_keyline { -webkit-transform: translateZ(-4px); transform: translateZ(-4px); margin-left: -750px; margin-top: -1500px; opacity: 0.1; }
.c3_parallax_container_5_keyline { -webkit-transform: translateZ(-5px); transform: translateZ(-5px); margin-left: -2000px; margin-top: 500px; opacity: 0.1; }
.c3_parallax_container_6_keyline { -webkit-transform: translateZ(-6px); transform: translateZ(-6px); margin-left: 1000px; margin-top: -1000px; opacity: 0.1; }

*/



/* -------- Key Takeaways ------------- */

div.c3_key_takeaways {
	position: relative;
	top: 0px;
	padding: 20px;
	background-color: #000000;
	color: #FFFFFF;
	z-index: 100;
	border-top: 1px #FFFFFF solid;
}

div.c3_key_takeaways.c3_key_takeaways_relative {
	position: relative;
}

div.c3_key_takeaways h4, div.c3_key_takeaways p {
	display: block;
	color: #FFFFFF;
}

div.c3_key_takeaways div.c3_div_col {
	display: block;
	overflow: hidden;
	float: left;
	width: 200px;
	padding-right: 30px;
}

div.c3_key_takeaways div.c3_div_col img {
	width: 100%;
}

div.c3_key_takeaways div.c3_div_col:nth-of-type(2) {
	width: calc(100% - 200px);
}

div.c3_key_takeaways ul li {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	line-height: 24px;
}

div.c3_key_takeaways ul li::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0px;
	width: 15px;
	height: 15px;
	background-color: #eb8c00;
}

/* -------- Canvas Control ------------- */

div#c3_canvas_wrapper {
	position: sticky;
	top: 0px;
	width: 100%;
	height: 0;
	padding-top: 100vh;
}

canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	object-fit: cover;
}


/* -------- BW CSS ------------- */

article#c3_article_data_animated {
    background-color: #ffffff;
    /*background-image: url(https://www.pwc.com/gx/en/consumer-markets/consumer-insights-survey/november-2021/parallax-background.svg);*/
    background-attachment: fixed;
    background-position-x: -770px;
    background-repeat: no-repeat;
    transition: background-position 0.1s linear;
}

@media only screen and (max-width: 970px) {
    article#c3_article_data_animated {
        height: auto;
    }
}

@media only screen and (max-width: 970px) {
    article#c3_article_data_animated div#c3_canvas_wrapper {
        height: auto !important;
    }
}

article#c3_article_data_animated div.c3_div_positioner {
    position: relative;
    top: 0%;
    z-index: 2;
    padding: 25px;
}

@media only screen and (max-width: 970px) {
    article#c3_article_data_animated div.c3_div_positioner {
        height: auto;
    }
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col {
    display: block;
    width: 50%;
    padding-right: 50px;
    float: left;
    overflow: visible;
    position: relative;
}

@media only screen and (max-width: 970px) {
    article#c3_article_data_animated div.c3_div_positioner div.c3_div_col {
        float: none;
        padding: 0px;
        margin-right: 0px;
        margin-left: 0px;
        width: 100% !important;
        padding-left: 0px !important;
    }
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col p {
    color: #000000;
}

article#c3_article_data_animated div.c3_div_positioner h5 {
    font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
    font-weight: 700;
    padding-right: 20px;
    color: #000000;
    font-size: 22px;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col h6 {
    font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
    font-weight: 700;
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

article#c3_article_data_animated small {
    display: block;
    font-size: 12px;
    line-height: 16px;
    width: calc(100% - 90px);
    border-top: 1px dotted #000000;
    margin-top: 20px;
    padding-top: 20px;
}

@media only screen and (max-width: 970px) {
    article#c3_article_data_animated small {
        margin-right: 0px;
        width: auto;
    }
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col table {
    display: block;
    margin-bottom: 25px;
    border: 0px;
    border-collapse: collapse;
    color: #000000;
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col table tbody {
    border: 0px;
    border-collapse: collapse;
    color: #000000;
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col table tbody tr {
    border: 0px;
    border-collapse: collapse;
    color: #000000;
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col table tbody th {
    border: 0px;
    border-collapse: collapse;
    color: #000000;
    background-color: transparent;
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col table tbody td {
    border: 0px;
    border-collapse: collapse;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col table tbody td strong {
    display: block;
    font-size: 30px;
    line-height: 34px;
}

article#c3_article_data_animated div.c3_div_positioner div.c3_div_col table tbody img {
    display: block;
}

article#c3_article_data_animated div#c3_canvas_wrapper {
    overflow: visible;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    height: 100vh;
    padding-top: 0px;
}

article#c3_article_data_animated div#c3_canvas_wrapper canvas {
    position: relative;
    height: auto;
    width: 145%;
    margin-left: 0%;
    z-index: 1;
    top: 0px;
    left: 0px;
}

@media only screen and (max-width: 970px) {
    article#c3_article_data_animated div#c3_canvas_wrapper canvas {
        display: none;
    }
}

article#c3_article_data_animated div#c3_canvas_wrapper img.c3_image_canvas_fall_back {
    display: none;
}

@media only screen and (max-width: 970px) {
    article#c3_article_data_animated div#c3_canvas_wrapper img.c3_image_canvas_fall_back {
        display: block;
        width: calc(100% + 50px);
        margin-left: -25px;
        margin-top: -45px;
        margin-bottom: -55px;
    }
}

@media only screen and (max-width: 1600px) {
    article#c3_article_data_animated div#c3_canvas_wrapper canvas {  width: 138%; }
}

@media only screen and (max-width: 1500px) {
    article#c3_article_data_animated div#c3_canvas_wrapper canvas {  width: 130%; }
}

@media only screen and (max-width: 1450px) {
    article#c3_article_data_animated div#c3_canvas_wrapper canvas {  width: 123%; }
}

@media only screen and (max-width: 1400px) {
    article#c3_article_data_animated div#c3_canvas_wrapper canvas {  width: 115%; }
}

@media only screen and (max-width: 1280px) {
    article#c3_article_data_animated div#c3_canvas_wrapper canvas {  width: 105%; top: 0px; }
}

@media only screen and (max-width: 970px) {
    #c3_article_data_animated div.c3_div_col, article.c3_article_data div.c3_div_col {
        width: calc(100% - 25px) !important;
        padding-left: 25px !important;
        margin-bottom: 25px !important;
    }
}