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

				div#c3_container {
					display: block;
					width: 100%;
					padding-bottom: 40px;
				}
				
				div#c3_container_target {
					display: block;
					width: 100%;
					height: auto;
					overflow: hidden;
				}
				
				div#c3_container div.c3_container_header {
					display: block;
					width: 100%;
					overflow: hidden;
					padding: 20px;
					padding-left: 90px;
					padding-top: 25px;
					background-image: url('/content/dam/pwc/gx/en/industries/green-hydrogen/icon_0.png');
					background-position: 20px center;
					background-size: 50px 50px;
					background-repeat: no-repeat;
					transition: background-color 0.5s ease;
				}
				
				div#c3_container form {
					display: block;
					width: 100%;
					padding: 20px;
					overflow: hidden;
					
				}
				
				div#c3_container form label {
					display: none;
					font-family: "PwC Helvetica Neue Bold", Helvetica, Arial, Sans-Serif;
					font-size: 18px;
					margin-bottom: 10px;
					color: #464646;
					font-weight: bold;
				}
				
				div#c3_container select.c3_select {
					margin: 0px;
					width: 33%;
					color: #000000;
					border: none;
					padding-left: 20px;
					padding-right: 70px;
					background: url('/content/dam/pwc/gx/en/industries/green-hydrogen/icon_0_1.png') no-repeat #FFFFFF 95% 50%;
    				background-size: auto 15px;
					-webkit-appearance: none;
					-webkit-border-radius: 0px;
				}
				
				@media only screen and (max-width: 1000px) {
					div#c3_container select.c3_select {
						width: 100%;
					}
				}
				
				div#c3_container article.c3_article_control_panel {
					position: sticky;
					top: 0px;
					background-color: #dedede;
					width: 100%;
					height: auto;
					z-index: 10;
				}
				
				
				div#c3_container table {
					background-color: #ffffff;
				}
				
				
				/* ----- Custom CSS ----- */
				
				div#c3_container {
					background-color: #2d2d2d;
				}
				
				
				/* Quick colours */
				
				.c3_text_yellow {
					color: #ffb600;
				}
				
				.c3_box_yellow {
					background-color: #ffb600;
				}
				
				.c3_text_tangerine {
					color: #eb8c00;
				}
				
				.c3_box_tangerine {
					background-color: #eb8c00 !important;
				}
				
				.c3_stroke_tangerine {
					stroke: #eb8c00 !important;
				}
				
				.c3_text_orange {
					color: #d04a02;
				}
				
				.c3_box_orange {
					background-color: #d04a02 !important;
				}
				
				.c3_stroke_orange {
					stroke: #d04a02 !important;
				}
				
				.c3_text_rose {
					color: #db536a;
				}
				
				.c3_box_rose {
					background-color: #db536a;
				}
				
				.c3_text_red {
					color: #e0301e;
				}
				
				.c3_box_red {
					background-color: #e0301e;
				}
				
				.c3_text_grey {
					color: #7d7d7d;
				}
				
				.c3_box_grey {
					background-color: #7d7d7d !important;
				}
				
				.c3_text_darkgrey {
					color: #2d2d2d !important;
				}
				
				.c3_box_darkgrey {
					background-color: #2d2d2d;
				}
				
				.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;
				}
				
				div#c3_container h2 {
					font-family: "PwC Helvetica Neue", Helvetica, Arial, Sans-Serif;
    				font-size: 22px;
    				font-weight: normal;
				}
				
				/* Table styles */
				
				div#c3_container table {
					display: none;
				}
				
				div#c3_container table caption {
					padding: 10px;
					background-color: #000000;
					color: #FFFFFF;
				}
				
				div#c3_container table tr {
					border: 1px solid #000000;
				}
				
				div#c3_container table tr th, table tr td {
					padding: 10px;
					border: 1px solid #000000;
				}
				
				div#c3_container table tr th {
					background-color: #CCCCCC;
				}
				
				div#c3_container table tr th.c3_th_tableinfo {
					background-color: #e5e5e5;
					font-weight: normal;
					font-size: 14px;
				}
				
				div#c3_container svg#lands_4C, div#c3_container svg#lands_4C_2 {
					position: absolute;
					top: 60px;
					left: 0px;
					width: 100%;
					height: auto;
					/*transition: all 0.5s linear;*/
				}
				
				div#c3_container svg#lands_4C *, div#c3_container svg#lands_4C_2 * {
					transition: fill 0.5s ease;
					
				}
				
				div#c3_container svg#lands_4C .c3Country:hover, div#c3_container svg#lands_4C_2 .c3Country:hover {
					opacity: 0.5;	
				}
				
				div#c3_container .c3_slider {
				  	-webkit-appearance: none;
				  	width: 90% !important;
					margin-left: 5%;
				 	height: 60px;
					background-image: url('/content/dam/pwc/gx/en/industries/green-hydrogen/slider-bg.svg');
					background-size: 100%;
					background-position: center;
					background-repeat: no-repeat;
				  	outline: none;
				  	opacity: 0.7;
					position: relative;
					display: block;
					background-color: #2d2d2d;
					
					
					
				}
				
				div#c3_container .c3_slider:focus::-webkit-slider-thumb {
					-webkit-box-shadow: 0px 0px 7px 4px rgba(255,255,255,0.6);
					-moz-box-shadow: 0px 0px 7px 4px rgba(255,255,255,0.6);
					box-shadow: 0px 0px 7px 4px rgba(255,255,255,0.6);
				}

				div#c3_container .c3_slider::-webkit-slider-thumb {
				  	-webkit-appearance: none;
				  	appearance: none;
				  	width: 10px;
				  	height: 90px;
					border-radius: 20px;
					cursor: grabbing;
					background position: 0px 0px;
					background-repeat: no-repeat;
					background-size: 100% auto;
					margin-top: 0px;
					background-color: #ffffff;
				}
				
				div#c3_container .c3_slider::-moz-range-thumb {
				 	-webkit-appearance: none;
				  	appearance: none;
				  	width: 18px;
				  	height: 40px;
					cursor: grabbing;
					background position: 0px 0px;
					background-repeat: no-repeat;
					background-size: 100% auto;
					margin-top: -10px;
					background-color: #2d2d2d;
				}
				
				div#c3_container div.c3_slidecontainer ul {
					display: block;
					position: relative;
					list-style: none;
					width: 90%;
					margin-left: 5%;
    				padding: 5px;
					overflow: hidden;
					white-space: nowrap;
					text-align: center;
					margin-top: 15px;
				
				}
				
				div#c3_container div.c3_slidecontainer ul li {
					display: block;
					position: relative;
					list-style: none;
					color: #ffffff;
					float: left;
					text-align: center;
					font-size: 20px;
					width: 32.5%;
				}
				
				div#c3_container div.c3_slidecontainer ul li:first-child {
					text-align: left;
					width: 17.5%;
				}
				
				div#c3_container div.c3_slidecontainer ul li:last-child {
					text-align: right;
					width: 17.5%;
				}
				
				div#c3_container div.c3_slidecontainer p.c3_map_2 {
					color: #ffffff;
					width: 90%;
    				margin-left: 5%;
					display: none;
				}
				
				div#c3_container div.c3_slidecontainer p.c3_map_1 {
					color: #ffffff;
					width: 90%;
    				margin-left: 5%;
					display: block;
				}
				
				div#c3_container div.c3_map_container {
					display: block;
					position: relative;
					width: 100%;
					height: auto;
					overflow: hidden;
					margin-top: 50px;
				}
				
				@media only screen and (max-width: 880px) {
					div#c3_container div.c3_map_container {
						padding-top: 0px;
						padding-bottom: 0px;
					}
				}
				
				div#c3_container div.c3_map_container #c3_map_key {
					display: block;
					position: absolute;
					width: auto;
					height: 100%;
					top: 0px;
					left: 20px;
					-webkit-box-shadow: 14px 0px 20px 5px #2D2D2D; 
					box-shadow: 14px 0px 20px 5px #2D2D2D;
					background-color: #2d2d2d;
					z-index: 1;
				}
				
				div#c3_container div.c3_map_container #c3_map_key img {
					width: auto;
					height: 100%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p {
					display: block;
					position: absolute;
					color: #ffffff;
					font-size: 16px;
					line-height: 18px;
					left: 30%;
				
				}
				
				@media only screen and (max-width: 800px) {
					div#c3_container div.c3_map_container #c3_map_key img {
						margin-left: -10px;
					}
					
					div#c3_container div.c3_map_container #c3_map_key p {
						font-size: 12px;
						width: 70px;
					}
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_top, div#c3_container div.c3_map_container #c3_map_key p.c3_key_top_2 {
					top: -2px;

				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_bottom, div#c3_container div.c3_map_container #c3_map_key p.c3_key_bottom_2 {
				
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_top_2, div#c3_container div.c3_map_container #c3_map_key p.c3_key_bottom_2 {
					width: 200px;
					display: none;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_2 {
					top: 10.5%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_3 {
					top: 21%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_4 {
					top: 31.5%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_5 {
					top: 42%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_6 {
					top: 53%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_7 {
					top: 63.5%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_8 {
					top: 74%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_key_9 {
					top: 84.5%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend {
					top: 0%;
					display: none;
					white-space: nowrap;
					overflow: hidden;
					color: #000000;
					background-color: #dedede;
					height: 30px;
					border-radius: 30px;
					line-height: 25px;
					width: auto;
					max-width: 30px;
					transition: all 0.5s ease;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend.selected {
					max-width: 250px;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend a {
					display: inline-block;
					border-radius: 25px;
					text-align: center;
					width: 24px;
					height: 24px;
					margin: 3px;
					background-color: #ffffff;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend a:hover {
					background-color: #2d2d2d;
					color: #ffffff;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend span {
					display: inline-block;
					width: auto;
					margin-left: 3px;
					margin-right: 10px;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend_5 {
					top: 0%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend_4 {
					top: 18.125%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend_3 {
					top: 36.25%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend_2 {
					top: 54.375%;
				}
				
				div#c3_container div.c3_map_container #c3_map_key p.c3_legend_1 {
					top: 72.5%;
				}
				
				
				
				div#c3_container div.c3_map_container div#c3_container_target, div#c3_container div.c3_map_container div#c3_container_target_2 {
					width: 85%;
					height: 0px;
					padding-top: 42%;
					padding-bottom: 80px;
					margin-left: 7.5%;
					margin-right: 7.5%;
					display: none;
					overflow: scroll;
					position: relative;
					cursor: grab;
					background-color: #2D2D2D;
				}
				
				div#c3_container div.c3_map_container div#c3_container_target_2 {
					position: absolute;
					top: 0px;
					left: 0px;
				}
				
				@media only screen and (max-width: 880px) {
					div#c3_container div.c3_map_container div#c3_container_target_2 {
						top: 50px;
					}
				}
				
				div#c3_container div.c3_map_container div#c3_container_target_2 {
					display: none;
				}
				
				div#c3_container div.c3_map_container div#c3_container_target::-webkit-scrollbar, div#c3_container div.c3_map_container div#c3_container_target_2::-webkit-scrollbar {
					display: none;	
				}
				
				div#c3_container div.c3_map_container a.a_zoominout {
					display: block;
					position: absolute;
					width: 50px;
					height: 50px;
					background-color: #ffffff;
					line-height: 50px !important;
					text-align: center;
					font-size: 50px !important;
					color: #2d2d2d;
					top: 10px;
					right: 40px;
					border-radius: 50px;
					transition: all 0.5s ease;
					text-decoration: none !important;
					z-index: 1;
					font-size: 0px !important;
					-webkit-text-size-adjust: none;
					font-weight: normal !important;
					vertical-align: top !important;
					font-family: Courier !important;
					background-size: 80% 80%;
					background-position: center center;
					background-repeat: no-repeat;
				}
				
				div#c3_container div.c3_map_container a.a_zoomout {
					background-image: url('/content/dam/pwc/gx/en/industries/green-hydrogen/minus.svg');
				}
				
				div#c3_container div.c3_map_container a.a_zoomin {
					background-image: url('/content/dam/pwc/gx/en/industries/green-hydrogen/plus.svg');
				}
				
				div#c3_container div.c3_map_container a.a_zoominout:hover {
					text-decoration: none !important;
					background-color: #7d7d7d;
				}
				
				
				div#c3_container div.c3_map_container a.a_zoomin {
					right: 100px;
				}
				
				div#c3_container div.c3_div_label {
					display: block;
					position: absolute;
					width: auto;
					height: auto;
					padding: 10px;
					padding-right: 20px;
					background-color: #ffffff;
					z-index: 2;
				}
				
				div#c3_container div.c3_div_label::after {
					content: "x";
					font-size: 12px;
					display: block;
					position: absolute;
					top: -5px;
					right: 5px;
					font-weight: bold;
				}
				
				div#c3_container a.c3_map_toggle {
					display: block;
					position: relative;
					width: 50%;
					padding: 25px;
					padding-right: 50px;
					background-color: #7D7D7D;
					color: #ffffff;
					font-size: 18px;
					float: left;
					margin-bottom: 0px;
					transition: all 0.5s ease;
				}
				
				@media only screen and (max-width: 572px) {
					div#c3_container a.c3_map_toggle {
						padding: 15px;
						padding-right: 55px;
						font-size: 13px;
						line-height: 17px;
					}
				}
				
				div#c3_container a.c3_map_toggle.selected {
					color: #2d2d2d;
					background-color: #ffffff;
					
				}
				
				div#c3_container a.c3_map_toggle:selected, div#c3_container a.c3_map_toggle:hover {
					text-decoration: none !important;
				}
				
				/*div#c3_container a.c3_map_toggle::before {
					content: " ";
					display: block;
					position: absolute;
					width: 30px;
					height: 30px;
					border-top: 2px solid #000000;
					border-left: 2px solid #000000;
					transform: rotate(-135deg);
					top:15px;
					right: 30px;
					transition: all 0.5s ease;
				}
				
				div#c3_container a.c3_map_toggle.selected::before {
					content: " ";
					border-top: 2px solid #ffffff;
					border-left: 2px solid #ffffff;
					transform: rotate(45deg);
					top: 35px;
				}
				
				@media only screen and (max-width: 1000px) {
					div#c3_container a.c3_map_toggle::before {
						right: 15px;
					}
				}*/
				
				.c3_max_50 {
					width: 100%;
					padding-right: 40%;
					overflow: hidden;
					display: block;
					position: relative;
					background-color: #f2f2f2;
					margin-bottom: 20px;
					
				}
				
				@media only screen and (max-width: 1380px) {
					.c3_max_50 {
						padding-right: 20%;
					}
				}
				
				@media only screen and (max-width: 1050px) {
					.c3_max_50 {
						padding-right: 0%;
					}
				}