/* Table of Content
==================================================
	#Page Styles
	#Media Queries
  
   */ 

/* #Page Styles
================================================== */
/*Keyframes*/
@font-face {
    font-family: 'cf_asty_st';
    font-display: fallback;
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-book-webfont.eot);
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-book-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-book-webfont.woff2) format('woff2'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-book-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'cf_asty_st';
    font-display: fallback;                
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-bold-webfont.eot);
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-bold-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-bold-webfont.woff2) format('woff2'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-bold-webfont.woff) format('woff');
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: 'cf_asty_st';
    font-display: fallback; 
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-black-webfont.eot);
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-black-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-black-webfont.woff2) format('woff2'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-black-webfont.woff) format('woff');
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: 'cf_asty_st';
    font-display: fallback; 
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-extrabold-webfont.eot); 
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-extrabold-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-extrabold-webfont.woff2) format('woff2'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-extrabold-webfont.woff) format('woff');
    font-weight: 800;
    font-style: normal
}
/*@font-face {
    font-family: 'cf_asty_st';
    font-display: fallback; 
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.eot);
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.woff2) format('woff2'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.woff) format('woff');
    font-weight: 700;
    font-style: normal
}*/
@font-face {
    font-family: 'cf_asty_st';
    font-display: fallback; 
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.eot);
    src: url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.eot?#iefix) format('embedded-opentype'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.woff2) format('woff2'),url(/wp-content/uploads/thema/tap/fonts/cfastystd-medium-webfont.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes shakeUp { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-2px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateY(2px);} 
} 
@keyframes shakeUp { 
    0%, 100% {transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateY(-2px);} 
    20%, 40%, 60%, 80% {transform: translateY(2px);} 
}

.pulsing {
	animation-name: pulse;
	animation-duration: 1500ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

/* AD */
#nei-sponsoredcontent-jan2018_pol-01, #nei-sponsoredcontent-adslot2-jan2018_pol-02 { margin: 0 0 15px; }

body{ background:#22252c; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale!important; }
	#globalWrapper .story-sponsorship{ margin:0; }
	.story-sponsorship { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
	.fixed .story-sponsorship{ width:100%; top:0; left:0; position:fixed; z-index:5; }
		.fixed .story-sponsorship a{ background:#ccc; border:1px solid #ccc; }
	/*.fill-screen { width: 100%; overflow: hidden; }*/
	.vcenter { position: relative; top: 50%; transform: translateY(-50%); }
	.bold { font-weight: bold; }

/*Sponsor*/
.story-sponsorship a { background: #333; border: 0; }
	.story-sponsorship p { color: #fff; }
	.story-sponsorship a:focus, .story-sponsorship a:hover { background: #333; }
/*Nav*/
	.article-nav { height: 7px; width: 100%; margin: 0 auto; background-color: #00477C; display: none; top: -7px; left: 0; right: 0; z-index: -1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
    .article-nav.article-nav-show {top: 61px; display: block;  z-index: 4; }
    .article-nav-progress-wrapper { margin-top: 0px; height: 100%; width: 100%; left: 0; top: 0; }
    .article-nav-progress { width: 0%; height: 100%; background-color: #0BCFF2; }
    .article-nav-current .article-nav-progress { max-width: 100%; width: 0%; }

/*Header*/
	#main-header { position: relative; text-align: center; /*min-height: 90vh;*/}
		.tap-logo { height: 76px; margin: 0 auto; object-fit: contain; }
		#main-header h1 { color: #fff; font-family: "cf_asty_st"; font-size: 24px; font-weight: bold; letter-spacing: 4px; line-height: 1.25; margin-bottom: 12px; object-fit: contain; text-transform: uppercase; }
		#main-header h2 { margin-bottom: 12px; color: #fff; font-family: "cf_asty_st"; font-weight: bold; }
		#main-header h3 { color: #fff; font-family: "cf_asty_st" !important; line-height:1.75;}
		.swipe-arrow { animation-iteration-count: infinite; animation-duration: 2s; background: rgba(255, 255, 255, 0.25); bottom: -26%; color: #fff; display: table; font-family: Roboto; font-size: 16px; font-weight: 900; height: 47px; letter-spacing: 2.7px; position: absolute; right: 0; width: 130px; }
		.swipe-arrow p { display: table-cell; vertical-align: middle; }
		.start-btn { display: none; }
			#start-arrow{color: white; cursor: pointer; display: block; font-size: 25px; font-weight: lighter; left: 0; margin: 0 auto; position: absolute; right: 0; top: 60%; }

/*Slick*/
	#slick { margin-bottom: 0;  overflow-y: hidden;}
		.slick-arrow { width: 100%; bottom: 2px; color: #fff; display: none!important; height: 129px; top: auto; z-index: 2; }
		.slick-arrow.opened { display: block!important; }
			.slick-prev { bottom: 63px; left: 0; }
				.slick-prev:before, .slick-next:before { width: 100%; background: rgba(0,0,0,0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; }
			.slick-next { bottom: -65px; right: 0; }
				.slick-arrow i { margin: 4px 6px; color: #fff; display: inline-block; font-size: 22px; vertical-align: middle; }
				.slick-prev:before, .slick-next:before { content: ""; }
			.slick-arrow span { color: #fff; font-family: "cf_asty_st"; font-size: 14px; vertical-align: middle; }
		.slick-dots { display: none !important; margin-left: 9px; bottom: auto; top: 16px; text-align: left; z-index: 3; }
			.slick-dots li {margin: 0 2px;}
			.slick-dots li button:before { color: #fff; font-size: 9px; }
			.slick-dots li.slick-active button:before { color: #5091ed; }
			.slide-body { min-height:90vh; }

/*Slide*/
	.slide { color: #fff; position: relative; text-align: center; max-height: 100vh; }
	#main-header .slide-body {  padding-bottom: 90px; background: url("images/Welded-pipes_low.jpg") center no-repeat; background-size: cover; }
		.slide-header { height: 100%; position: relative; }
		#main-header .slide-body .container { padding-top: 65px; }
			.img-bg { z-index: -1; }
				.img-bg img { width: 100%; }
			.slide-info { width: 95%; margin: 0 auto; bottom: 15%; left: 0; position: absolute; right: 0; }
				.slide-info .w-butterfly { display: none; }
				.slide-info h1 { margin-bottom: 13px; font-family: "cf_asty_st"; font-size: 21px; line-height: 1.33; letter-spacing: 1.7px; text-transform: uppercase; }
				.slide-info span { margin-bottom: 19px; display: block; font-family: "cf_asty_st"; font-size: 18px; }
				#main-header h3, .slide-info h3 { font-family: "cf_asty_st"; font-size: 14px; } 
				.slide-info h3 { color: #fff; }
			.more { width: 100%; bottom: 3%; position: absolute; }
				.more i { display: block; font-size: 24px; line-height: 0.9; }
				.btn-more { padding: 8px 12px; border-radius: 100px; background-color: rgba(80, 145, 237, 0.1); border: solid 1px #5091ed; font-family: "cf_asty_st"; font-size: 10px; text-transform: uppercase; }
		.slide .slide-body { display: table; width: 100%; background: #fff; color: #000; position: relative; top: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
			.slide-body .container{ padding-bottom: 20px; padding-top: 20px; }
		#main-header .vcenter .container { position: absolute; left: 0; top: 15vh; right: 0; }

		#chap1.slide .slide-body{ background: url("images/Drone_low.jpg") center no-repeat; background-size: cover; }
			.the-u-s-leads-the-w { color: #ffffff; display: table-cell; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold; line-height: 1.59; margin: 0 auto; text-align: center; text-transform: uppercase; vertical-align: middle; }
			ul.dots { list-style-type: disc; }
			.dots li:nth-of-type(1) i{color:#ff9933; font-size: 12px; margin-right: 5px;}
			.dots li:nth-of-type(2) i{color:#ff9933; font-size: 12px; margin-right: 5px;}
			.dots li:nth-of-type(3) i{color:#000; font-size: 12px; margin-right: 5px;}
			.dots li { display: inline-block; width:initial; padding: 0 5px; }
			.dots li span { color: white; font-family: "cf_asty_st"; font-size: 15px; }
			#mobile-map{ display: block; width: 100%; }
			.desk-source { display: none; }
			.mobile-source { display: block; }

		#chap2.slide .slide-body{ background: url("images/pipes_and_crane_low.jpg") center no-repeat; background-size: cover; }
			.chap2-copy { color: #fff; font-family: "cf_asty_st"; font-size: 20px; font-weight: bold; line-height: 1.59; margin: 15px; text-align: center; text-transform: uppercase; }

		#chap3.slide .slide-body{ background: url("images/slide3-bg.png") 0 -15vh no-repeat; background-size: cover; }
			#chap3 h1{ color:white; font-size: 22px; font-family: "cf_asty_st"; font-weight: bold; line-height: 1.59; margin-bottom: 15px; }
			.by-2040-the-world-w { color: #fff; font-family: "cf_asty_st"; font-size: 15px; line-height: 1.22; text-align: center; }
			#chap3 table { margin: 0 auto; width: 300px; }
				#chap3 table td { color: white; text-align: left; padding: 5px 20px;}
					.legend-box { border-radius: 4px; display: inline-block; height:20px; margin-right: 5px; vertical-align: bottom; width: 20px;}
					#chap3 table td span { vertical-align: middle; }
		
		#chap4.slide .slide-body{ background: url("images/slide4-bg.png") bottom no-repeat; background-size: cover; }
			.energy-source{ color: #fff; font-family: '"cf_asty_st"'; font-size: 22px; font-weight: bold; line-height: 1.59; margin-bottom: 12px; object-fit: contain; text-transform: uppercase;  }
			.energy-source-copy{ color: #fff; font-family: "cf_asty_st" !important; font-size:15px; line-height: 1.22; margin-top: 16px; }
			#chap4 .source { bottom: 21vh; }
		
		#chap5.slide .slide-body { padding: 44px 0 175px; background: url("images/1. kiln in situ_medium.jpg") /*0vw -19vh*/ bottom no-repeat; background-size: cover; }
			.us-leader-box{ border: solid 1px #ff9933; color: #fff; margin: 100px 0 50px; padding: 47px 10px; }
			.us-leader-copy h1{ color: #fff; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold; line-height: 1.59; text-transform: uppercase; margin-bottom: 15px; text-align: center; }
			.us-leader-copy p{ color: #fff; font-family: "cf_asty_st"; font-size: 18px; line-height: 1.22; text-align: center; }

		#chap6.slide .slide-body { background: url("images/slide6-bg.png") /* 0vw -18vh*/ bottom no-repeat; background-size: cover; }
			#chap6 h1{ color: #fff; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold; margin-bottom: 20px; text-align: center; text-transform: uppercase; }
			#chap6 p{ color: #fff; font-family: "cf_asty_st"; font-size: 17px; line-height: 1.2; text-align: center; }

		#chap7.slide .slide-body { padding: 0 13px; background: url("images/Photo_Forest_1_low.jpg") center no-repeat; background-size: cover; }
			#chap7 span{ color: #fff; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold; line-height: 1.59; text-align: center; text-transform: uppercase; }
			#chap7 span.yellow span{background-color: #00000029; color: #ffc709; }
		
		#chap8.slide .slide-body { background: url("images/IMG_20190612_114445_medium.jpg") center no-repeat; background-size: cover; }
			#chap8 h1{ color: #fff; font-family: "cf_asty_st"; font-size: 25px; font-weight: bold; text-align: center; text-transform: uppercase; }
			#chap8 p{ color: #fff; font-family: "cf_asty_st"; font-size: 18px; line-height: 1.22; margin-top: 25px; text-align: center; }

		#chap9.slide .slide-body{ /*padding: 75px 0; */background: url("images/Line-pipes-stored-in-the-Thessaloniki-port_medium.jpg") center no-repeat; background-size: cover; }
			#chap9 .numbers, #chap9 .billions{ color: #ffc709; font-family: "cf_asty_st"; font-size: 23px; line-height: 1; margin-bottom: 4px; text-align: center; text-transform: uppercase; }
			#chap9 .units { color: #ffffff; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold; line-height: 1.59; text-align: center; margin-bottom:26px; text-transform: uppercase; }
			.numbers-container{ display: table; width:100%; }
			.number{ display: table-cell; width:50%;}
			#chap9 .yellow-line{ background-color: #ffc709; border: none; height: 1px; margin: 40px 0;}
			#chap9 p{ color: #ffffff; font-family: "cf_asty_st"; font-size: 18px; line-height: 1.22; padding: 0 20px; text-align: center; }
		
		#chap10.slide .slide-body{ background: url("images/Welded-pipes_low.jpg") bottom no-repeat; background-size: cover; }
			.slide10-copy { color: #ffffff; display: table-cell; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold;  line-height: 1.59; margin: 0 auto; text-align: center; text-transform: uppercase; vertical-align: middle; }
		
		#chap11.slide .slide-body{ background: url("images/Welded-steel_low.jpg") bottom no-repeat; background-size: cover;}
			#chap11 .head{ color: #fff; font-family: "cf_asty_st"; font-size: 18px; font-weight: bold; line-height: 1.59; padding-top: 15px; margin-bottom: 0; text-align: center; text-transform: uppercase; }
			#chap11 img{ margin: 10px auto 0; height: 55px;}
			#chap11 .numbers{ color: #ffc709; font-family: "cf_asty_st"; font-size: 22px; line-height: 1.59; margin: 10px 0; text-align: center; }		
			#chap11 .units{ color: #fff; font-family: "cf_asty_st"; font-size: 14px; font-weight: bold; line-height: 1; letter-spacing: 3.3px; text-align: center; text-transform: uppercase;}
				#chap11 .uranium .units { margin-top: 10px; }
				.gas-n-coal { text-align: center; }
			#chap11 .source { bottom: -7vh; }

		#chap12.slide .slide-body{ background: url("images/slide12-bg.png") center no-repeat; background-size: cover; }
			#chap12.slide .slide-body .container{ display: table-cell; vertical-align: middle; }
			#chap12 .slide-content{ position: relative;}
			#chap12 h1 { color: #fff; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold; line-height: 1.59; padding: 0 10px; text-align: center; text-transform: uppercase; }

		#chap13.slide .slide-body{ background: url("images/slide13-bg.png") center no-repeat; background-size: cover; }
			#chap13.slide .slide-body .container{ padding-top: 0; display: table-cell; vertical-align: middle; }
			#chap13 .slide-content{ position: relative;}
			#chap13 h1{ bottom: 100px; color: #fff; font-family: "cf_asty_st"; font-size: 17px; font-weight: bold; line-height: 1.5; letter-spacing: 3.3px; padding: 0 10px; text-align: center; text-transform: uppercase; }

		#chap14.slide .slide-body{ background: url("images/Close-up_medium.jpg") center no-repeat; background-size: cover; }
			#chap14 h1 { color: #fff; font-family: "cf_asty_st"; font-size: 22px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
			.slide14-copy p{ color: #ffffff; display: table-cell; font-family: "cf_asty_st"; font-size: 18px; line-height: 1.2; margin: 0 auto; text-align: center; vertical-align: middle; }
			#chap14 table { border-collapse: separate; border-spacing: 4px; margin-bottom: 25px; width: 100%; }
				#chap14 td { vertical-align: top; border: 1px solid #339999; padding: 15px 0 5px; width: 33%;}
					#chap14 td img { height: 40px; margin: 0 auto; }
					#chap14 td h1{ color: #339999; font-family: "cf_asty_st";	font-size: 16px; font-weight: bold; line-height: 1.12; margin: 15px 0 0; text-align: center; }

		#chap15-desk { display: none; }
		#chap15-mobile.slide .slide-body{ background: url(images/pipes_and_crane_low.jpg); background-repeat: no-repeat; display: table;background-size: cover;}
			.discover-link:hover { text-decoration: none; }
				.discover-button { border-top: 2.5px solid #008a87; border-left: 2.5px solid #008a87; border-bottom: 2.5px solid #00706e; border-right: 2.5px solid #00706e; background-color: #009F9C; font-family: "cf_asty_st"; color: #ffffff; font-size: 11px; font-weight: 900; letter-spacing: 1.8px; margin: 31px auto; padding: 15px 5px; text-align: center; text-transform: uppercase; width: 150px; }
			.nei-social { border: 1px solid #339999; border-radius: 60px; color: #339999; display: table; height: 60px; width: 60px; letter-spacing: -0.3px; margin: 0 auto;}
			.nei-social:hover {opacity: .6}
			.nei-social a { color: #339999; display: table-cell; font-size: 24px; vertical-align: middle; }
			#chap15-mobile p { color: white; font-size: 12px; letter-spacing: -0.2px; margin: 20px; text-align: center; }
				#chap15-mobile p a { color: white; font-family: "cf_asty_st"; font-weight: bold; text-decoration: underline;}

/*Charts*/
		#slide3_chart, #slide6_chart{ margin:0 auto; width: 90vw; height: 50vw;}
		#energy-piechart{ margin:0 auto; width: 90vw; height: 80vw;}

/*Non-slide specific styles*/
		.blue-box{ border: solid 1px #339999; display: table; padding: 20px; width: 100%;}
		.emphasis span { background-color: black; color: #339999; }
		.yellow-emphasis span{ background-color: black; color: #ffc709; }
		.source { color:#fff ; font-family: "cf_asty_st" ; font-size: 14px ; line-height: 1.78 ; margin: 5px auto 10px ; position:absolute ; bottom: 28vh; left: 0; right: 0;}
		/*.source-both { color:#fff ; font-family: ""cf_asty_st"" ; font-size: 14px ; line-height: 1.78 ; margin: 5px auto 10px ; position:absolute ; bottom: 0; left: 0; right: 0;}*/
			.source a { color: inherit; font-weight: bold; text-decoration: underline; }
		.yellow-box{ border: solid 1px #ffc709; display: table; padding: 10px; width: 100%;}

/*Current Nav*/
	#current { bottom: 11%; color: #fff; font-family: "cf_asty_st"; font-size: 20px; left: 3%; position: fixed; }

/*Instructions*/
	#instructions { display: none; width: 100%; height: 100%; background: rgba(65,64,66,0.90); color: #fff; position: fixed; top: 0; left: 0; text-align: center; z-index: 50; }
		#instructions h1 { margin: 0 0 50px 0; font: normal 35px/45px "cf_asty_st", cf_asty_st; text-transform: uppercase; }
		#instructions h2 { font: normal 17px/21px "cf_asty_st", cf_asty_st; }
		.hand { display: inline-block; }
			.hand img { margin: 0 auto 10px auto; }
		#hand-left { text-align: right; }
		#hand-right { text-align: left; }
		#instructions-close { font-size: 20px; font-weight: bold; position: absolute; right: 17px; top: 17px; }

/*Footer*/
	.main-footer { margin-top: 33px; padding: 27px 20px; background: #f9f9f9; color: #000; text-align: center; }
		.logo { display: inline-block; position: relative; }
			.main-footer img { margin: 0 auto 15px; padding: 0; width: 309px; }
			.footer-text { padding: 37px 0 0 0; }
				.footer-text h3 { margin: 0 0 12px; font-size: 16px; font-family: "cf_asty_st"; font-style: normal; letter-spacing: -0.2px; text-align: center; font-weight: 400; }
					.footer-text h3 a { font-weight: bold; color: #000; }
						.footer-text h3 a:hover, .footer-text h3 a:focus { color: #ec1b2e; }
			.footer-share { padding: 27px 0 0; display: block; }
				.footer-share li { margin: 0 7px; display: inline-block; }
					.footer-share a { width: 55px; background: transparent; border-radius: 50px; display: block; font-size: 24px; height: 55px; line-height: 55px; letter-spacing: -0.3px; }
						.footer-fb { border: 1px solid #3b5999; color: #3b5999; }
						.footer-twitter { border: 1px solid #55acee; color: #55acee; }
						.footer-youtube { border: 1px solid #cd201f; color: #cd201f; }
							.footer-share a:hover, .footer-share a:focus {  border: 1px solid #000; color: #000; }

	#share{ margin:-72px 0 0 0; position:fixed; top:50%; left:0; z-index:20; display: inline-block; }
	/*.share { margin: 20px 0 30px; position: relative; z-index: 1; }*/
		#share li{ text-align:center; }
		/*.share li { margin: 0 4px; display: inline-block; }*/
			/*.share a { width: 30px; height: 30px; background: #fff; border-radius: 100px; display: block; font-size: 17px; line-height: 30px; }*/
			#share-twitter a{ background:#6ba1d0; }
			#share-facebook a{ background:#415390; }
			#share-linkedin a{ background:#43689a; }
			#share-nei a { background: #000; }
			#share-nei a img { width: 30px }
			/*.share a { color: #fff; }*/
				/*.share a:hover, .share a:focus { transform: scale(1.1); }*/
					.share-twitter a{ background:#6ba1d0; }
					.share-facebook a{ background:#415390; }
					.share-linkedin a{ background:#43689a; }
		#share a{ width:48px; height:48px; padding:5px 0 0 0; font-size:26px; color:#fff; display:block; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
			#share a:hover{ width:58px; }


/* #Media Queries
================================================== */
	@media only screen and (min-width: 360px) {
		#main-header h1 { font-size: 24px; margin: 35px 0 14px 0; }
		#main-header h2 { margin-bottom: 12px; }
	}

	@media only screen and (min-width: 479px) {
		#main-header h1 { margin-bottom: 12px; }
		#main-header h2 { margin: 0 auto 15px; font-size: 26px; }
	}

	@media only screen and (min-width: 568px) {
		#current { bottom: 19%; }
	}


	@media only screen and (min-width: 768px) {
		.iScrollIndicator { display: none !important; }
		.story-sponsorship { position: relative; z-index: 10; }
		#share-nei a img { width: 75%; }

		.swipe-arrow { display: none; }
		#instructions { display: none; }

		.start-btn { margin: 35px auto; width: 156px; background-color: #404040; color: #fff; display: block; font-family: "cf_asty_st"; font-size: 16px; font-weight: 900; padding: 10px 20px; position: relative; text-transform: uppercase; }
		.start-btn:hover{ cursor: pointer; }
			#start-arrow{color: white; cursor: pointer; display: block; font-size: 25px; font-weight: lighter; left: 0; margin: 0 auto; position: absolute; right: 0; top: 73%; }
		

		#main-header { overflow: hidden }
			#main-header .slide-body { background: url("images/Welded-pipes_low.jpg") bottom no-repeat; background-size:cover;padding: 0;}
			#main-header .vcenter { position: absolute; left: 0; right: 0; }
			#main-header h1 { font-size: 45px; line-height: 1.25; letter-spacing: 10.7px; }
			#main-header h3 { font-size: 14px; }
			#main-header .vcenter .container{ position: initial; }

		#slick { margin-bottom: 0;  overflow-y: initial;}
			.slide .slide-body { padding-top: 0; padding-bottom: 0; position: relative; top: 0; }
				.slide-body { display: table; height: 110vh; min-height: 1px; }
					.slide-body .container{ display: table-cell; vertical-align: middle; }

		#chap1.slide .slide-body{ background: url("images/map_medium.jpg") 50% 75%  no-repeat, url("images/section4-bg.png") 50% 75% no-repeat; background-size: cover; padding-top: 0; }
			#chap1 .container{ vertical-align: initial;  padding-top: 100px;}
			.the-u-s-leads-the-w { font-size: 30px; }
			.map-legend{ background-color: rgba(0,51,102,0.69); padding: 10px 20px; }
			.dots { margin-top:15px;}
			#mobile-map{ display: none; }
			.desk-source { display: block; }
			.mobile-source { display: none; }

		#chap2.slide .slide-body{background: url("images/pipes_and_crane_low.jpg") 50% 75% no-repeat; background-size: cover; padding-top: 0; }
			.chap2-copy { font-size: 30px; line-height: 1.59; text-align: left; margin: 45px; }

		#chap3.slide .slide-body{background: url("images/section3-bg.png") no-repeat; background-size: cover; padding: 0; }
			#chap3 h1 { font-size: 40px; margin: 10px 0 30px; }
			.by-2040-the-world-w{ font-size: 29px; text-align: center; }

		#chap4.slide .slide-body{background: url("images/section4-bg.png") no-repeat; background-size: cover; padding: 44px 0; }
			.energy-source{ font-size: 40px; }
			.energy-source-copy { font-size: 25px; line-height: 1.59; margin-top:20px;}
			#piechart-labels{ position: absolute; }
				#piechart-labels div { font-family: "cf_asty_st"; font-size: 25px; font-weight: bold; line-height: 0.88; text-align: center; color: #001550; position: relative;}
				#petrol{ left:300%; top: -22vw; }
				#nat-gas{ left: 19vw; top: -26vw; }
				#coal{ left: 28vw; top: -15vw; }
				#clean{ right: -18vw; top: -22vw; }

		#chap5.slide .slide-body{background: url("images/1. kiln in situ_medium.jpg") bottom no-repeat; background-size: cover; padding: 0; }
			.us-leader-copy h1{ font-size: 40px; }
			.us-leader-copy p { font-size: 30px; line-height: 1.33; }
		
		#chap6.slide .slide-body{background: url("images/section6-bg.png") bottom no-repeat; background-size: cover; padding: 0; }
			#chap6 h1 { font-size: 40px; }
			#chap6 p { font-size: 29px; }
		
		#chap7.slide .slide-body{background: url("images/Photo_Forest_1_low.jpg") bottom no-repeat; background-size: cover; padding: 0; background-position: center; }
			#chap7 span { font-size: 35px; line-height: 1.5; }
		
		#chap8.slide .slide-body{background: url("images/IMG_20190612_114445_medium.jpg") no-repeat; background-size: cover; padding: 0; }
			#chap8 h1 { font-size: 40px; margin-bottom: 30px; }
			#chap8 p { font-size: 30px; }
		
		#chap9.slide .slide-body{background: url("images/Line-pipes-stored-in-the-Thessaloniki-port_medium.jpg") center no-repeat; background-size: cover; /*padding: 20px 0;*/}
			#chap9 .numbers, #chap9 .billions{ font-size: 55px; line-height: 0.38; }
			#chap9 .units { font-size: 40px; margin-top: 20px; }
			#chap9 p { font-size: 30px; line-height: 1.2; }
			.numbers-container{ display: table; width:100%; margin: 136px auto 5em; }
			.number{ display: table-cell; width:50%;}
		
		#chap10.slide .slide-body{background: url("images/empty.jpg") bottom no-repeat; background-size: cover; padding: 0; }
			.slide10-copy span { font-size: 30px; }
		
		#chap11.slide .slide-body{background: url("images/Welded-steel_low.jpg") 50% 100% no-repeat; background-size: cover; padding: 0; }
			#chap11 img{ margin: 35px auto 0; height: 80px; }
			#chap11 .head { font-size: 28px; }
			#chap11 .units{ font-size: 28px; }
			#chap11 .numbers{ font-size: 60px; line-height: 0.38; letter-spacing: 1px; margin: 30px 0;}
			#chap11 .source { margin-top: 30px; bottom: 21vh; }
		
		#chap12.slide .slide-body{background: url("images/section12-bg.png") 50% 100% no-repeat; background-size: cover; padding: 0; }
			#chap12 h1{ font-size: 40px; }
			#chap12 .slide-content{ bottom: 0; }
		
		#chap13.slide .slide-body{background: url("images/empty.jpg") 50% 100% no-repeat; background-size: cover; padding: 0; }
			#chap13.slide .slide-body .container{ padding-top: 20px; vertical-align: bottom; }
			#chap13 .slide-content{ bottom: 0; }
			#chap13 h1{ font-size: 40px; margin-bottom: 80px;}
		
		#chap14.slide .slide-body{background: url("images/Close-up_medium.jpg") 50% 100% no-repeat; background-size: cover; }
			#chap14 h1 { font-size: 40px; }
			#chap14 table { border-collapse: separate; border-spacing: 4px; margin-bottom: 25px; width: 100%; }
			#chap14 td img { height: 60px; margin: 0 auto; }
			#chap14 td h1{ font-size: 30px; font-weight: bold;  line-height: 1.33; letter-spacing: 5px; }
			#chap14 .slide14-copy p { font-size: 25px; line-height: 1.2; }

		#chap15-mobile { display: none; }
		#chap15-desk {display: block;}
		#chap15-desk.slide .slide-body{
		 /*background-color: black;*/ 
		 background:url("images/pipes_and_crane_low.jpg") 50% 100% no-repeat; 
		  padding: 0;
		 background-size: cover; 
		 display: table; 
		 height:100%;
		}
			#chap15-desk .footer-table { display: table; margin: auto; }
				#chap15-desk .footer-row { display: table-row; }
					#chap15-desk .footer-cell { display: table-cell; padding: 0 15px; }
					#chap15-desk .footer-cell:nth-of-type(2){ border-left: 1px solid #339999; vertical-align: middle; }
						.discover-link:hover { text-decoration: none; }
							.discover-button {  border-top: 2.5px solid #008a87; border-left: 2.5px solid #008a87; border-bottom: 2.5px solid #00706e; border-right: 2.5px solid #00706e; background-color: #009F9C; font-family: "cf_asty_st"; color: #ffffff; font-size: 11px; font-weight: 900; letter-spacing: 1.8px; margin: 31px auto; padding: 15px 5px; text-align: center; width: 150px; }
						.discover-button:hover, .nei-social a:hover { opacity: .6 }
						.nei-social { border: 1px solid #339999; border-radius: 60px; color: #339999; display: table; height: 60px; width: 60px; margin: 0 auto;}
						.nei-social a{ color: #339999; display: table-cell; font-size: 24px; letter-spacing: -0.3px; vertical-align: middle; }
						#chap15-desk p { color: white; font-family: "cf_asty_st"; font-size: 16px; letter-spacing: -0.2px; margin: 20px; text-align: center; }
							#chap15-desk p a { color: white; font-weight: bold; text-decoration: underline;}

		#slide3_chart, #energy-piechart, #slide6_chart{ width: 750px; height: 342px; }
		.main-footer { margin-top: 0; padding: 58px 20px 27px; display: none; }
		/*.global-footer { bottom: 0; position: absolute; width: 100%; }*/

		.source {position: static;}
		#current { bottom: 3%; }
	}

	@media only screen and (max-width: 1028px) and (min-width: 900px){
		#chap9 .numbers, #chap9 .billions {
    	font-size: 40px;
    	line-height: 0.38;
		}
		#chap9 .units {font-size: 30px;}
			.numbers-container { margin-bottom: 2em }
		.nei-social { height: 50px; width: 50px }
	}

		@media only screen and (max-width: 899px) and (min-width: 767px){
		#chap9 .numbers, #chap9 .billions {
    	font-size: 35px;
    	line-height: 0.38;
		}
		#chap9 .units {font-size: 25px;}
			.numbers-container { margin-bottom: 2em }
		.nei-social { height: 45px; width: 45px }
	}

	@media only screen and (min-width: 990px) {
		#main-header h1 { font-size: 55px; }
		#main-header h3 { font-size: 18px; }
		 #main-header h3:nth-of-type(1){ margin-top:75px; }

		.graphic { margin: 30px -14% 0 29px; width: 45%; float: right; }
		.cards-show { width: 30%; }
		.slide-info { padding: 54px 8px; top: 45%; }
			.slide-info h2 { margin-bottom: 48px; }
		.watch { height: 353px; }
		.article-nav-text { font-size: 15px; }
	}

	@media only screen and (min-width: 768px) and (max-height: 767px) {
		#main-header .slide-body .container { display:block; padding-top: 35px; }
			#main-header h3:nth-of-type(1) { margin-top: 45px; }
		#chap3 p, #chap4 p, #chap5 p, #chap6 p, #chap8 p, #chap9 p, #chap14 .slide14-copy p { font-size: 20px; }
		#slide3_chart { height: auto; width: 600px; }
		#energy-piechart { height: auto; width: 550px; }
		.start-btn { margin: 25px auto 0; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#nei-sponsoredcontent-jan2018_pol-01, #nei-sponsoredcontent-adslot2-jan2018_pol-02 { margin: 15px 0; }
		#main-header .slide-body { padding: 0; }
		#main-header .slide-body .container { padding-top: 20px; }
		#main-header h2 { font-size: 1.4em; }
		.swipe-arrow { position: relative; margin: 15px auto; }
		.slide .slide-body {
			display: -webkit-box;
  		display: -ms-flexbox;
	  	display: -webkit-flex;
			display: flex;
			align-items: center;
			flex-flow: row wrap;
			min-height: auto;
			height: calc(100vh - 213px);
		}
		.label-tlm {
			color: #fff;
			font-size: 10px;
		}
		#current { position: absolute; }
		.source { bottom: 10px; }
		#chap1.slide .slide-body, #chap3.slide .slide-body, #chap4.slide .slide-body, #chap6.slide .slide-body, #chap9.slide .slide-body, #chap11.slide .slide-body { padding: 0 0 39px; } /* Spacing for Source Text */
		#chap1 #mobile-map { max-width: 90%; margin: 0 auto; }
		#chap3 p, #chap4 p, #chap5 p, #chap6 p, #chap8 p, #chap9 p, #chap14 p { font-size: 16px; } /* Default regular text font-size to be consistent */
			#chap9 p { font-size: 15px; }
		#chap2 .chap2-copy { font-size: 22px; }
		#chap3.slide .slide-body { background-position: center bottom; }
		#chap4 .source { bottom: 10px; }
		#chap5.slide .slide-body { padding: 0; }
			#chap5 .us-leader-copy h1 { font-size: 21px; }
		#chap6 h1 { font-size: 20px; }
		#chap9.slide .slide-body .container { padding-top: 60px; }
		#chap9.slide .yellow-line { margin: 35px 0 20px; }
		#chap11 .head { font-size: 22px; padding: 0; }
		#chap13 h1 { font-size: 22px; letter-spacing: 0; }
		#chap15-mobile.slide .slide-body {
			display: -webkit-box;
  		display: -ms-flexbox;
	  	display: -webkit-flex;
			display: flex;
		}
		#share{ width:100%; margin:0; bottom:0; left:0; top:auto; }
			#share li{ width:25%; float:left; }
				#share li a{ width:100%; display:block; }
				#share li a:hover, #share li a:focus{ width:100%; }
}

@media only screen and (max-width: 320px) {
	#current { position: fixed; }
	.slide .slide-body {
		min-height: calc(100vh - 145px);
		height: auto;
	}
}

/* Mobile Landscape */
@media only screen and (max-width: 767px) and (orientation : landscape) {
	.source { position: relative; }
	.slide .slide-body {
		min-height: calc(100vh - 123px);
		height: auto;
	}
}