/*
Theme Name:     Typology Child
Theme URI:      http://mekshq.com
Description:    Child theme for Typology theme
Author:         meks
Author URI:     http://mekshq.com
Template:       typology
Version:        0.1.0
*/


/*******************
OUR REGENERATIVE FUTURE MENU FIXES
********************/
#ourregenerativefuture >.wrapper >.menu >ul{
    padding-top: 218px;
    padding-left: 0px!important;
    text-align: left!important;
    position: fixed;
    margin-top: 50px;
}




/*******************
THU 6 SEP 2018
********************/

/* HUMAN ELEMENT */

/* Color BG */

/* THE HUMAN ELEMENT + EXTRA PAGE STYLING*/
#humanelement .slot-l {
  display:none;
}

#humanelement .typology-header {
  z-index: 999001;
  height: 50px;
}

#humanelement .avatar {
	border-radius:0;
}

#humanelement {
	background-color:#fff;
}

.et_bloom_header_outer {
	margin:auto;
}

.et_bloom_form_header {
	width: 100%;
}

.et_bloom_form_container {
	top: 160px !important;
}

.et_bloom_image {
	opacity:1;
}

/* NEWSLETTER POPUP FIXES */

@media screen and (max-width:767px) {
	.et_bloom_form_container_wrapper {
		display:block !important;
	}

	.et_bloom_header_outer {
		float: none !important;
	    display: block !important;
	    width: 100% !important;
	}

	.et_bloom_form_content {
		float: none !important;
	    display: block !important;
	}

	.et_bloom_form_container {
		top:160px !important;
	}

	.et_bloom_image {
		opacity:1 !important;
	}
    
}

.typology-header .typology-nav > li.human-element-btn > a {
  background-color: #c09685;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  margin-left: 10px;
}
.typology-header .typology-nav > li.human-element-btn > a:hover {
  background-color: #afc5d1;
  color: #fff;
}

#humanelement .sponsorHolder {
	display:flex;
  	justify-content: center;
  	align-items: center;
  	flex-wrap: wrap;
}

#humanelement .sponsorHolder >div {
	width: 150px;
    height: 200px;
    position: relative;
    margin: 1.5em;
}

#humanelement .sponsorHolder >div img {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;

    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

    transition:0.4s;
}

#humanelement .sponsorHolder >div img:hover {
	-webkit-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
    
#humanelement #text-content {
	max-height:380px;
	overflow:hidden;

	position:relative;
	transition:1.5s;
}

#humanelement #text-content .gOverlay{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 380px;
    margin: auto;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+48,ffffff+79&0+48,1+79 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 48%, rgba(255,255,255,1) 79%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 48%,rgba(255,255,255,1) 79%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 48%,rgba(255,255,255,1) 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#readMore {
	position: absolute;
    top: 320px;
    left: 0;
    right: 0;
    width: 130px;
    margin: auto;

    color: #C0967C;
	font-family: Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;

	opacity:1;
	display:inline-block;

	transition:0.4s;
	transition-timing-function: ease-in;
}

#readMore:hover {
	transition:0.4s;
	background-color: #C0967C;
	color:white;
}

/* Disable irrelevants */

#humanelement #typology-footer {
	background: none;
	height:200px;
}

#humanelement .newsletter-signup {
	display:none;
}

/* Re-enable comment div */

#humanelement #comments {
	display: block;
}

.he_header {
	width: 100%;
	max-height: 900px;
    
    background-color: black;
    position: relative;
    overflow:hidden;
}

.he_header video, .he_header iframe {
	max-height: 900px;
	min-height: 300px;
}

#countdown {
	white-space: nowrap;
}

#countdown p {
	color:white;
	margin-bottom:0;
}

/* Style header */

#humanelement .he_header h1 {
	color:white;

	position:absolute;

	margin-left: 50%;
	top: 50%;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	z-index:10;
	max-width: 500px;
    text-align: center;
}

#humanelement .he_header h2 {
	position: absolute;
    margin-left: 50%;
    top: 50%;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    z-index: 10;
    width: 100%;
    text-align: center;
    white-space: normal;
    margin-top: 3em;
}

#humanelement iframe, #humanelement video {
	width:100%;
	height:100%;
}

/* Pad content */

.humanelement main {
	padding-top: 3em;
}

.humanelement figure {
	padding-top: 1em;
}


/* Footer */

#humanelement .typology-author-box-title{
	color: #C0967C;
	font-family: Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
}

#humanelement .typology-author-links a.typology-button-social{
	color: #C0967C!important;
	border-bottom:3px solid #C0967C;;
}
#humanelement .newsletter-signup{
	display:none;
}

#humanelement .social-icons{
    margin-top: 50px;
}

#humanelement .typology-footer{
	background:none;
}

#humanelement .typology-footer p {
    padding: 0px;
    margin: 20px !important;
    text-align: center;
    display: block;
    margin: 0 auto!important;
    line-height: 43px;
}

#humanelement .typology-footer {
    height: 200px;
}

#humanelement .section-content-page{
	max-width:100%;
}

#humanelement h1{
	 font-family:Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
	 text-transform:uppercase;
	 letter-spacing:10px;
	 color:#000;
	 font-size:47px;
	 width:100%;
}
#humanelement h2{
	 font-family:Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
	 letter-spacing:7px;
	 color:#C0967C;
	 font-size:30px;
}

#humanelement p, #humanelement span{
	font-family: 'Roboto', sans-serif!important;
	font-size:16px;
}

#humanelement ul li{
	font-family: 'Roboto', sans-serif!important;
}
#humanelement ol li{
	margin:20px 0 0 30px;
}

#humanelement .story h3{
	color:#C0967C;
	padding-top: 2em;
}

#humanelement .et_bloom_submit_subscription {
	background-color:#C0967C !important;
}

#sb_instagram {
	margin: 3em auto;
}


@media (max-width: 1400px) {
	#humanelement .he_header h1 {
		text-align: center;
	}

	#humanelement #countdown {
		margin-top:2em;
		padding-top: 3em
	}

	#humanelement #countdown >div {
		font-size: 2.6rem !important;
		padding: 0 2em;
	}
}

@media (max-width: 600px) {
	#humanelement .sponsorHolder div {
		height:80px;
		display:block;
		margin:0 auto;
	}

	#humanelement #countdown >div {
		font-size: 1.5rem !important;
	}

	#humanelement #countdown {
		padding-top: 2em;
	}

	#humanelement video, #humanelement iframe {
		width:auto;
		height: 300px;
	}
}







/*******************
WED 5 SEP 2018
********************/

/* PP BANNER CHANGES */

#pp-banner {
	margin-top:-50px;
}

#pp-banner-duplicate {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}


/* TYPOLOGY */
body{
	position:relative;
}
.typology-sticky-author img{
	margin-top:37px;
}

.typology-author{
	width:800px!important;
}
.typology-author-links .typology-button-social{
	color:#fff!important;
}

/* FOOTER */
.site-info{
	background: #0075a9!important;
}
.site-info a{
	color:#fff;
}


/* Story pages */

/* Colours:
Ultra Dark: #0C210C
Dark: #164017
Mid: #2D7F2F
High: #43BF46
*/


.story {
	max-width: 100%!important;
	padding: 0;
}

.story .entry-content, .story .entry-headline, .story .entry-footer {
	width: 100% !important;
	margin: 0 auto;
}

.story .container{
	width:100%;
}
.story .section-content {
    max-width: 100%!important;
	margin-bottom: -70px;
}

.story section {
	margin-bottom: 100px;
}

.story p, .story h1, .story h2, .story h3, .story h4, .story h5, .story h6, .story ul, .story ol, .story blockquote {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}

.story h1 {
	margin: 0 auto 20px auto;
}

.story h2 {
	padding-top: 20px;
	margin: 0 auto 20px auto;
	font-size: 35px;
	color: #1D2F6E;
	text-align: center;
	/* font-family: 'Open Sans';
    font-weight: 400; */
    text-transform:none;
}

.story h3 {
	margin: 0 auto 20px auto;
	font-size: 30px;
	color: #1D2F6E;
	font-family: 'Open Sans';
    font-weight: 400;
    text-transform:none;
}

.story h4 {
	margin: 0 auto 20px auto;
	text-align: center;
	font-family: 'Open Sans';
    font-weight: 400;
    text-transform:none;
}

.story h5 {
	margin: 0 auto 20px auto;
}

.story h6 {
	background: #F3F3F3 !important;
	width: 100%;
	max-width: 100%;
	color: #0C210C;
	font-family: 'Lora', Georgia, serif;
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 100px 20%;
	display: block;
}
.story p {
	font-family: 'Lora', Georgia, serif;
	margin: 0 auto 20px auto;
	color: #444;
	font-size: 16px;
}

.story a{
	color: #0075a9;
}


.story ul {
	margin-top: -10px;
	margin-bottom: 20px;
	padding-left: 40px;
	font-family: 'Lora', Georgia, serif;
	color: #444;
	font-size: 16px;
}

.story p b {
	font-weight: 700;
}

.story table {
	margin: 40px auto;
	width: 100%;
	max-width: 1000px;
	border: 1px solid #e6e6e6;
}

.story table th {
    padding: 10px 15px;
}
.story table td, .story table th {
	border: none;
}
.story table tr:nth-child(2n) {
	background: #F1F1F1;
}

.story table td {
	font-size: 12px;
}

.story table td:first-child {
	font-weight: bold;
	width: 21%;
}

.story table td:last-child {
	font-size: 60%;
}

.story a, .story a:hover{
	border-bottom:0px;
}

.easy-footnote-title, .easy-footnotes-wrapper {
	display: none;
}

.easy-footnote a {
	color: #2D7F2F;
}
.story p span.dropcap {
	float: left;
	color: #164017;
	font-size: 75px;
	line-height: 60px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
	font-family: Georgia;
}

.story .vce-main-content {
	padding: 0;
	width:100%;
}

.story .entry-header {
	display: none;
}

.story .entry-content {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	padding-bottom: 50px;
	background: url(../png/storybackground.png) 0 0 repeat;
}

.story .vce-share-bar {
	padding-top: 30px;
}

.story .vce-share-items {
	margin: 0;
	padding: 0;
}

.story .main-box {
	margin-bottom: 0;
}

.story + footer .bit-1 {
	display: none;
}

.story .typology-social-icons{
	max-width:1000px;
	margin:0 auto;

}
.story .typology-social-icons a{
	color:#fff;
}

.story .typology-section-related{
	display:none;
}
.comment-list{
	background: #ffffff;
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    padding:30px;
}

.aesop-component {
	margin: 4rem auto;
}

.aesop-parallax-component {
	margin-top: 0;
	margin-bottom: 100px;
}

.aesop-parallax-sc-caption-wrap {
	background: none;
	color: #FFF;
	font-size: 12px;
	line-height: 1.2;
	text-shadow: 1px 1px 3px rgba(0,0,0,1);
	max-width: 100%;
}

.aesop-parallax-sc-caption-wrap.bottom-left {
    bottom: 5px;
    left: 5px;
}

.aesop-quote-component.quote-left-right {
	/*overflow: visible;*/
}

.aesop-quote-component blockquote {
	text-align: left;
	font-style: normal;
}


.quote-left-right {
	max-width: 800px;
	width: 100%;
}

.story {
	max-width: 100%!important;
	padding: 0;
}


.aesop-quote-type-block blockquote {
	width: 100%;
	max-width: 800px;
	padding: 10rem 0;
	display: block;
}

.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-left, .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-right {
	border: none;
	margin: 0 2%;
}
.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-left blockquote, .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-right blockquote {
	padding: 20px 0 0 0;
	border:0px;
	border-top: 3px solid #2D7F2F;
}
.aesop-component-align-left.aesop-image-component-image {
	margin-left: 1rem;
}
.aesop-component-align-right.aesop-image-component-image {
	margin-right: 1rem;
}

.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center {
	border: none;
	max-width: 600px;
}

.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center blockquote {
	padding: 1rem;
	border:0px;
	border-top: 3px solid #2D7F2F;
}

@media (max-width: 600px) {
	.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-left, .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-right {
		margin: 20px 0;
		padding-top: 10px;
	}
}

.story blockquote:before, .story q:before {
	display: none;
}

.aesop-article-chapter-wrap {
	display: none;
}

.aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
	top: 50%;
	color: #FFF;
	font-family: 'open sans', calibri, sans-serif;
	font-size: 40px;
	line-height: 1em;
	text-shadow: 1px 1px 4px rgba(0,0,0,1);
}

#scrollNav-2 .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
#scrollNav-1 .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center, #scrollNav-5 .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center, #scrollNav-6 .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center, #scrollNav-10 .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
.aesop-parallax-sc .aesop-parallax-sc-floater.floater-center em {
	display: block;
	font-size: 70px;
	line-height: 1.2;
	font-style: normal;
}

/* NZNZ STYLING */

/* - TYPOGRAPHY - */
@font-face {
    font-family: 'Nexa Bold';
    src: url('../eot/nexa_bold-webfont.eot');
    src: url('../eot/nexa_bold-webfontd41d.eot#iefix') format('embedded-opentype'),
         url('../woff2/nexa_bold-webfont.woff2') format('woff2'),
         url('../woff/nexa_bold-webfont.woff') format('woff'),
         url('../ttf/nexa_bold-webfont.ttf') format('truetype'),
         url('../svg/nexa_bold-webfont.svg#Nexa Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_bookregular';
    src: url('../nexa-book-webfont.html') format('woff2'),
         url('../nexa-book-webfont-2.html') format('woff');
    font-weight: normal;
    font-style: normal;
}

body.nznz-template{
	background:#fff;
}
/*.nznz-template .typology-sidebar-overlay{
	display:none;
}
*/

.nznz-template .typology-cover{
	display: none;
}
.nznz-template #content{
	overflow:hidden;
}

.widget-title{
    font-size: 22px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 0;
    padding: 15px 15px 18px 15px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    color:#00bfa5!important;
    background:#fff;
    text-transform:none!important;
}

.nznz-template .section-content-page{
	max-width:100%;
}

.nznz-template h1{
	 font-family:Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
	 text-transform:uppercase;
	 letter-spacing:10px;
	 color:#000;
	 font-size:47px;
}
.nznz-template h2{
	 font-family:Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
	 text-transform:uppercase;
	 letter-spacing:7px;
	 color:#00bfa5;
	 font-size:30px;
}

.nznz-template p, .nznz-template span{
	font-family: 'Roboto', sans-serif!important;
	font-size:16px;
}

.nznz-template ul li{
	font-family: 'Roboto', sans-serif!important;
}
.nznz-template ol li{
	margin:20px 0 0 30px;
}

.nznz-template .story h3{
	color:#00bfa5;
}
.nznz-graphs{
	max-width:1200px;
	margin:0 auto;
	margin-bottom:30px;
}

.nznz-template .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center blockquote:before,
.nznz-template .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center blockquote:after {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    content: '' !important;
    display: block !important;
    height: 3px !important;
    width: 100px !important;
    background: #1de9b6 !important;
    border-radius:0px;
    -webkit-box-shadow:none!important;
    box-shadow: none!important;
    font-size: 0px!important;
    font-weight: 0!important;
    padding: 0px!important;
}

.nznz-template blockquote{
	font-weight:300!important;
}

.nznz-template blockquote:before, .nznz-template q:before{
	content: '' !important;
	top:0!important;
}

.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center{
	margin:0 auto;
	margin-bottom:50px;
}

.nznz-template .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center blockquote:after {
	top: auto;
	bottom: 0;
}

.nznz-template .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center blockquote {
	padding: 2rem;
	border:none;
/*	border-top: 3px solid #1de9b6;
	border-bottom: 3px solid #1de9b6;
*/	font-size:21px!important;
}
blockquote span{
	font-size:21px!important;
	font-weight:300;
}

.nznz-template .widget{
	width:100%;
}

.footer-widgets{
	background-color:#f8f8f8;
	width:100%;
}

.footer-widgets #comments{
	display:block;
	width:100%;
}

.footer-widgets .container{
	max-width:800px;
}

.footer-widgets .comment-title, .footer-widgets h2{
    text-align: center;
    margin-bottom: 0;
    padding: 15px 15px 18px 15px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
    color: #00bfa5!important;
    background: #fff;
    text-transform: none!important;
    font-family: 'Open Sans'!important;
    font-weight: 400;
    color: #00bfa5;
    font-size: 30px;
    letter-spacing:0px!important;
    margin-bottom:20px;
    margin-top:20px;
}

.footer-widgets h4{
    text-transform: none!important;
    font-family: 'Open Sans'!important;
    font-weight: 400;
    color: #444444!important;
}
.footer-widgets h3{
    text-transform: none!important;
    font-family: 'Open Sans'!important;
    font-weight: 400;
    color: #444444!important;
    text-align:center;
}

.footer-widgets p{
	font-size:14px;
}
.footer-widgets .avatar{
    border-radius: 50%;
    width: 100px;
    height:100px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
    border: 5px solid #FFF;
}

.story h2:after{
	max-width:100%!important;
}

/* FIREFLY */
.intro_slider .into_firefly {
    width: auto;
       left: 100px;
          color: #fff!important
      }
  .into_firefly {
      width:100%;
      height:100%;
  position:absolute
}
    .into_firefly div {
    border-radius:50%;
      opacity:0.8
}

/* TABLE */

.nznz-template .story table {
	margin: 40px auto;
	width: 100%;
	max-width: 1000px;
	border: 0px;
}

.nznz-template .story table th {
    padding: 10px 15px;
    color:#fff;
    background-color:#929497;
}

.nznz-template .story table td, .story table th {
	border: none;
}

.nznz-template table tr:nth-child(even) {
	background: #f2f2f2;
}
.nznz-template table tr:nth-child(odd) {
	background: #e6e6e6;
}

.nznz-template .story table td {
	font-size: 12px;
	font-weight:normal;
}

.nznz-template .story table td:first-child {
	font-weight:normal;
	width: 21%;
}

/* COLOURS */
.white{color:#FFF!important;}
.yellow{color:#FFEE58;}
.grey{color:#BDBDBD;}
.light-green{color:#1DE9B6;}
.subtle-grey{color:#80CBC4;}
.dark-grey{color:#00BFAS;}

.hideme, .hideme1, .hideme2, .hideme3, .hideme4, .hideme5, .hideme6
{
    opacity:0;
}

body.nznz-template{
	margin-top:-130px;
	max-width: 100%;
    	overflow-x: hidden;
}

.nznz-template  .story .entry-content {
	background: none;
}

.nznz-template  .vce-main-content{
    float: none;
    width: 100%;
    padding: 0px;
}
.nznz-template .aesop-parallax-sc-floater{
	z-index:99;
	display:block;
	position:relative;

}

/* REMOVE HEADER */

.nznz-template .meta-image{
	display:none!important;
}
.nznz-template  .meta-author{
	display:none;
}

.nznz-template hr{
	border:0;
	background-color:#1de9b6;
	width:100px;
	height:3px;
	margin-bottom: 1.5em;
}

/* NAVIGATION */
.nav-bar{
	height:50px!important;
	width:100vw!important;
	background-color:#141414!important;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
.nznz-logo-nav{
	width:35px;
	float:left;
	padding:10px 0 0 10px;
}
ul.main-menu{
	padding:0px;
}

#nav-icon {
  width: 26px;
  height: 19px;
  margin: 15px 0 40px 0px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin:0 auto;
  margin-top: 15px;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #1de9b6;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;

}

#nav-icon .special-span{
	width:20px;
}

#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 0px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 16px;
	  left: 0px;
}

.fullscreen-nav {
	  padding-top: 40px;
	  height: 100%;
	  width: 100%;
	  background: white;
	  position: fixed;
	  left: 0;
	  top: 0;
	  text-align: center;
	  /*opacity: 0;*/
	  display:none;
	  transition: 4s;
	  z-index:9999;
	  -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
	  -moz-animation: fadein 0.5s; /* Firefox < 16 */
	  -ms-animation: fadein 0.5s; /* Internet Explorer */
	  -o-animation: fadein 0.5s; /* Opera < 12.1 */
	   animation: fadein 0.5s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fullscreen-nav.open {
 	 display:block;
}

.main-menu {
	  position: absolute;
	  width: 100%;
	  margin: 0 auto;
	  max-width: 1000px;
	  list-style: none;
	  left: 0;
	  right: 0;
	  top: 20%;
}

.main-menu  a{
	font-family:Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
             text-transform:uppercase;
	letter-spacing:5px;
	color:#000;
	font-size:35px;
	display:block;
	margin-bottom:30px;
	text-decoration:none;
	cursor:pointer;
	padding:10px 0 50px 0;
	line-height:20px;
}

.main-menu  span{
	font-size:12px;
	color:#c0c0c0;
}
.main-menu  a.disabled{
	color:#c0c0c0;
}
.nav-link {
	  padding: 20px 0px;
	  font-size: 48px;
	  border-bottom: 1px solid #f7f7f7;
	  font-weight: 700;
	  -o-transition:.5s;
	   -ms-transition:.5s;
	   -moz-transition:.5s;
	   -webkit-transition:.5s;
	   transition:.5s;
}

/*.nznz .vce-content-outside {
	display:none;
}*/


@media screen and (max-width: 768px) {

	.main-menu  a{
		font-family:Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
	             text-transform:uppercase;
		letter-spacing:5px;
		color:#000;
		font-size:18px;
		display:block;
		margin-bottom:30px;
		text-decoration:none;
		cursor:pointer;
		padding:10px 0 10px 0;
		line-height:20px;
	}

	.nav-link:hover {
	   color:  #1de9b6;
	}

}

/* iPad portrait specific css */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1023px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

	.vote-offtrack, .vote-innovatenz, .vote-resourcefulnz {
	    margin: 0 auto;
	    max-width: 250px!important;
	}
	.vote-offtrack p, .vote-innovatenz p, .vote-resourcefulnz p{
	    margin:0;
	    padding:0;
	}

}



/* MAIN HERO */
.nznz-template .nznz-title{
	width:500px;
	margin:0 auto;
	margin-top:-60px;
	z-index:99999999;
}
.nznz-template .aesop-parallax-component {
    	margin-top: 100px;
    	margin-bottom: 0px;
}
.nznz-template .nznz-template .aesop-parallax-component{
	margin-bottom:0px;
}

.nznz-template .aesop-component{
	margin:0;
}

/* NZNZ CONTENT */

.nznz-template .aesop-parallax-component :nth-child(1){
	margin:-30px!important;
}

.prologue-section{
	background-color:#f7f7f7;
	padding:100px 0 150px 0;
	margin:0 0 100px 0;
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 85%, 0 100%);
  	clip-path: polygon(0% 0%, 100% 0, 100% 85%, 0 100%);
}
.nznz-template .prologue-section a{
	text-decoration:none;
	color:#00bfa5;
}

.introduction-section a{
	text-decoration:none;
	color:#00bfa5;
}

.climate-change-section{
	background-color:#f7f7f7;
	background:url(../land-bg.html) #f7f7f7 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:300px 0 1000px 0;
	margin:50px 0px 50px 0;
	 -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 90%, 0 100%);
  	clip-path: polygon(0% 10%, 100% 0, 100% 90%, 0 100%);
}

.conclusion-section{
	background-color:#f7f7f7;
	background:url(../jpg/footer-bg-3.jpg) #f7f7f7;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	padding:400px 0 400px 0;
	margin:50px 0px 0px 0;
	 -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
  	clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
  	color:#fff;
}
.conclusion-section p, .conclusion-section li{
  	color:#fff!important;
}

.objective-section{
	max-width:1000px;
	margin:0 auto;
}

.objective-section .nznz-thumb{
	background:url(../thumb-bg.html) #f7f7f7;
	background-repeat:no-repeat;
	background-position:bottom left;
	border:1px solid #dfdfdf;
	max-width:300px;
	float:left;
	display:inline;
	margin:10px;
	padding:20px;
	border-radius:4px;
	position:relative;
	min-height:350px;
	text-align:center;
	font-family: 'Roboto', sans-serif!important;
}

.objective-section .nznz-thumb .number{
	background-color:#1de9b6;
	padding:15px 20px 15px 20px;
	color:#fff;
	margin:20px;
	display:block;
	width:60px;
	margin:0 auto;
	margin-bottom:20px;
	font-weight:bold;
	font-size:40px;
	line-height:32px;
}
.conclusion-section-numbers ul{
	margin:0 auto;
}
.conclusion-section-numbers ul li{
	list-style:none;
	margin:50px 0 50px 0;
	font-size:20px;
	font-family: 'Roboto', sans-serif!important;
	padding:20px 0 0 0;
}
.conclusion-section-numbers .number{
	background-color:#1de9b6;
	padding:15px 20px 15px 20px;
	color:#fff;
	display:block;
	width:60px;
	font-weight:bold;
	font-size:40px;
	float:left;
	margin:-15px 30px 0 0;
}

.imbalance-illustration{
	width:200px;
	margin:0 auto;
	display:block;
	text-align:center;
}
.imbalance-arrows{
	width:300px;
	margin:0 auto;
	display:block;
	text-align:center;
}

.next-chapter-section{
	background-color:#f7f7f7;
	margin:0 0 30px 0;
	padding:50px 0 10px 0;
}

.next-chapter-section img{
	margin:0 auto;
	width:70px;
	display:block;
	margin-bottom:20px;
}
.next-chapter-section p{
	display:none;
}

.next-chapter-section h1{
	text-align:center;
}

.next-chapter-section h2{
	color:#c0c0c0;
	padding-top:0px!important;
	margin-bottom:3px!important;
}
.next-chapter-section span{
	text-align:center;
	margin:0 auto;
	display:block;
	color:#c0c0c0;
}

/* CHAPTER LIVE */
.next-chapter-section-live{
	background-color:#f7f7f7;
	margin:0 0 30px 0;
	padding:50px 0 10px 0;
	margin-bottom: 50px !important;
}

.next-chapter-section-live img{
	margin:0 auto;
	width:70px;
	display:block;
	margin-bottom:20px;
}
.next-chapter-section-live p{
	display:none;
}

.next-chapter-section-live h1{
	text-align:center;
}

.next-chapter-section-live h2{
	color:#00bfa5;
	padding-top:0px!important;
	margin-bottom:3px!important;
}
.next-chapter-section-live a{
	text-decoration:none!important;
	color: #00bfa5;
}

.chapter-thumb{
	padding:20px;
	border-top:1px solid #e8e8e8;
	position:relative;
}
.next-chapter-section-live span{
	text-align:center;
	margin:0 auto;
	display:block;
	color:#141414;
}


.imbalance-arrows {
    -webkit-animation: pulse2 1.5s infinite;
}

.down-arrow{
	display:block;
	margin:0 auto;
	width:70px;
}
.right-arrow{
	display:block;
	position:absolute;
	right:30px;
	opacity:0.2;
}
.left-arrow{
	display:block;
	position:absolute;
	left:30px;
	opacity:0.2;
}
.right-arrow-live{
	display:block;
	position:absolute;
	right:30px;
	opacity:1;
}
.left-arrow-live{
	display:block;
	position:absolute;
	left:30px;
	opacity:1;
}

@-webkit-keyframes pulse2{
  0%{
    -webkit-transform: scale(0.98);
  }
  50%{
    -webkit-transform: scale(1.1);
  }
  100%{
    -webkit-transform: scale(0.98);
  }
}

/* AUTHOR BOXES */
.author-box-popup,
.author-box-popup-1,
.author-box-popup-2,
.author-box-popup-3,
.author-box-popup-4,
.author-box-popup-5,
.author-box-popup-6,
.author-box-popup-7,
.author-box-popup-8,
.author-box-popup-9,
.author-box-popup-10,
.author-box-popup-11,
.author-box-popup-12,
.author-box-popup-13,
.author-box-popup-14,
.author-box-popup-15,
.author-box-popup-16,
.author-box-popup-17,
.author-box-popup-18,
.author-box-popup-19,
.author-box-popup-20,
.author-box-popup-21,
.author-box-popup-22,
.author-box-popup-23,
.author-box-popup-24,
.author-box-popup-25,
.author-box-popup-26,
.author-box-popup-27,
.author-box-popup-28,
.author-box-popup-29,
.author-box-popup-30,
.author-box-popup-31,
.author-box-popup-32,
.author-box-popup-33,
.author-box-popup-34,
.author-box-popup-35,
.author-box-popup-36,
.author-box-popup-37,
.author-box-popup-38,
.author-box-popup-39,
.author-box-popup-40,
.author-box-popup-41,
.author-box-popup-42,
.author-box-popup-43,
.author-box-popup-44,
.author-box-popup-45,
.author-box-popup-46,
.author-box-popup-47{
	  width: 130px;
	  position: fixed;
	  top: 67%;
	  right: 0;
	  display:none;
	  padding: 1rem;
	  text-align: center;
	  z-index:9999;
	  font-size:12px!important;
	  font-family: 'Roboto', sans-serif!important;
}
.author-box-popup p,
.author-box-popup-1 p,
.author-box-popup-2 p,
.author-box-popup-3 p,
.author-box-popup-4 p,
.author-box-popup-5 p,
.author-box-popup-6 p,
.author-box-popup-7 p,
.author-box-popup-8 p,
.author-box-popup-9 p,
.author-box-popup-10 p,
.author-box-popup-11 p,
.author-box-popup-12 p,
.author-box-popup-13 p,
.author-box-popup-14 p,
.author-box-popup-15 p,
.author-box-popup-16 p,
.author-box-popup-18 p,
.author-box-popup-19 p,
.author-box-popup-20 p,
.author-box-popup-21 p,
.author-box-popup-22 p,
.author-box-popup-23 p,
.author-box-popup-24 p,
.author-box-popup-25 p,
.author-box-popup-26 p,
.author-box-popup-27 p,
.author-box-popup-28 p,
.author-box-popup-29 p,
.author-box-popup-30 p,
.author-box-popup-31 p,
.author-box-popup-32 p,
.author-box-popup-33 p,
.author-box-popup-34 p,
.author-box-popup-35 p,
.author-box-popup-36 p,
.author-box-popup-37 p,
.author-box-popup-38 p,
.author-box-popup-39 p,
.author-box-popup-40 p,
.author-box-popup-41 p,
.author-box-popup-42 p,
.author-box-popup-43 p{
	  font-size:12px!important;
	  line-height:16px!important;
	  padding:0;
	  margin:0;
	  font-family: 'Roboto', sans-serif!important;
}
.author-box-popup img,
.author-box-popup-1 img,
.author-box-popup-2 img,
.author-box-popup-3 img,
.author-box-popup-4 img,
.author-box-popup-5 img,
.author-box-popup-6 img,
.author-box-popup-7 img,
.author-box-popup-8 img,
.author-box-popup-9 img,
.author-box-popup-10 img,
.author-box-popup-11 img,
.author-box-popup-12 img,
.author-box-popup-13 img,
.author-box-popup-14 img,
.author-box-popup-15 img,
.author-box-popup-16 img,
.author-box-popup-17 img,
.author-box-popup-18 img,
.author-box-popup-19 img,
.author-box-popup-20 img,
.author-box-popup-21 img,
.author-box-popup-22 img,
.author-box-popup-23 img,
.author-box-popup-24 img,
.author-box-popup-25 img,
.author-box-popup-26 img,
.author-box-popup-27 img,
.author-box-popup-28 img,
.author-box-popup-29 img,
.author-box-popup-30 img,
.author-box-popup-31 img,
.author-box-popup-32 img,
.author-box-popup-33 img,
.author-box-popup-34 img,
.author-box-popup-35 img,
.author-box-popup-36 img,
.author-box-popup-37 img,
.author-box-popup-38 img,
.author-box-popup-39 img,
.author-box-popup-40 img,
.author-box-popup-41 img,
.author-box-popup-42 img,
.author-box-popup-43 img,
.author-box-popup-44 img,
.author-box-popup-45 img,
.author-box-popup-46 img{
 	border-radius:50%;
 	width:120px;
 	display:block;
 	margin:0 auto;
	-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.30);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.30);
	border: 5px solid #FFF;
}

.author-box-popup .panel,
.author-box-popup-1 .panel,
.author-box-popup-2 .panel,
.author-box-popup-3 .panel,
.author-box-popup-4 .panel,
.author-box-popup-5 .panel,
.author-box-popup-6 .panel,
.author-box-popup-7 .panel,
.author-box-popup-8 .panel,
.author-box-popup-9 .panel,
.author-box-popup-10 .panel,
.author-box-popup-11 .panel,
.author-box-popup-12 .panel,
.author-box-popup-13 .panel,
.author-box-popup-14 .panel,
.author-box-popup-15 .panel,
.author-box-popup-16 .panel,
.author-box-popup-17 .panel,
.author-box-popup-18 .panel,
.author-box-popup-19 .panel,
.author-box-popup-20 .panel,
.author-box-popup-21 .panel,
.author-box-popup-22 .panel,
.author-box-popup-23 .panel,
.author-box-popup-24 .panel,
.author-box-popup-25 .panel,
.author-box-popup-26 .panel,
.author-box-popup-27 .panel,
.author-box-popup-28 .panel,
.author-box-popup-29 .panel,
.author-box-popup-30 .panel,
.author-box-popup-31 .panel,
.author-box-popup-32 .panel,
.author-box-popup-33 .panel,
.author-box-popup-34 .panel,
.author-box-popup-35 .panel,
.author-box-popup-36 .panel,
.author-box-popup-37 .panel,
.author-box-popup-38 .panel,
.author-box-popup-39 .panel,
.author-box-popup-40 .panel,
.author-box-popup-41 .panel,
.author-box-popup-42 .panel,
.author-box-popup-43 .panel,
.author-box-popup-44 .panel,
.author-box-popup-45 .panel,
.author-box-popup-46 .panel
 {
	    display: none;
	    width: 100%;
	    background: #fff;
	    min-height: auto;
	    float:left;
	    font-size:12px!important;
	    padding:10px;
	    border-radius:5px;
	    border:1px solid #c0c0c0;
	    margin:5px 0 0 0;
}

.author-box-popup a,
.author-box-popup-1 a,
.author-box-popup-2 a,
.author-box-popup-3 a,
.author-box-popup-4 a,
.author-box-popup-5 a,
.author-box-popup-6 a,
.author-box-popup-7 a,
.author-box-popup-8 a,
.author-box-popup-9 a,
.author-box-popup-10 a,
.author-box-popup-11 a,
.author-box-popup-12 a,
.author-box-popup-13 a,
.author-box-popup-14 a,
.author-box-popup-15 a,
.author-box-popup-16 a,
.author-box-popup-17 a,
.author-box-popup-18 a,
.author-box-popup-19 a,
.author-box-popup-20 a,
.author-box-popup-21 a,
.author-box-popup-22 a,
.author-box-popup-23 a,
.author-box-popup-24 a,
.author-box-popup-25 a,
.author-box-popup-26 a,
.author-box-popup-27 a,
.author-box-popup-28 a,
.author-box-popup-28 a,
.author-box-popup-29 a,
.author-box-popup-30 a,
.author-box-popup-31 a,
.author-box-popup-32 a,
.author-box-popup-33 a,
.author-box-popup-34 a,
.author-box-popup-35 a,
.author-box-popup-36 a,
.author-box-popup-37 a,
.author-box-popup-38 a,
.author-box-popup-39 a,
.author-box-popup-40 a,
.author-box-popup-41 a,
.author-box-popup-42 a,
.author-box-popup-43 a,
.author-box-popup-44 a,
.author-box-popup-45 a,
.author-box-popup-46 a{
	color:#00bfa5;
	font-weight:bold;
	text-decoration:none;
}

.author-article{
	border:1px dashed #00bfa5;
	background-color:#f9f9f9;
	display:block;
	max-width:1000px;
	margin:0 auto;
}
#mark-belton-2{
	right:0px!important;
}
.author-box-popup-4, .author-box-popup-33, .author-box-popup-34, .author-box-popup-39{
	right:120px;
}
.author-box-popup-7, .paul-young-3, .paul-young-1, .author-box-popup-19, .author-box-popup-29, .author-box-popup-35{
	right:240px;
}
.author-box-popup-12, .author-box-popup-14, .author-box-popup-15, .author-box-popup-20, .author-box-popup-38, .author-box-popup-42{
	right:120px;
}
.megan-woods-2{
	right:120px!important;
}

.author-box-popup-22, .author-box-popup-43{
	top: 51%;
	right: 123px;
}
.author-box-popup-23{
	top: 51%;
    right: 240px;
}

.author-box-popup-21, .author-box-popup-24, .author-box-popup-30,.author-box-popup-37, .author-box-popup-41{
	top:51%;
}
.author-box-popup-25{
	top:35%;
}

.author-box-popup-26{
 	top: 35%;
    right: 124px;
}

.author-box-popup-40{
    top: 51%;
    right: 0px;
}
.pop-up-2{
	display:none;
}
.pop-up, .pop-up-2 {
    position: fixed;
    top: 100px; /* or whatever top you need */
    left: 50%;
    width: auto;
    width: 600px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display:none;
    z-index:9999999;
}

.box {
    background-color: transparent;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -webkit-box-shadow: 4px 4px 45px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 45px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 45px 0px rgba(0,0,0,0.75);
    max-width: 600px;
    height: 503px;
}

.button {
    margin 0 auto;
  background-color: #FF8566;
    margin-bottom: 33px;
}

.button:hover {
    background-color: #7CCF29;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
}

.close-button {
    transition: all 0.5s ease;
    position: absolute;
    background-color: #141414;
    padding: 1.5px 9px;
    left: 0;
    margin-left: -10px;
    margin-top: -9px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: white;
    -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
    box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
}

.close-button:hover {
    background-color: #00bfa5;
    color: #fff;
}

.pop-up h3, .pop-up-2 h3 {
    text-align: center;
    color: #fff!important;
    background-color: #00bfa5;
    margin:0px!important;
    font-weight:bold;
}

.pop-up p, .pop-up-2 p{
    padding:0px;
}
.pop-up a, .pop-up h3 {
    text-decoration:none!important;
}

.clip-circle {
  clip-path: circle(60px at center);
}

/* SCROLL TO TOP */
.nznz-template #back-top {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 1041;
    width: 40px;
    height: 40px;
    background: #1de9b6!important;
    text-indent: 0;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    color: #fff
    background: #1de9b6!important;
    font-size: 32px;
    padding: 4px 0 0 0;
    text-align: center;
    border-radius: 0 0 0 0;
}

.nznz-template .site-footer .widget li a:hover, .nznz-template .site-footer .widget a, .nznz-template .site-info a {
    color: #ffffff;
}
.nznz-template .container-full.site-info {
	background: #00bfa5;
	width:100%;
}
.site-info .container > div {
    display: table-cell;
    width: auto;
    color:#fff;
}
.vce-wrap-left {
    float: left;
    width: 33%;
}
.vce-wrap-right > div, .vce-wrap-right > ul {
    float: right;
}
.vce-wrap-right {
    float: right;
    width: 33%;
}
.bottom-nav-menu li {
    list-style: none;
    position: relative;
    float: left;
    margin: 0 10px 0 0;
}
.site-info {
    padding: 15px 0;
}
.site-footer .site-info {
    color: rgba(255,255,255,0.7);
}
.site-footer p{
    color: rgba(255,255,255,0.7)!important;
}
.footer p{
	color:#fff;
	margin:0px;
}
.vce-wrap-right ul{
	margin-top:0px;
}
.footer .container {
    margin: 0 auto;
    max-width: 1140px;
}
.et_bloom .et_bloom_form_content input, .et_bloom .et_bloom_form_content button {
    padding: 0px!important;
}

/* FOOTER */
.nznz-template .typology-author-box-title{
	color: #00bfa5;
	font-family: Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
}

.nznz-template .typology-author-links a.typology-button-social{
	color: #00bfa5!important;
	border-bottom:3px solid #00bfa5;;
}
.nznz-template .newsletter-signup{
	display:none;
}

.nznz-template .social-icons{
    margin-top: 50px;
}

.nznz-template .typology-footer{
	background:none;
}

.nznz-template .typology-footer p {
    padding: 0px;
    margin: 20px !important;
    text-align: center;
    display: block;
    margin: 0 auto!important;
    line-height: 43px;
}

.nznz-template .typology-footer {
    height: 200px;
}

/* CONTENT HOVER */
.hidden-content{
    display:none;
    max-width:200px;
    padding:10px;
    background-color:#fff;
    border-radius:4px;
    border:1px solid #c0c0c0;
    z-index:999999;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    font-size:12px!important;
    text-align:center;

}
.show-content:hover .hidden-content{
    display:block;
    cursor:pointer;
}

/* BIRDS */
@keyframes anim {
  from {
    transform: translateX(200%);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes anime {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.c1, .c2 {
  width: auto;
  height: auto;
  position: absolute;
  float:right;
  background-size: 100%;
  z-index:999;
}
.c1.one, .c2.one {
  top: -260px;
  left: 0px;
}
.c1.two, .c2.two {
  top: -200px;
  left: 100px;
}
.c1.three, .c2.three {
  top: -240px;
  right: 100px;
}
.c1.four, .c22.four {
  top: -180px;
  right: 0px;
}

.c2 .one {
  top: -209px;
}
@media (max-width: 1023px) {
  .c2.one {left: -80px;}
  .c2.two {left: -120px;}
  .c2.three {right: 220px;}
  .c2.four {right: 220px;}
}

.c1 {
  animation: anime 1000s linear infinite forwards;
}

.c2 {
  transform: translateX(200%);
  animation: anim 1000s linear infinite forwards;
}

/* ANCHOR LINKS */
#introduction:before {
  display: block;
  content: " ";
  margin-top: -75px;
  height: 75px;
  visibility: hidden;
}

/* BLOOM */
.et_bloom .et_bloom_form_container .et_bloom_close_button, .et_bloom .et_bloom_success_checkmark:before {
    font-family: 'ET-Bloom' !important;
}

.nznz-template .easy-footnote a {
	color: #1de9b6!important;
}


/* CHAPTER 1 */
.nznz-hide{
	display:none;
}
.conclusion-section-chapter-1{
	background-color:#f7f7f7;
	background:url(../jpg/oilrig-bg.jpg) #f7f7f7;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	padding:400px 0 400px 0;
	margin:50px 0px 0px 0;
	 -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
  	clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
  	color:#fff;
}
.conclusion-section-chapter-1 p, .conclusion-section-chapter-1 li{
  	color:#fff!important;
}
.nznz-template .story h1{
  	max-width:1000px!important;
}
.prologue-section-chapter1{
	background-color:#f7f7f7;
	padding:100px 0 100px 0;
	margin:0 0 50px 0;
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 85%, 0 100%);
  	clip-path: polygon(0% 0%, 100% 0, 100% 85%, 0 100%);
}

.policy-values-section{
	background-color:#f7f7f7;
	background:url(../png/oil-hero-bg.png) #f7f7f7 no-repeat center bottom;
	background-size:2600px 1733px;
	padding:300px 0 1000px 0;
	margin:50px 0px 50px 0;
	 -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 90%, 0 100%);
  	clip-path: polygon(0% 10%, 100% 0, 100% 90%, 0 100%);
}
.policy-values-section span{
	font-size:80px;
	display:block;
	float:left;

}
.policy-values-section ul li{
	list-style:none;
}

.policy-value-points{
	background-color:#fff;
	padding:20px;
	border:1px solid #e3e3e3;
	border-left:2px solid #1de9b6;
	max-width:800px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	max-height:250px;
}

.policy-value-points span{
	display:block;
	width:170px;
	height:100px;
	margin-top:24px;
	font-weight:bold;
	float:left;
	font-size:60px;
	text-align:center;
}

.emission-reduction-section .nznz-thumb{
	background:url(../thumb-bg.html) #f7f7f7;
	background-repeat:no-repeat;
	background-position:bottom left;
	border:1px solid #dfdfdf;
	max-width:230px;
	float:left;
	display:inline;
	margin:10px;
	padding:10px;
	padding-top:15px;
	border-radius:4px;
	position:relative;
	min-height:370px;
	text-align:center;
}

.emission-reduction-section{
	max-width:1000px;
	margin: 0 auto;
}
.emission-reduction-section .nznz-thumb .number{
	background-color:#1de9b6;
	padding:15px 20px 15px 20px;
	color:#fff;
	margin:20px;
	display:block;
	width:60px;
	margin:0 auto;
	margin-bottom:20px;
	font-weight:bold;
	font-size:40px;
	line-height:32px;
}
.conclusion-section-numbers ul{
	margin:0 auto;
}
.conclusion-section-numbers ul li{
	list-style:none;
	margin:50px 0 50px 0;
	font-size:20px;
	font-family: 'Roboto', sans-serif!important;
	padding:20px 0 0 0;
}
.conclusion-section-numbers .number{
	background-color:#1de9b6;
	padding:15px 20px 15px 20px;
	color:#fff;
	display:block;
	width:60px;
	font-weight:bold;
	font-size:40px;
	float:left;
	margin:-15px 30px 0 0;
	line-height: 35px;
}

/* CHAPTER 2 */
#intro{
	position:relative;
	height:auto;
	width:auto;
	display:block;
	margin-bottom:0px!important;
	overflow:hidden;
}

.caption-nznz{
	position:absolute;
	bottom:10px;
	left:10px;
	color:#fff;
	font-size:12px;
}

.sector-emissions-section{
	background:#f7f7f7;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:200px 0 180px 0;
	margin:50px 0px 0px 0;
	 -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
  	clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
}

.sector-emissions-section.nznz-thumb{
	background:url(../thumb-bg.html) #f7f7f7;
	background-repeat:no-repeat;
	background-position:bottom left;
	border:1px solid #dfdfdf;
	max-width:230px;
	float:left;
	display:inline;
	margin:10px;
	padding:10px;
	padding-top:15px;
	border-radius:4px;
	position:relative;
	min-height:370px;
	text-align:center;
}

.sector-emissions-section .nznz-thumb .number{
	background-color:#1de9b6;
	padding:15px 20px 15px 20px;
	color:#fff;
	margin:20px;
	display:block;
	width:60px;
	margin:0 auto;
	margin-bottom:20px;
	font-weight:bold;
	font-size:40px;
}
.container-thumbs{
	max-width:1400px;
	margin:0 auto;
}
.sector-emissions-section .thumb{
    padding: 20px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 25px;
    text-align:center;
    float:left;
    max-width:400px;
    margin:20px;
    min-height:450px;
}
.sector-emissions-section .thumb h2{
	font-size:18px;
}
.sector-emissions-section p{
	font-size:14px;
}
.sector-emissions-section img{
	max-width:260px;
	margin-bottom:15px;
}

.decarbonisation-section{
	background:url(../jpg/hydro-hero.jpg) #f7f7f7;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    padding: 200px 0 200px 0;
    margin: 0px 0px 0px 0;
    position:relative;
}
.decarbonisation-section h1{
	text-align:center;
	color:#fff;
}
.decarbonisation-section h2, .decarbonisation-section p{
	color:#fff;
}

.decarbonisation-section blockquote{
	color:#fff;
}


.electrification-section{
	background:url(../png/tesla-bg.png) #f7f7f7 no-repeat center bottom;
	background-size:100%;
	padding:200px 0 800px 0;
	margin:0px 0px 50px 0;
	 -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 95%, 0 100%);
  	clip-path: polygon(0% 0%, 100% 0, 100% 95%, 0 100%);
  	position:relative;
}

@media (min-width: 2000px) {
	.electrification-section{
		padding:200px 0 1000px 0;
	}
}



.emissions-land-section{
	background:url(../jpg/farm-hero-bg.jpg) #ffffff no-repeat center bottom;
	background-size:2600px 1733px;
	padding:200px 0 920px 0;
	margin:50px 0px 50px 0;
	 -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 97%, 0 100%);
  	clip-path: polygon(0% 5%, 100% 0, 100% 97%, 0 100%);
  	position:relative;
}

.emissions-land-section ul li{
	margin:0 0 15px 0;
}

.reducing-emission-section h2{
	font-size:20px;
}

.reducing-emission-section .container{
	background-color:#f7f7f7;
	border:1px solid #c0c0c0;
	padding:20px 20px 100px 20px;
}

.emissions-land-section .thumb{
	background-color: #f7f7f7!important;
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-left: 2px solid #1de9b6;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    max-height: auto;
    font-size:14px;
}

.conclusion-section-chapter-2{
		background-color:#f7f7f7;
		background:url(../jpg/handshake-hero.jpg) #f7f7f7;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		padding:400px 0 400px 0;
		margin:50px 0px 0px 0;
		 -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
	  	clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
	  	color:#fff;
	  	position:relative;
}
.conclusion-section-chapter-2 p{
	  	color:#fff;
}

/* CHAPTER 3 */

.iconography{
	max-width:150px;
	margin:0 auto;
	display:block;
}
.resourceful-nz-section{
	background:url('../png/fog-trans3860.png') fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 100px 0 200px 0;
    margin: 0px 0px 0px 0;
}

.offtrack-nz-section{
	background:url(../jpg/offtrack-hero.jpg) left bottom no-repeat;
	background-size:100% ;
    padding: 100px 0 600px 0;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 95%, 0 100%);
    clip-path: polygon(0% 0%, 100% 0, 100% 95%, 0 100%);
}
@media only screen
  and (min-device-width: 2000px)
  and (max-device-width: 3000px){

	.offtrack-nz-section {
	    padding: 100px 0 800px 0;
	}

}

.innovative-nz-section{
	background: #f7f7f7;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 170px 0 200px 0;
    margin: -114px 0 0 0;
    -webkit-clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
}

.common-characteristics-section{
	 background: #f7f7f7;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 200px 0 180px 0;
    margin: 50px 0px 0px 0;
    -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
}

.future-section{
	background:url(../png/brickwall.png);
	padding:100px 0 20px 0;
}

.netzeroin2050-section{
	background: url(../png/netzero2050-hero.png); no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 150px 0 250px 0;
}

.netzeroin2050-section p{
	color:#fff;
}


#future-container{
	min-height:650px;
}
#choose-your-future{
	max-width:1035px;
	margin:0 auto;
	margin-bottom:100px;
}
#choose-your-future a{
	text-decoration:none;
	color: #00bfa5;
}
#choose-your-future span{
    background: #00bfa5;
    padding: 10px 20px 10px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    text-align: center!important;
    margin: 0 auto;
    margin-top:20px;
    display: block;
    width: 60px;
}

.vote-offtrack{
	width:300px;
	display:inline-block;
	min-height:400px;
	margin:20px;
}

.vote-offtrack h3{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:normal;
}

a.your-future-button{
	border:2px solid #00bfa5;
	color:#00bfa5;
	display:inline-block;
	width:100%;
	padding:10px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

a.your-future-button:hover{
	background:#00bfa5;;
	color:#fff!important;
}

.vote-innovatenz{
	width:300px;
	display:inline-block;
	min-height:400px;
	margin:20px;
}

.vote-innovatenz h3{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:normal;
}

.vote-resourcefulnz{
	width:300px;
	display:inline-block;
	min-height:400px;
	margin:20px;
}

.vote-resourcefulnz h3{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:normal;
}

.vote-netzeronz {
	max-width:550px;
	min-height:auto;
	margin:0 auto;
	padding:20px;
}

.vote-netzeronz img{
	max-width:300px;
	display:block;
	margin:0 auto;
}

.vote-netzeronz h3{
	font-size:20px;
	text-align:center;
	font-weight:bold;
	line-height:normal;
}

#vote1,#vote2,#vote3,#vote4{
	display:none;
}

.vote-section{
	background-color:#f7f7f7;
	padding:60px 20px 60px 20px;
	position:relative;
}

.vote-section h3{
	text-align:left;
	font-weight:bold;
	font-size:24px;
}
.vote-section-left{
	display:relative;
	width:500px;
	margin-right:20px;
}
.apester-element{
	float:left;
	margin-right: 30px!important;
}
.vote-section-right{
	margin:0 0 0 20px;
}
.apester-element{
	margin-bottom:30px;
}
.clear{
	clear:both;
}
.politicians{

}
.politicians h4{
	text-align:left;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
}

.politicians img{
	float:left;
	margin-right:10px;
	max-width:80px!important;

}

.back-vote{
	background-color:#00bfa5;
	color:#fff!important;
	padding:10px;
	margin:0 0 10px 0;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.back-vote:hover{
	background-color:#088b79;
}

.vote-loader{
	position:relative;
}

.bounce {
	width:30px;
	margin:0 auto;
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}

.chapter3-table td:nth-child(1){
	width: 280px!important;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

/* CONCLUSION */
.conclusion-section-one{
	/* background:url(/wp-content/themes/voice-child/images/bg-ocean.png) #fff left bottom no-repeat;
	padding:100px 0 400px 0;
	background-size:100% ;
	position:relative; */
	padding-bottom: 30px;
}

.conclusion-section-one ul li{
	list-style:decimal;
	padding:0 0 10px 0;
}

.conclusion-section-one .alpha{
	list-style:lower-alpha;
	padding:0 0 10px 0;
}

.conclusion-section-final{
	/* background:url(/wp-content/themes/voice-child/images/conclusion-final.png) #f7f7f7 left bottom no-repeat;
	padding:200px 0 900px 0;
	background-size:100% ; */
	background: #f7f7f7;
	/*-webkit-clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);
  	clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);*/
  	position:relative;
}

.conclusion-section-final h1{
	font-size:30px;
}
.conclusion-section-final ul li{
	list-style:decimal;
	padding:0 0 10px 0;
}

.conclusion-section-final .alpha{
	list-style:lower-alpha;
	padding-bottom:10px;
}

.li-section{
	margin:10px;
}

.alpha div{
	background:#fff;
	border-left:2px solid #1de9b6;
	display:block;
	padding:10px;
	border-radius:3px;
}

#canv{
  z-index:99;
  position:absolute;
  left: -500px;
  bottom:0;
  right:0;
  /*background: linear-gradient(#B7B0E3, #FFD3D6);  */
}


/* CONCLUSION CREDITS */

#credits{
	background:url('../concrete_seamless.html');
	background-repeat:repeat;
	padding:20px 0 20px 0;
	display:none;
}
.thumb-credits{
	padding:10px 0px 20px 0;
	display:block;
}

.thumb-credits h2{
	color:#141414;
 	margin-bottom: 0px;
 	font-size:20px;
}
.thumb-credits h3{
	color:#141414;
	text-align:center;
	font-size:18px;
	line-height: 20px;
}
.thumb-credits p{
	text-align:center!important;
}
.thumb-credits a{
	text-decoration:none;
	text-align:center!important;
	width:200px;
}


h2.credits-h2{
	color:#141414!important;
}

/* AWARDS */

.grey-bg-awards{
	background-color:#f7f7f7;
	padding:100px 0 100px 0;
}

.awards-bg-white{
    background-color:#fff;
	padding:20px 0 20px 0;
}

.unique-awards{
	background: url(../bg-ocean.html) #fff left bottom no-repeat;
    background-size: 100%;
    padding: 100px 0 400px 0;
    position:relative;
    margin-bottom: -107px;
}


#graph, #graph-two{
	max-width:800px;
	margin:0 auto;
	font-family:'Roboto', sans-serif!important;
}
.link {
	fill: none;
	stroke: #dedede;
	opacity: 0.45;
	color:#000!improtantr;
	stroke-width: 2px;
}
.node circle {
	stroke: #029884;
	opacity: 1;
	stroke-width: 1.5px;
}
.node:not(:hover) .nodetext {
	display: none;
}
text {
	font-size: 12px;
	font-family:'Roboto', sans-serif!important;
	opacity: 0.9;
	pointer-events: none;
	background-color:#00bfa5;
	display:block;
	color:#00bfa5;
}

.social-stats{
	max-width:907px;
	margin: 0 auto;
	margin-top:40px;
}

.social-stats-thumb{
	width:300px;
	padding:25px;
	float:left;
	text-align:center;
}

.social-stats-thumb h3{
	font-weight:lighter;
	font-size:23px;
	line-height:24px;

}

.social-stats-thumb h4{
	font-weight:bold;
	font-size:70px;
}

.vote-stats{
	max-width:320px;
	margin: 0 auto;
	margin-top:40px;
}

.stats-icon{
	display:block;
	width:150px;
	margin:0 auto;
	margin-top:60px;
}

.pulse-icon {
  margin:100px;
  display: block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #00bfa5;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse-icon 2s infinite;
  margin:0 auto;
  display:block;
}
.pulse-icon:hover {
  animation: none;
}

.countries-list{
	width:1000px;
	display:block;
	margin:0 auto;
}

.top-countries{
	width:450px;
	margin:20px;
	float:left;
}


.country-thumb{
	background:#f7f7f7;
	border:1px solid #eeeeee;
	border-radius:3px;
	margin:0 0 20px 0;
	padding:14px 10px 10px 20px;
	font-weight:bold;
}

.country-thumb img{
	max-width:35px;
	margin-top:-6px;
}

.country-num{
	font-weight:bold;
	font-size:25px!important;
	color:#0075a9!important;
	margin-right:20px;
}


.country-num-mal{
	font-weight:bold;
	font-size:25px!important;
	color:#0075a9!important;
	margin-right:8px;
}

@-webkit-keyframes pulse-icon {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 191, 165, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(0, 191, 165, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 191, 165, 0);
  }
}
@keyframes pulse-icon {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 191, 165, 0.4);
    box-shadow: 0 0 0 0 rgba(0, 191, 165, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 30px rgba(0, 191, 165, 0);
      box-shadow: 0 0 0 30px rgba(0, 191, 165, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0, 191, 165, 0);
      box-shadow: 0 0 0 0 rgba(0, 191, 165, 0);
  }
}

.geo-reach{
	max-width:100%;
	margin:0 auto;
	display:block;
}


/* STATS */


.blue-stats{
	color:#0075a9;
}

.website-stats{
	max-width:907px;
	margin: 0 auto;
	margin-top:40px;
}

.website-stats h3{
	color:#0075a9!important;
	text-align:center;
}

.website-stats-thumb{
	width:300px;
	padding:25px;
	float:left;
	text-align:center;
}

.pa-stats .website-stats-thumb h3{
	font-weight:lighter;
	font-size:23px;
	line-height:24px;

}

.pa-stats .website-stats-thumb h4{
	font-weight:bold;
	font-size:50px;
}

.pa-stats .social-stats h3{
	font-weight:lighter;
	font-size:23px;
	line-height:24px;

}

.pa-stats .social-stats h4{
	font-weight:bold;
	font-size:50px;
}

.website-stats .note{
	font-size:12px;
}

.website-stats .pulse-icon{
  background: #0075a9;
  margin-bottom:30px;

}

.el-base{
	position      : relative;
	top           : 50%;
	left          : 50%;
	height        : 90px;
	width         : 140px;
	margin-top    :50px;
	margin-left   : -70px;
	background    : #0075a9;
	border-radius : 3px;
}

.el-inner-space{
	border-radius : 3px;
	border-top    : solid 45px transparent;
	border-right  : solid 70px #0da1e3;
	border-bottom : solid 45px #0da1e3;
	border-left   : solid 70px #0da1e3;
}

.el-flap{
	position      : absolute;
	top           : 0;
	left          : 0;
	border-radius : 3px;
	border-top    : solid 45px #0075a9;
	border-right  : solid 70px transparent;
	border-left   : solid 70px transparent;
	animation     : el-open 4s infinite;

}

.email-campaigns{
	max-width: 907px;
	margin:0 auto;
	margin-bottom:100px;
	margin-top:100px;
}

.email-campaigns h3{
	font-weight: lighter;
    font-size: 23px;
    line-height: 24px;
    color: #0075a9;
    margin-top:20px;
    text-align:center;
    color:#0075a9!important;
}

.email-campaigns h4{
	font-weight: bold;
    font-size: 50px;
}

.nznz-stats{
	margin-top:50px;
	padding:50px 0 100px 0;
	background: url(../png/brickwall.png);
}

.nznz-stats h3{
	text-align:center;
}

.stats-footer {
	background: url(../pa-footer-bg.html) #fff left bottom no-repeat;
    background-size: 100%;
    padding: 0px 0 600px 0;
    position: relative;
}

.postid-7240 .story .entry-content{
	padding-bottom:0px;
}
.postid-7240 .story section{
	margin-bottom:0px;
}

.postid-7240 #nav-icon{
	display:none!important;
}

.survey-section{
	background-color:#fff;
	padding:100px 0 0px 0;
}

.survey-section p{
	padding:0 0 50px 0;
	text-align:center;
}

.survey-section img{
	max-width:650px;
	margin:0 auto;
	display:block;
}

.survey-section h3{
	text-align:center;
	color:#0075a9!important;
	font-family: Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 7px;
    color: #00bfa5;
    font-size: 30px;
}

.survey-section a{
	border:2px solid #0075a9;
	text-align:center;
	padding:10px;
	display:block;
	width:300px;
	margin-top:30px;
	margin:0 auto;
	text-decoration:none!important;
}
.survey-section a:hover{
	border:2px solid #04a2e8;
	text-decoration:none!important;
	color:#04a2e8;
}

.survey-section a{
	border:2px solid #0075a9;
	text-align:center;
	padding:10px;
	display:block;
	width:300px;
	margin-top:30px;
	margin:0 auto;
	text-decoration:none!important;
}

@media only screen
  and (min-device-width: 2000px)
  and (max-device-width: 3000px){

	.stats-footer {
	    padding: 0px 0 650px 0;
	    position: relative;
	}

}


/*Envelope Animation*/
@keyframes el-open{
	0%{
		border-top       : solid 45px #3292e0;
		transform        : rotateX(0deg);
		transform-origin : center top;
	}

	40%,60%{
		border-top       : solid 45px #064e6e;
		transform        : rotateX(180deg);
		transform-origin : center top;
	}

	100%{
		border-top       : solid 45px #3292e0;
		transform        : rotateX(0deg);
		transform-origin : center top;
	}
}



@media only screen and (max-width: 900px) {
	body.nznz-template{
		margin-top:-300px;
	}
	.nznz-template ul li{
		margin:20px;
	}
	.nznz-template .nznz-title{
		width:300px;
		margin-top:500px;
		margin-left:300px;
	}
	.objective-section .nznz-thumb{
		max-width:235px;
	}

	.climate-change-section{
		 -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 95%, 0 100%);
   		 clip-path: polygon(0% 5%, 100% 0, 100% 95%, 0 100%);
   		 background:url(../land-bg.html) #f7f7f7;
		background-size:400px 267px;
		background-position:bottom left;
		background-repeat:no-repeat;
	}

	.conclusion-section{
		 -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);
   		 clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);
		padding:100px 0 100px 0;
	}
	.nznz-template .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
		top:none!important;
	}
	/* BIRDS */
	/*canvas{
		position:absolute;
		top:-600px;
		right:0;
	}*/
	/* CHAPTER 1 */
	.policy-values-section{
		background-color:#f7f7f7;
		background:url(../png/oil-hero-bg.png) #f7f7f7 #f7f7f7;
		background-size:1200px 801px;
		background-position:bottom left;
		background-repeat:no-repeat;
		padding:180px 0 400px 0;
	}
	/* CHAPTER 2 */
	.electrification-section{
		background:url(../png/tesla-bg.png) #f7f7f7 no-repeat center bottom;
		background-size:1200px 800px;
		padding:180px 0 500px 0;
	}
	.emissions-land-section {
		background: url(../jpg/farm-hero-bg.jpg) #ffffff no-repeat center bottom;
		background-size: 2600px 1733px;
		padding: 200px 0 900px 0;
		margin: 50px 0px 50px 0;
		-webkit-clip-path: polygon(0% 5%, 100% 0, 100% 98%, 0 100%);
		clip-path: polygon(0% 5%, 100% 0, 100% 98%, 0 100%);
	}

}
@media only screen and (max-width: 768px) {
	body.nznz-template{
		margin-top:-280px;
	}
	.nznz-template ul li{
		font-size:12px;
	}
	.nznz-template .aesop-parallax-component .aesop-parallax-sc{
		margin-top:100px!important;
	}
	.nznz-template .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
	    	top: 58%;
	}
	.nznz-template .aesop-parallax-component :nth-child(1){
		margin: -20px!important;
	}
	.emission-reduction-section .nznz-thumb{
		max-width: 180px;
		margin:5px;
	}
	/* CHAPTER 2 */

	.sector-emissions-section{
		 -webkit-clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
	  	clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
	}
	.electrification-section{
		background:url(../png/tesla-bg.png) #f7f7f7 no-repeat center bottom;
		background-size: 800px 534px;
		padding:180px 0 350px 0;
		margin: 0px 0px 50px 0;
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%);
	  	clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%);
	}
	.emissions-land-section {
		background: url(../jpg/farm-hero-bg.jpg) #ffffff no-repeat center bottom;
		background-size: 800px 534px;
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 0%, 0 100%);
		clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
		padding: 200px 0 400px 0;
	}
	.decarbonisation-section {
	    padding: 200px 0 200px 0;
	    margin: 0px 0px 0px 0;
	}
	.container-thumbs{
		max-width:1400px;
		margin:0 auto;
	}
	.sector-emissions-section .thumb{
	    padding: 20px;
	    margin: 0 auto;
	    margin-top: 15px;
	    margin-bottom: 25px;
	    text-align:center;
	    float:left;
	    width: 44%;
	    margin:20px;
	    min-height:450px;
	}
	.sector-emissions-section img{
		width:100%;
		margin-bottom:15px;
	}

	/* CHAPTER 3 */
	.netzeroin2050-section{
    	padding: 100px 0 100px 0;
	}
	.innovative-nz-section{
		padding: 100px 0 100px 0;
		-webkit-clip-path: polygon(0% 2%, 100% 0, 100% 100%, 0 100%);
    	clip-path: polygon(0% 2%, 100% 0, 100% 100%, 0 100%);
	}
	.resourceful-nz-section{
		padding: 100px 0 100px 0;
	}
	.offtrack-nz-section{
		padding: 50px 0 300px 0;
	}
	.vote-section-left{
		width:100%;
	}
	.vote-section-right{
		margin: 580px 0 0 0px;
	}
	.common-characteristics-section{
		 -webkit-clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
	  	clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
	}

	/* CONCLUSION */
	.conclusion-section-final {
	    padding: 100px 0 400px 0;
	    /*-webkit-clip-path: polygon(0% 1%, 100% 0, 100% 100%, 0 100%);
	    clip-path: polygon(0% 1%, 100% 0, 100% 100%, 0 100%)*/
	}
	.conclusion-section-one{
		padding:100px 0 180px 0;
	}
	#canv{
	  left: 0px;
	  bottom:-300px;
	}

	/* AWARDS */
	.social-stats-thumb{
		width:250px;
		padding:25px;
		float:left;
		text-align:center;
	}

	.social-stats-thumb h3{
		font-weight:lighter;
		font-size:25px;
		line-height:24px;

	}

	.social-stats-thumb h4{
		font-weight:bold;
		font-size:46px;
	}
	.vote-stats{
		width:100%;
	}

	/* SURVEY */

	.website-stats{
		width:100%;
	}

	.website-stats-thumb{
		width:250px;
		padding:25px;
		float:left;
		text-align:center;
	}

	.website-stats-thumb h3{
		font-weight:lighter;
		font-size:25px;
		line-height:24px;

	}

	.website-stats-thumb h4{
		font-weight:bold;
		font-size:70px;
	}
	.stats-footer {
    	padding: 0px 0 260px 0;
	}

	.pa-stats .website-stats-thumb h4{
		font-size:46px;
	}

	.countries-list{
		width:1000px;
		display:block;
		margin:0 auto;
	}

	.top-countries{
		width:340px;
		margin:20px;
		float:left;
	}

}

@media only screen and (max-width: 1024px) {
	body.nznz-template{
		margin-top:-200px;
	}

	.climate-change-section{
		 -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 95%, 0 100%);
   		 clip-path: polygon(0% 5%, 100% 0, 100% 95%, 0 100%);
   		 background:url(../land-bg.html) #f7f7f7;
		background-size:1200px 801px;
		background-position:bottom left;
		background-repeat:no-repeat;
		padding:180px 0 400px 0;
	}
	.nznz-template .aesop-parallax-component .aesop-parallax-sc{
		margin-top:100px!important;
	}
	.nznz-template .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
	    	top: 58%;
	}
	/* CHAPTER 1 */
	.policy-values-section{
		background-color:#f7f7f7;
		background:url(../png/oil-hero-bg.png) #f7f7f7 #f7f7f7;
		background-size:1200px 801px;
		background-position:bottom left;
		background-repeat:no-repeat;
		padding:180px 0 400px 0;
	}
	/* CHAPTER 2 */
	.electrification-section{
		background:url(../png/tesla-bg.png) #f7f7f7 no-repeat center bottom;
		background-size: 1200px 684px;
		padding: 193px 0 448px 0;
		margin: 0px 0px 50px 0;
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0 100%);
	}
	.sector-emissions-section{
		-webkit-clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);
	}
	.emissions-land-section{
	 	background:url(../jpg/farm-hero-bg.jpg) #ffffff no-repeat center bottom;
		background-size:1200px 801px;
		padding:200px 0 400px 0;
		 -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
	  	clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
	}
	.sector-emissions-section .thumb{
	    padding: 20px;
	    margin: 0 auto;
	    margin-top: 15px;
	    margin-bottom: 25px;
	    text-align:center;
	    float:left;
	    width: 29%;
	    margin:20px;
	    min-height:450px;
	}
	.sector-emissions-section img{
		width:100%;
	}
	/* CHAPTER 3 */
	.vote-offtrack,
	.vote-innovatenz,
	.vote-resourcefulnz{
		margin:0 auto;
		max-width: 330px;;
	}
	.or-h4{
		margin:30px 0 0 0;
	}

}
@media only screen and (max-width: 670px){
	body.nznz-template{
		margin-top:-120px;
	}
	.nznz-template .aesop-parallax-component :nth-child(1){
		margin:0px!important;
	}
	.nznz-template .aesop-parallax-component .aesop-parallax-sc {
    		margin-top: 20px!important;
	}
	.nznz-template .aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
	    	top: 45%;
	}
	.nznz-template h1{
		 font-family:Nexa Bold, Nexa-Book, Arial, Helvetica, sans-serif !important;
		 text-transform:uppercase;
		 letter-spacing:5px;
		 color:#000;
		 font-size:15px;
	}
	.nznz-template h2{
		 font-size:15px;
	}
	.nznz-template .story h3{
		padding: 20px;
	}
	.nznz-template .aesop-parallax-component{
		margin-top:80px;
		margin-bottom:0px;
	}

	.nznz-template .nznz-title{
		width:150px;
	}

	.prologue-section{
		padding:50px 0 170px 0;
	}

	.nznz-template p, .nznz-template span{
		font-size:12px;
	}
	.objective-section .nznz-thumb{
		display:block;
		max-width:350px;
		float:none;
		background:url(../thumb-bg.html) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.conclusion-section-numbers .number{
		background-color:#1de9b6;
		padding:15px 10px 15px 14px;
		color:#fff;
		display:block;
		width:40px;
		font-weight:bold;
		font-size:20px;
		float:left;
		margin:-15px 30px 0 0;
	}
	.climate-change-section{
		-webkit-clip-path: polygon(0% 2%, 100% 0, 100% 98%, 0 100%);
   		clip-path: polygon(0% 2%, 100% 0, 100% 98%, 0 100%);
   		background:url(../land-bg.html) #f7f7f7;
		background-size:400px 267px;
		background-position:bottom left;
		background-repeat:no-repeat;
		padding:180px 0 200px 0;
	}
	.prologue-section{
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
	  	clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
	}
	.nznz-template .aesop-image-component .aesop-image-component-image{
		margin-bottom:20px;
	}
	.conclusion-section-numbers ul li{
		font-size:15px;
	}
	/* BIRDS */

	#canv{
	  z-index:99;
	  position:absolute;
	  left: 0px;
	  bottom:-150px;
	  right:0;
	}

	.right-arrow, .left-arrow, .left-arrow-live, .right-arrow-live
	{
		width:40px!important;
		top:40%;
	}

	/* CHAPTER 1 */
	.policy-values-section{
	             -webkit-clip-path: polygon(0% 2%, 100% 0, 100% 98%, 0 100%);
   		clip-path: polygon(0% 2%, 100% 0, 100% 98%, 0 100%);
		background-color:#f7f7f7;
		background:url(../png/oil-hero-bg.png) #f7f7f7 #f7f7f7;
		background-size:400px 267px;
		background-position:bottom left;
		background-repeat:no-repeat;
		padding:100px 0 200px 0;
	}
	.policy-value-points{
		font-size:12px;
	}
	.policy-value-points span{
		display:block;
		width:60px;
		height:20px;
		margin-top:10px;
		margin-right:20px;
		font-weight:bold;
		float:left;
		font-size:30px;
		text-align:center;
	}
	.emission-reduction-section .nznz-thumb{
		display:block;
		max-width:350px;
		min-height:250px!important;
		float:none;
		background:url(../thumb-bg.html) no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.conclusion-section-chapter-1{
		background-color:#f7f7f7;
		background:url(../jpg/heli-hero-v2.jpg) #f7f7f7;
		background-repeat:no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position:center;
		padding:400px 0 400px 0;
		margin:50px 0px 0px 0;
		 -webkit-clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
	  	clip-path: polygon(0% 10%, 100% 0, 100% 100%, 0 100%);
	  	color:#fff;
	}
	.prologue-section-chapter1{
		padding:50px 0 50px 0;
		margin:0 0 20px 0;
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
	  	clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
	}
	.conclusion-section-chapter-1{
		 -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);
   		 clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0 100%);
		padding:100px 0 100px 0;
	}
	.conclusion-section-chapter-1 h1{
		font-size:14px!important;
	}
	/* CHAPTER 2 */
	.sector-emissions-section{
		-webkit-clip-path: polygon(0% 3%, 100% 0, 100% 100%, 0 100%);
    	clip-path: polygon(0% 3%, 100% 0, 100% 100%, 0 100%);
    	padding: 100px 0 100px 0;
	}
	.electrification-section{
		background:url(../png/tesla-bg.png) #f7f7f7 no-repeat center bottom;
		background-size: 420px 267px;
		padding:100px 0 200px 0;
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
    	clip-path: polygon(0% 0%, 100% 0, 100% 98%, 0 100%);
    	margin: 0px 0px 50px 0;
	}
	.emissions-land-section {
		background: url(../jpg/farm-hero-bg.jpg) #ffffff no-repeat center bottom;
		background-size: 420px 267px;
    -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 99%, 0 100%);
    clip-path: polygon(0% 0%, 100% 0, 100% 99%, 0 100%);
		padding:50px 0 200px 0;
	}
	.decarbonisation-section{
	    padding: 100px 0 100px 0;
	    margin: 0px 0px 0px 0;
	}
	.decarbonisation-section h1{
		color:#fff;
	}
	.conclusion-section-chapter-2{
		padding:100px 0 100px 0;
		margin:0px 0px 0px 0;
	}
	.sector-emissions-section .thumb{
	    padding: 20px;
	    margin: 0 auto;
	    margin-top: 15px;
	    margin-bottom: 25px;
	    text-align:center;
	    float:left;
	    width: 90%;
	    margin:20px;
	    min-height:auto;
	}
	.sector-emissions-section img{
		width:100%;
	}
	.conclusion-section-chapter-2 {

	    -webkit-clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
	    clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0 100%);
	}

	/* CHAPTER 3 */
	.vote-offtrack,
	.vote-innovatenz,
	.vote-resourcefulnz{
		width: auto;
	    margin: 0 auto;
	    display: block;
	    margin-bottom: 30px;
	}

	.pop-up,  .pop-up-2{
	    width: 300px;
	}
	.pop-up h3, .pop-up h2  {
	    font-size: 19px;
	}

	/* AUTHOR */
	.author-box-popup,
	.author-box-popup-1,
	.author-box-popup-2,
	.author-box-popup-3,
	.author-box-popup-4,
	.author-box-popup-5,
	.author-box-popup-6,
	.author-box-popup-7,
	.author-box-popup-8,
	.author-box-popup-9,
	.author-box-popup-10,
	.author-box-popup-11,
	.author-box-popup-12,
	.author-box-popup-13,
	.author-box-popup-14,
	.author-box-popup-15,
	.author-box-popup-16,
	.author-box-popup-17,
	.author-box-popup-18,
	.author-box-popup-19,
	.author-box-popup-20,
	.author-box-popup-21,
	.author-box-popup-22,
	.author-box-popup-23,
	.author-box-popup-24,
	.author-box-popup-25,
	.author-box-popup-26,
	.author-box-popup-27,
	.author-box-popup-28,
	.author-box-popup-29,
	.author-box-popup-30,
	.author-box-popup-31,
	.author-box-popup-32,
	.author-box-popup-33,
	.author-box-popup-34,
	.author-box-popup-35,
	.author-box-popup-36,
	.author-box-popup-37,
	.author-box-popup-38,
	.author-box-popup-39,
	.author-box-popup-40,
	.author-box-popup-41,
	.author-box-popup-42,
	.author-box-popup-43{
		width:85px;
	}

	.author-box-popup-4{
		right: 76px;
	}
	.author-box-popup-7, .paul-young-3, .paul-young-1, .author-box-popup-19{
		right: 76px;
	}
	.author-box-popup-12, .author-box-popup-14, .author-box-popup-15, .author-box-popup-20,
	.author-box-popup-34,.author-box-popup-33, .author-box-popup-39, .author-box-popup-38{
		right: 76px;
	}
	.megan-woods-2{
		right: 76px!important;
	}

	.author-box-popup-40{
		top: 51%;
	}

	.author-box-popup-22{
		top: 51%;
		right: 76px;
	}
	.author-box-popup-23{
		top: 51%;
	    right: 150px;
	}

	.author-box-popup-29,.author-box-popup-35{
		right: 150px;
	}

	.author-box-popup-24{
		top:51%;
	}

	.author-box-popup-25{
		top:35%;
	}

	.author-box-popup-26{
	 	top: 35%;
	    right: 76px;
	}

	/* AWARDS */

	.grey-bg-awards{
		padding:50px 0 50px 0;
	}

	.awards-bg-white{
		padding:50px 0 50px 0;
	}
	text {
		font-size: 8px;
	}
	.unique-awards {
    	background: url(../bg-ocean.html) #fff left bottom no-repeat;
	    background-size: 100%;
	    padding: 100px 0 100px 0;
	    position: relative;
	}

	/* CONCLUSION */
	.conclusion-section-final {
	    background: url(../conclusion-final.html) #f7f7f7 left bottom no-repeat;
	    padding: 100px 0 300px 0;
	    background-size: 100%;
	    /*-webkit-clip-path: polygon(0% 1%, 100% 0, 100% 100%, 0 100%);
	    clip-path: polygon(0% 1%, 100% 0, 100% 100%, 0 100%);*/
	    position: relative;
	}

	/* AWARDS */
	.social-stats-thumb{
		width:100%;
	}
	.vote-stats{
		width:100%;
	}

	/* SURVERY */

	.survey-section img{
		max-width:100%;
	}

	.website-stats-thumb{
		width:100%;
	}

	.stats-footer {
	    background: url(../pa-footer-bg.html) #fff left bottom no-repeat;
	    background-size: 100%;
	    padding: 170px 0 0 0!important;
	}

	.countries-list{
		width:100%;
		display:block;
		margin:0 auto;
	}

	.top-countries{
		width:340px;
		margin:20px;
		float:none;
	}

}


@media only screen and (max-width: 900px) {
	.aesop-parallax-component {
		margin-bottom: 100px;
	}
	.aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
		/*top: 25%;*/
		color: #FFF;
		font-family: 'open sans', calibri, sans-serif;
		font-size: 30px;
		transform: translate3d(0px, 0px, 0px) !important;
	}
	.aesop-parallax-sc .aesop-parallax-sc-floater.floater-center em {
		font-size: 40px;
	}
	.aesop-parallax-sc .aesop-parallax-sc-img.is-parallax {
		top: 0px !important;
		bottom: 0px !important;
		left: 0px !important;
		right: 0px !important;
	    	transform: translate3d(0px, 0, 0px) !important;
	}
}

.aesop-chapter-menu {
	z-index: 9999;
	width: 100%;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.9);
	display: none;
}

body.aesop-chapter-menu-open {
	position: fixed;
}

.aesop-chapter-menu-open .aesop-chapter-menu {
	right: 0;
	display: block;
}
.aesop-chapter-menu-open .aesop-toggle-chapter-menu {
	right: 0 !important;
	text-decoration: none;
}

.aesop-toggle-chapter-menu {
	z-index: 9999;
}

.scroll-nav__wrapper {
	position: fixed;
	padding-top: 5%;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    text-align: center;
}

.aesop-chapter-menu .scroll-nav__list {
	top: 30%;
	display: inline-block;
	text-align: left;
}

.aesop-chapter-menu li {
	font: normal 40px/60px 'Lora', Georgia, sans-serif;
	margin-bottom: 30px;
	list-style-type: upper-roman;
	display: list-item;
}

@media only screen and (max-width: 1030px) {
	.aesop-chapter-menu .scroll-nav__list {
		width: 80%;
	}
	.aesop-chapter-menu li {
		font: normal 20px/20px 'Lora', Georgia, sans-serif;
	}
}

.aesop-chapter-menu li.active {
	text-decoration: underline;
}

.aesop-chapter-menu a:link, .aesop-chapter-menu .scroll-nav__link {
	color: #FFF;
}

.aesop-chapter-menu li:before {
	display: none;
}

.aesop-toggle-chapter-menu {
	top: 180px;
	right: auto;
	bottom: auto;
	left: -1px;
	height: 40px;
	width: 144px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	box-shadow: 2px 5px 6px rgba(0,0,0,0.2);
	border: 1px solid #ECECEC;
}
.aesop-toggle-chapter-menu i{
	text-decoration:none;
}
.aesop-toggle-chapter-menu i.dashicons {
	width: 140px;
	font-size: 16px;
	top: 10px;
	left: 0px;
}
.aesop-toggle-chapter-menu i.dashicons:before {
	content:'Chapter menu';
}

@media only screen and (max-width: 1030px) {
	.aesop-toggle-chapter-menu {
		height: 40px;
		width: 74px;
		top:70px;
	}
	.aesop-toggle-chapter-menu i.dashicons {
		width: 60px;
		text-align: left;
		font-size: 12px;
		top: 12px;
		left: 10px;
	}
	.aesop-toggle-chapter-menu i.dashicons:before {
		content:'Chapters';
	}
}

.aesop-chapter-menu .aesop-close-chapter-menu {
	color: #FFF;
	font-size: 40px;
	width: 40px;
    height: 40px;
}

h2.aesop-cover-title {
	left: 0;
	right: 0;
	font-size: 40px !important;
	text-align: center;
}

.aesop-cover-title small {
	display: block;
	font-size: 20px;
	padding-top: 20px;
	line-height: 1.2;
	font-family: 'Lora', Georgia, serif;
}
.story .author-box {
	padding: 40px 0;
}

.story .main-box-inside, .story .vce-content-outside {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
	float: none;
	overflow: auto;
}

.story .data-links {
	margin: 0 auto;
	float: none;
}

.cont_chart {
	width: 100%;
	max-width:1000px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.cont_chart svg>rect {
	fill: none !important;
}

#visualizer-4807>div>div>div>svg>g:nth-child(4)>g:nth-child(2)>g>path:nth-child(3), #visualizer-4807>div>div>div>svg>g:nth-child(4)>g:nth-child(2)>g>path:nth-child(4), #visualizer-4807>div>div>div>svg>g:nth-child(3)>g:nth-child(4)>path, #visualizer-4807>div>div>div>svg>g:nth-child(3)>g:nth-child(5)>path {
	stroke-dasharray: 5px;
}

.accordianbox {
    border: 3px solid #2D7F2F;
    padding: 20px 20px 0 20px;
    max-width: 800px;
    margin: 0 auto;
    background: #f1f1f1;
}
.accordianbox h5 {
	text-align: center;
}
.accordianbox div {
	display: none;
	padding-bottom: 20px;
}

.accordianbox .btn_showhide {
	font-size: 80%;
	padding-left: 20px;
	color: #2D7F2F;
}
.accordianbox .btn_showhide:before {
	content: 'Show more...';
	display: inline-block;
}

.accordianbox .btn_showhide:hover {
	text-decoration: none;
}

.accordianbox .btn_showhide.open:before {
	content: 'Show less';
}

.aesop-image-component .aesop-img-enlarge, .aesop-image-component .aesop-image-component-caption, .cont_chart h5 {
    color: #b3b3b3;
    font-size: 12px;
    font-family: 'open sans', calibri,sans-serif;
    line-height: 1.6;
}
.mist {
	height: 126px;
	width: 100%;
	/* background: red; */
	z-index: 999;
	background: linear-gradient(red,);
	position: absolute;
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(80,80,80,0.2)) );
	border: 1px solid red;
	top: -100px;
}

.picker {
	float: left;
	width: 19%;
	margin-right: 1%;
	background: #F1F1F1;
	border: 1px solid #EEE;
}

.picker a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #111;
    margin: 10px 5px;
    font-size: 12px;
    padding: 5px 10px 5px 35px;
    font-family: 'open sans', calibri, sans-serif;
}

.picker a:hover, .picker a.selected {
	text-decoration: none;
}

.picker a:before {
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -8px;
	height: 16px;
	width: 16px;
	border-radius: 20px;
	border: 1px solid #2D7F2F;
	background: #f9f9f9;
}
.picker a:hover:before, .picker a.selected:before {
	background: green;
}

.story .infographic {
	margin: 40px 0 90px 0;
	background: #fff;
}

.story .infographic>div {
	max-width: 1200px;
	margin: 0 auto !important;
	width: 100%;
	padding: 40px 20px;
	/*background: url(images/story_infographic_sapling.png) bottom right no-repeat;*/
}
.story .infographic em {
	font-style: normal;
	display: block;
	margin-bottom: 0;
	font-family: 'open sans', calibri, sans-serif;
}

.story .infographic span {
	display: none;
}

.story .infographic ul {
	margin: 0;
	padding: 0;
}

.story .infographic li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.story .infographic>div>ul {
	width: 80%;
	max-width: none;
	float: left;
}

.story .infographic>div>ul>li {
	width: 33%;
	margin-left: 0.5%;
	float: left;
	background: #F1F1F1;
	border: 1px solid #EEE;
	padding-top: 0px;
}
.story .infographic>div>ul>li:first-child {
	margin-left: 0;
}
.picker h5, .story .infographic>div>ul>li>em {
	/* Title */
	/*font-weight: bold;*/
	font-size: 18px;
	margin-bottom: 10px;
	padding-left: 5px;
	text-align: center;
	background: #fff;
	padding: 10px 0;
	line-height: 1.2em;
}

.story .infographic>div>ul>li>em {
}

.story .infographic>div>ul>li>ul>li {
	padding-bottom: 20px;
}
.story .infographic>div>ul>li>ul>li:last-child {
	padding-bottom: 0;
}
.story .infographic>div>ul>li>ul>li>em {
	/* Subtitle */
	font-style: italic;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.story .infographic>div>ul>li>ul>li>ul>li {
	/*padding-left: 15px;*/
}
.story .infographic>div>ul>li>ul>li>ul>li>em {
	/* Paths */
	font-size: 12px;
	/*background: red;*/
	padding: 10px 20px;
	margin: 0 0 1px 0 !important;
}

em.selected {
	transition: color 0.5s ease;
	transition: background 0.5s ease;
	background: rgba(45, 127, 47,0.2);
	color: #666 !important;
	font-weight: normal;
}

@media only screen and (max-width: 920px) {
	.picker {
		width: 29%;
	}
	.story .infographic>div>ul {
		width: 70%;
	}
}
@media only screen and (max-width: 750px) {
	.picker {
		width: 100%;
	}
	.picker a {
		display: inline-block;
		width: 48%;
		float: left;
	}
	.story .infographic>div>ul {
		width: 100%;
	}
}

@media only screen and (max-width: 1025px) {
	.story .entry-content {
		padding: 0 !important;
	}

	.story p, .story h1, .story h2, .story h3, .story h4, .story h5, .story h6, .story ul, .story ol, .story blockquote, .aesop-quote-component.aesop-quote-type-pull {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 670px) {
	.story .entry-content {
		padding: 0 !important;
	}

	.aesop-parallax-component {
		margin-bottom: 50px;
	}
	.aesop-parallax-sc .aesop-parallax-sc-floater.floater-center {
		top: 25%;
		font-size: 20px;
	}
	.aesop-parallax-sc .aesop-parallax-sc-floater.floater-center em {
		font-size: 30px;
	}

	.story p, .story h1, .story h2, .story h3, .story h4, .story h5, .story h6, .story ul, .story ol, .story blockquote, .aesop-quote-component.aesop-quote-type-pull {
		padding: 0 20px;
	}
	 .story ul {
	 	margin-left: 20px;
	 	padding-right: 40px;
	 }
	.accordianbox {
		margin: 0 20px !important;
	}
	.aesop-image-component .aesop-image-component-image {
		max-width: 100% !important;
	}
	.aesop-quote-component.aesop-quote-type-pull.aesop-component-align-center, .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-left, .aesop-quote-component.aesop-quote-type-pull.aesop-component-align-right {
		text-align: center;
		width: 100% !important;
		float: none;
		margin: 0 auto 20px auto;
	}

	.aesop-quote-component blockquote, .story blockquote {
		display: inline-block;
		margin: 0 auto;
		width: auto;
		float: none;
		text-align: center;
	}
}

@media only screen and (max-width: 450px) {
	.story .infographic>div {
		padding: 40px 0;
	}
	.picker {
		width: 100%;
	}
	.picker a {
		display: inline-block;
		width: 100%;
		float: left;
	}
	.story .infographic>div>ul {
		width: 100%;
	}
	.story .infographic>div>ul>li {
		width: 100%;
		margin: 0 0 10px 0;
	}
}

/* iPad Pro */


/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	.vote-offtrack,
	.vote-innovatenz,
	.vote-resourcefulnz {
	    width: auto;
	}
	/* CONCLUSION */
	.conclusion-section-final {
	    padding: 100px 0 400px 0;
	}
	#canv{
	  left: 0px;
	  bottom:-300px;
	}
}



/*Style for authors page template*/
.author-item{
		border-bottom: 1px solid rgba(0,0,0,0.05);
		margin-bottom: 30px;
		padding-bottom: 30px;
}
.author-item .left-col{
		width: 20%;
		float: left;
		text-align: center;
}
.author-item .right-col{
		width: calc(80% - 20px);
		float: right;
}

.author-item .left-col img{
		width: 100%;
		height: auto;
		max-width: 100%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-0-border-radius: 50%;
		border-radius: 50%;

    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
    border: 5px solid #FFF;
		display: block;
		clear: both;
		margin: 0 auto 20px auto;
}


.bottom-col-btn{
		background-color: #1d2f6e;
		line-height: 40px;
		padding: 0 20px;
		color: #fff;
		text-decoration: none;
		display: inline-block;

}

.author-categories a{
		font-weight: bold;
		text-decoration: none;
		display: inline-block;
		padding-right: 20px;
}

@media only screen and (max-width: 1024px) {
		.author-item .left-col{
				width: 30%;
		}
		.author-item .right-col{
				width: calc(70% - 20px);
		}
}
@media only screen and (max-width: 640px) {
		.author-item .left-col{
				width: 100%;
				float: none;
				padding-bottom: 30px;
		}
		.author-item .right-col{
				width: 100%;
				float: none;
		}

		.author-item .left-col img{
				max-width: 150px;
		}
		.author-item .right-col h3{
				text-align: center;
		}
}

/*Front page slider*/
.front-page-slider{
		height: 815px;
}

.slider, .slider > div{
		height: 815px;
}

.slider > ul{
		bottom: 150px;
}

.slider > ul > .showli, .slider > ul > li:hover{
		background-color: #b4c5d0;
}

.slider h1{
		margin-top: 200px;
}

.slide-description{
		font-size: 16px;
}
.slide-button{
		background-color: #1d2f6e;
		line-height: 40px;
		padding: 10px 30px;
		color: #fff;
		text-decoration: none;
		display: inline-block;
		text-transform: uppercase;
}

/*Adjust the margin bottom because we have the form in this page*/
.page .typology-section, .blog .typology-section{
		padding-top: 0;
}
.page-template-template-authors .typology-section{
		padding-top: 0rem;
}