@font-face {
  font-family: 'gelicons-core';
  src: url('../fonts/gelicons-core.eot?#iefix') format('embedded-opentype'),  url('../fonts/gelicons-core.woff') format('woff'), url('../fonts/gelicons-core.ttf')  format('truetype'), url('../fonts/gelicons-core.svg#gelicons-core') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'gelicons-social';
  src: url('../fonts/gelicons-social.eot?#iefix') format('embedded-opentype'),  url('../fonts/gelicons-social.woff') format('woff'), url('../fonts/gelicons-social.ttf')  format('truetype'), url('../fonts/gelicons-social.svg#gelicons-social') format('svg');
  font-weight: normal;
  font-style: normal;
}

#loading {color:white;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;width:100px;height:20px;font-size:0.85rem;text-align: center;display: none;}

.pace {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;

  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  bottom:180px;
  left:50%;
  margin-left:-100px;
  height:25px;
  width: 200px;
}

.pace .pace-progress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

  -webkit-transition: width 1s ease-in-out 1s linear;
  -moz-transition: width 1s ease-in-out 1s linear;
  -ms-transition: width 1s ease-in-out 1s linear;
  -o-transition: width 1s ease-in-out 1s linear;
  transition: width 1s ease-in-out 1s linear;

  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 190px;
  position: fixed;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  height: 15px;
  font-size: 12px;
  background: white;
  color: white;
  line-height: 60px;
  font-weight: bold;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
}

.pace.pace-inactive {
  display: none;
}

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y: scroll;}
body{margin:0;width:100%;}


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
h1,h2,h3,h4,h5,h6,p {margin:0px;padding:0px;}
body {font-size:62.5%;background:#efefef no-repeat center center fixed;background-size:cover;min-height: 100vh;}

body,input,select,svg text {font-family: 'Lato', 'Helvetica Neue','Helvetica','Arial',sans-serif !important;color:#65625c;font-weight:400;}

.browser-support {display: none;font-size:1rem;display: none;width:500px;margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;height:50px;vertical-align:middle;text-align: center;color:white;}
a img {border:none;}
body.unsupported {background:#ccc;}
body.dark-background {background: #000000;}
body.unsupported .pace {display: none !important;}
body.unsupported .browser-support {display:block;}

abbr {border-bottom:1px solid rgba(255,255,255,0.7);}
abbr:hover {border-bottom:2px solid rgba(255,255,255,1);cursor: default}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
 
sup {
  top: -0.5em;
}
 
sub {
  bottom: -0.25em;
}
.cf:before,.cf:after {content: " ";display: table;}

.cf:after {clear: both;}

.cf {*zoom: 1;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* ANIMATIONS */

.axf,.debug-container,hr,.block,.disaster_graph_bar_render,.graph.bar svg path, abbr,.item-content {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

#intro {
		transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;	
}
}

.item {
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;	
}


#header {background:url('../img/bg-header.jpg') no-repeat top left;background-size:cover;width:100%;height:330px;position:relative;}



/*h1 {
	transition: left 1s ease-in-out, margin-left 1s ease-in-out, color 1s ease-in-out;
	-webkit-transition: left 1s ease-in-out, margin-left 1s ease-in-out, color 1s ease-in-out;
	-moz-transition: left 1s ease-in-out, margin-left 1s ease-in-out, color 1s ease-in-out;
	-o-transition: left 1s ease-in-out, margin-left 1s ease-in-out, color 1s ease-in-out;
	-ms-transition: left 1s ease-in-out, margin-left 1s ease-in-out, color 1s ease-in-out;		
}*/

/* FONT SIZES */

h3 {font-size:0.9rem;}
.button, .module_list_button,.module_list li a {font-size:0.75rem;font-weight:700;}
.block,.video-info {font-size:0.85rem;}
.video-series {line-height:0.9rem;padding-top:4px;padding-bottom:3px;display: block;}

/*input[type=submit]{border:2px solid #efefef;white-space: pre;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;font-size:1rem;background:#508b97;text-align: center;padding:5px;color:white;border:2px solid #508b97;width:220px;text-transform: uppercase;margin-top:10px;}*/

input[type=submit] {border:2px solid transparent;border-radius:0px;background:white;color:black;text-align: center;width:46px;height:23px;margin:0px;position:relative;top:2px;font-size:0.75rem;}
.small {font-size:0.65rem;line-height:0.65rem;}
.block .em {font-style: italic;}

/*select {background:#efefef url('../img/drop-icon.png') no-repeat center right;background-size:9px;padding:5px 15px 5px 5px;}*/
input {}
input.mini {width:50px;}
@-moz-document url-prefix() { 
  select {padding:5px;}
}

select.disabled {opacity:0.5}

strong {font-weight:700;}

select {border:2px solid transparent;padding:5px;font-size:1rem;}
select.error + div.chosen-container{border-bottom:2px solid red !important;}




#submit-birthday {text-align: center;margin-top:10px;}
#resubmit-birthday {display: none;} 

#logo {position:absolute;bottom:20px;left:0px;}

#header .wrap {height:330px}
#header h1 {margin:0px;padding:0px;}

#intro {background:rgba(0,0,0,0.2);position:absolute;left:0;width:100%;padding:20px;min-height:125px;z-index:99999;display: none;}
#intro p {font-size:1.3rem;color:white;line-height:1.6rem;margin-bottom:10px;}

#intro span.form-label {font-size:1rem;color:white;display: block;}

#intro .intro-text {}

.form-segment {display: inline-block;padding-right:20px;margin-top:10px;}
.dob-form-segment {width:275px;}
.height-form-segment {width:235px;}
.gender-form-segment {width:130px}
.units-form-segment {width:130px;}
.form-segment label {display: block;font-size:0.7rem;margin-bottom:10px;}
.submit-form-segment {width:55px;text-align: right;padding-top:20px;}
.form-segment select {margin:0px;}
.change-details {cursor:pointer;display: inline-block;float:right;color:white;font-size:1rem;top:0px;position:absolute;right:0px;padding:0px;text-align: right;}
.change-details:hover {}
.change-details:before {font-family:'gelicons-core';content:"\e026 ";margin-right:5px;font-size:0.8rem;}
.form-display {display: none;}
.form-input.height {width:30px;margin:0px;}
#height,#weight {width:96px}
.or {position:relative;top:2px;margin:0px 5px}

.year-form-segment {width:70px;display: inline-block;}
.day-form-segment {width:70px;display:inline-block}
.month-form-segment {width:100px;display:inline-block}

.cm-form-segment, .feet-form-segment, .inches-form-segment {width:60px;display: inline-block;}

#height {}

#submit-details {display: none;}

/*body.intro-hidden h1 {position:absolute;left:10px;margin-left:0px;}*/


body.painted {}
body.init-data-load h1 {color:#ccc;}

a.share_button {position:absolute;top:0px;right:0px;display:block;width:40px;height:40px;text-align: center;padding:12px;color:#666;background:#e6edeb;cursor: pointer;font-size:0.75rem;}
a.share_button:before {font-family:'gelicons-social';content:"\e200";}
a.share_button_active:before {font-family:'gelicons-core';content:"\e00e";}
a.share_button.share_video {
    color:#efefef;
    background:#111;
}

.module_list {position:absolute;width:100%;right:0px;top:40px;background:#c9d7d6;margin:0px;padding:0px;display: none;z-index:999;height:auto;}
.module_list li {list-style: none;margin:0px;}
.module_list li a {color:#666;padding:12px;display: block;text-decoration: none;}
.module_list li a:hover {background:#d8e2e1;color:#5b9693}
.module_list li a .tick {width:20px;display: inline-block;}
.module_list li a.module_list_active_link .tick:before {content:"\e00d";font-family:'gelicons-core';font-size:0.5rem;}
.module_list_button {font-size:0.55rem;line-height:1rem;position:absolute;top:0px;right:40px;background:#c9d7d6;padding:12px;font-weight:900;width:40px;height:40px;text-align: center;color:#666;font-family: 'GELIcons';text-decoration: none;z-index:9999;}

.module_list_button .module_list_button_icon {display:block;position:relative;top:1px;}
.module_list_button .module_list_button_icon:before {content:'\e004';font-family: 'gelicons-core';}
.module_list_button.module_list_active .module_list_button_icon:before {content:'\e003';font-family: 'gelicons-core';}

.module_list_active {}
.module_list li:first-child a {}


.float {float:left;display: inline-block;margin-right:20px;}
.left {float:left;width:50%;}
.right {float:right;width:50%;}
.rightr {float:right;width:50%;text-align: right;} 
.third {width:33%;float:left;}
.detail-block-small {margin-top:10px;}


h1 {font-weight:300;padding:20px 0px;font-size:2.5rem;color:#efefef;display: inline-block;text-align: center;line-height:2.5rem;}
h1.main {padding:0px 0px 20px 0px;font-weight:700;}
h1 strong {font-weight:700;letter-spacing: 0px;} 
h1 span.y {letter-spacing: -2px;}
h3 {font-weight:700;padding:12px 0px 12px 15px;width:100%;line-height: 1rem;}
h4 {letter-spacing: 1px;font-size:0.75rem;}
h5 {font-size:0.6rem;font-weight:normal;color:#343331;letter-spacing: 1px;}
h6 {font-weight:normal;height:25px;padding:5px;font-size:0.7rem;background:rgba(0,0,0,0.5);color:#75bcb8}

.hud-inner h3 {width:190px;float:left;}
.refresh-all {width:110px;float:right;display: block;padding:12px 6px;text-align: center;line-height: 1rem;background:#2f3535 !important;color:#efefef;}
.refresh-all:before {font-family:'gelicons-core';content:"\e02a   ";font-weight:400;font-size:0.6rem;margin-right:5px;}

.refresh-section {float:right;width:120px;text-align: right;display: inline-block;font-size:0.75rem;position:relative;top:-59px;color:white;text-decoration: none;text-decoration: none;}
.refresh-section-icon:before {font-family:'gelicons-core';content:"\e02a   ";font-weight:400;font-size:0.6rem;width:10px;height:10px;display: inline-block;}
.refresh-section:hover .refresh-section-icon {-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}

.reset {display: none;font-size:0.75rem;position:absolute;bottom:10px;left:10px;cursor: pointer;color:#508b97;}
.reset:before {font-family: 'gelicons-core';content:"\e021";}

.stamp h3, .refresh-all{background:rgba(255,255,255,0.7);}
.stamp h3 {color:#508b97;}

.caption {background:rgba(0,0,0,0.4);padding:12px;color:#efefef;}
.bottom-caption {background:rgba(0,0,0,0.4);padding:12px;color:#efefef;position:absolute;bottom:0px;left:0px;width:300px;}

 .block {background:rgba(34,34,34,0.4);z-index:9998;}
 .block h3 {text-transform: uppercase;letter-spacing:1px;}
.block h3 {color:#666;height:40px;vertical-align: center;background:#e6edeb}

.unit {font-size:0.6rem;}

span.birth-detail {color:#75bcb8;display: block;font-size:2rem;line-height: 2.5rem;font-weight:400;letter-spacing: -1px;}
span.birth-detail-small {color:#75bcb8;display: block;font-size:1.5rem;line-height:2rem;font-weight:400;}
span.stat-detail-default{color:white;display: block;font-size:1.3rem;line-height:1.6rem;font-weight:400;}
span.stat-detail-default.inline {display: inline-block;position:relative;top:4px;}
#intro span.stat-detail-default {line-height:1.3rem;margin-bottom:3px;}

span.detail {font-size:1.5rem;line-height: 2.5rem;display: block;font-weight:400;}
span.up,label.up {text-transform: uppercase;letter-spacing:1px;}
.white {color:#efefef;}
span.highlight,strong.highlight,label.highlight  {color:#75bcb8;}
span.highlight-b {color:#508b97;}
/*span.up.highlight,span.up.white,span.b,label.up.highlight{font-weight:700;line-height:1rem;}*/
.detail-block span.birth-detail, .detail-block span.birth-detail-small {color:#508b97;}

#bg {position:fixed;display:block;height:auto;top:0;bottom:0;right:0;left:0;z-index:-1;background-attachment: fixed}
#wrapper {width:100%;}
#wrapper.hidden {}
.wrap {width:932px;margin:auto;position: relative;}




.wrapper {padding:0px 0px 0px 0px;background-repeat:no-repeat;background-size:cover;background-position:center top}

#wrapper-a {min-height:500px;}

.board_rendered #wrapper-a {min-height:950px !important;}
.board_rendered #wrapper-b {min-height:1050px;}
.board_rendered #wrapper-c {min-height:1850px;}
.board_rendered #wrapper-d {min-height:875px;}

/*
#wrapper-a{background-image:url('../img/bg/a.jpg')}
#wrapper-b {background-image:url('../img/bg/b.jpg')}
#wrapper-c {background-image:url('../img/bg/c.jpg')}
#wrapper-d {background-image:url('../img/bg/d.jpg')}
*/

	#wrapper-a{background-image:url('../img/bg/a-s.jpg')}
	#wrapper-b {background-image:url('../img/bg/b-s.jpg')}
	#wrapper-c {background-image:url('../img/bg/c-s.jpg')}
	#wrapper-d {background-image:url('../img/bg/d-s.jpg')}

.wrapper .wrap {display: none;padding:32px 0px 32px 0px;}

#wrapper-a .wrap {padding:150px 0px 32px 0px;}
.board {width:100%;margin:0px auto 0px auto;display: block;}
#static {}

h1.category {text-align: left;width:930px;margin:auto;padding:0px 0px 10px 0px;margin:0px 0px 32px 0px;display: none;font-size:2rem;line-height: 2rem;border-bottom:1px solid rgba(255,255,255,0.7);}



hr {border:0;height:1px;background:rgba(255,255,255,0.1);width:300px;float:left;margin-top:210px;}
body.board_rendered hr {width:920px;}

.item, .stamp-inner {}
.item {}
.item {margin:0px 0px 16px 0px;}
.item-s {width:145px;height:145px;}
.item-m {width:300px;height:145px;}
.item-l {width:300px;}
.item.item-out {opacity:0.2;}

.tablet .item.item-out {opacity:1;}
.item.item-in {}
.item.item-out .item-content {opacity:0;/*transform: scale(0.1);-webkit-transform:scale(0.1)*/}
.tablet .item.item-out .item-content {opacity:1}
.item.item-in .item-content{opacity:1;/*transform: scale(1);-webkit-transform:scale(1);*/}
.item-content {padding:16px;color:white;}
.item-content.fullbleed {padding:0px;}


.heartbeats .item-content {height:440px;background-image:url('../img/sprite-heartbeats.jpg');background-repeat: no-repeat;padding:0px;}

.heartbeats_block_hummingbird {background-position: 0px 0px;}
.heartbeats_block_blue_whale {background-position:0px -450px;}

.heartbeats_wrapper{}
.heartbeats_viz {overflow:hidden;position:relative;width:80px;height:80px;margin:20px auto 15px auto;border:2px solid;border-radius:100%;}
.heartbeats_you_viz {border-color:#efefef;/*background-image:url('../img/heartbeats/circlebeat-human.gif');*/}
.heartbeats_animal_viz {border-color:#75bcb8;}
.heartbeats_viz_wrapper {text-align: center;}
.heartbeats_pulse {text-align: center;width:80px;margin:1px 0px 0px -2px;}
.heartbeats_pulse:before {content:"\f004";font-family:'FontAwesome';width:80px;text-align: center;margin:15px auto 0px auto;display: block;font-size:47px;}
.heartbeats_you_pulse{color:#efefef;}
.heartbeats_animal_pulse {color:#75bcb8;}
.heartbeats_vs_animal_wrapper {padding:10px;height:220px;width:300px;position:absolute;bottom:0px;background: url('../img/heartbeat-overlay.png') no-repeat 0px 19px;background-size:300px;}

@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

@-webkit-keyframes pulsate {
    0% {opacity: 0.1;}
    50% {opacity: 0.6;-webkit-transform: scale(0.8);}
    100% {opacity: 0.1;}
}

@-moz-keyframes pulsate {
    0% {opacity: 0.1;}
    50% {opacity: 0.6;-moz-transform: scale(0.8);}
    100% {opacity: 0.1;}
}

@-o-keyframes pulsate {
    0% {opacity: 0.1;}
    50% {opacity: 0.6;-o-transform: scale(0.8);}
    100% {opacity: 0.1;}
}

@keyframes pulsate {
    0% {opacity: 0.1;}
    50% {opacity: 0.6;transform: scale(0.8);}
    100% {opacity: 0.1;}
}

@-webkit-keyframes slowpulsate {
    0% {opacity: 0.1;}
    45% {opacity: 0.1;-webkit-transform: scale(1)}
    50% {opacity: 0.6;-webkit-transform: scale(0.8);}
    55% {opacity: 0.1;-webkit-transform: scale(1)}

    100% {opacity: 0.1;}
}

@-moz-keyframes slowpulsate {
    0% {opacity: 0.1;}
    45% {opacity: 0.1;-moz-transform: scale(1)}
    50% {opacity: 0.6;-moz-transform: scale(0.8);}
    55% {opacity: 0.1;-moz-transform: scale(1)}

    100% {opacity: 0.1;}
}

@-o-keyframes slowpulsate {
    0% {opacity: 0.1;}
    45% {opacity: 0.1;-o-transform: scale(1)}
    50% {opacity: 0.6;-o-transform: scale(0.8);}
    55% {opacity: 0.1;-o-transform: scale(1)}
    100% {opacity: 0.1;}
}

@keyframes slowpulsate {
    0% {opacity: 0.1;}
    45% {opacity: 0.1;transform: scale(1)}
    50% {opacity: 0.6;transform: scale(0.8);}
    55% {opacity: 0.1;transform: scale(1)}
    100% {opacity: 0.1;}
}


.heartbeats_you_pulse {

    -webkit-animation: pulsate 1s ease-in-out;
    -webkit-animation-iteration-count: infinite; 
    -moz-animation: pulsate 1s ease-in-out;
    -moz-animation-iteration-count: infinite; 
    -o-animation: pulsate 1s ease-in-out;
    -o-animation-iteration-count: infinite; 
    animation: pulsate 1s ease-in-out;
    animation-iteration-count: infinite; 
}

.heartbeats_blue_whale_pulse {
    -webkit-animation: slowpulsate 10s ease-in-out;
    -webkit-animation-iteration-count: infinite; 
    -moz-animation: slowpulsate 10s ease-in-out;
    -moz-animation-iteration-count: infinite; 
    -o-animation: slowpulsate 10s ease-in-out;
    -o-animation-iteration-count: infinite; 
    animation: slowpulsate 10s ease-in-out;
    animation-iteration-count: infinite; 
}

.heartbeats_hummingbird_pulse {
	-webkit-animation: pulsate 0.3s ease-in-out;
    -webkit-animation-iteration-count: infinite; 
    -moz-animation: pulsate 0.3s ease-in-out;
    -moz-animation-iteration-count: infinite; 
    -o-animation: pulsate 0.3s ease-in-out;
    -o-animation-iteration-count: infinite; 
    animation: pulsate 0.3s ease-in-out;
    animation-iteration-count: infinite; 
}


.ocean_bar_graph_wrapper {height:180px;}
.ocean_bar_chart_bar_wrapper {float:left;width:89px;border-bottom:1px solid white;height:150px;position:relative;}
.ocean_bar_viz {position:absolute;bottom:0px;left:5px;width:81px;height:0px;}

.ocean_bar_viz:before {background-repeat:no-repeat;background-size:81px;height:15px;width:81px;display:inline-block;content:"";position:absolute;}

.sea_level_future_viz:before {top:-1px;left:-2px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAAICAYAAAB6dSSTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkU0RTgyRjQzMDYwMTFFNDg5QkRCRDA3MThEN0MyQkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU0RTgyRjUzMDYwMTFFNDg5QkRCRDA3MThEN0MyQkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRTRFODJGMjMwNjAxMUU0ODlCREJEMDcxOEQ3QzJCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRTRFODJGMzMwNjAxMUU0ODlCREJEMDcxOEQ3QzJCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoX4E+4AAAELSURBVHja7JQxCsJAEEWz2liJtaCSLoUgwU6w8wKCKb2AF/AEwTMIHsBCsBHsFWysBC+gRQ5gZZOsf3GCQ4iakMLC+fDY7M7mpZlMSWsd6mcaVsEYh35FfOLL6gtL2B/pfGIVz+TNs/jE98l3NF3pxV0JxgW6e8ymq/jEl8fnxYcL9oElcHIIHXonzpwQn/iy+Ba8WAYzEFHRrDswBQNggxph09mU7kTsD/GBInzW8eITX9IXUc+V07rVBRt2OWu2oJvi61JNi098rAFNj7ncpd6MzzqWEeiBDjD7KpXv4ALOYA/WSqnrl3HcxDIEfdAGLVAR31/4biAAJ3AAK/iCpMOMWEsi+XUeAgwAJtLL0Cny9NYAAAAASUVORK5CYII=);}

.sea_level_today_viz:before {top:-4px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAAICAYAAAB6dSSTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5Zjk1YzJkZi0zYWFiLTQwY2UtODEyNy01OGE2OGNmNDRiMTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REQ2RDhCMDAzMDY4MTFFNDg5QkRCRDA3MThEN0MyQkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REQ2RDhBRkYzMDY4MTFFNDg5QkRCRDA3MThEN0MyQkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Zjk1YzJkZi0zYWFiLTQwY2UtODEyNy01OGE2OGNmNDRiMTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OWY5NWMyZGYtM2FhYi00MGNlLTgxMjctNThhNjhjZjQ0YjExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++53w9wAAAaxJREFUeNrslbErhGEcx++OiEGK4cREFgplYFCSrk5HFpLVZmKxMDjCYmGy+QcMd6JcGS4bg0KxMZHFIAORnM+vfm+9XW953fMMV/d869PveX/X++33ft/neS+ydJqLRywKv6EK84u7DM0zjFFTFg07KTMW/aop81ptaVbntKWUy9A8Q9mIGzZONB5VlD0YZj1iacAV6NBq46XIXAmZU+c1PsmSn8vQPEPZiLLI0+gxMGuiZGAUxDNLb8rkFMM6y7S20nJtcqp1nqzOJ3NmdO5S/SSvvObnMjTMMMpFQfufsAs724nkc0ijOsqcnrYWbd9Ct64PYAu/q5B+Uco4rEK/ti9gQNeXsAbHeBZCevZRlmFaW/f6hRDJc27CPn4fIf3kORdhAWqLfnYZlpihfyN6+oYzyIE8/AO8wg80QCvITpZP9Jj2/PKH6OkajjSEO/X7gnpoVr9BmIS2onv9IXp6hEM4hxt4gXeogUbo0pcwAb1F9/pD9PQGJ3o6xe9JezH1awd5GUn524S/viouw39mGLQRTRUUoomCQjRRUIjlporLMBZxcioD/QowALl+AViHd+jDAAAAAElFTkSuQmCC);}

.arctic_ice_then_viz:before {top:-4px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAAICAYAAAB6dSSTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REQ2RDhBRjczMDY4MTFFNDg5QkRCRDA3MThEN0MyQkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REQ2RDhBRjgzMDY4MTFFNDg5QkRCRDA3MThEN0MyQkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRTRFODJGQTMwNjAxMUU0ODlCREJEMDcxOEQ3QzJCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERDZEOEFGNjMwNjgxMUU0ODlCREJEMDcxOEQ3QzJCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoffQmIAAAH1SURBVHja7JdLKAVRGMcNSXmFYsFCkoVsZKNslCzuRtlJeRV5FQmRhJBEkiivyLNkRdlYSNmIjSzIQtJdsKBc5VGSrt+pbyHNNeYYJc3Ur6/Ovf3uN/8zc865ht/vD3Iv9/rzl893Fw0LcABpDviCoQUuwONQjx7xKW+wA740uV9139Fuhr+foWEhy6UsQbIMPUMrTMfGxvk1mksWX+6H4SnlxPes4QunjEDdh+E9KMfn1fCpPGrFGS7DXvHtaU6Im+E3MjQCyMIoA9Ac4DvbUIn42kaD5ZQJiDL5+BxK8R3a8GVTVsBshXmABnxLNnyJlHkwW2HUAzMKnThfvulzM7SRoWEiy6SsQobF795BPdJ1i+biKbNQaOF7g0How/n6hS+U0g0dEGLh3IRqfLcWPRZRJiHOwncKJfiOLXz/KcMNqHEwwxN5YY5NH0REqqE26IVQG6vxmoR5b9JcAWUOEmz4jmSyz0x86TLBWTZ8N1CFb8vEFyPhFdvwqQnugWGcb598boaaGRoiS6UsQ47m2fQKKpDuiC+SMqa2Hk2fWrrbYVydo+Tc0QhDEKbpVFtGE75H6TGfsghJmr59KMN34Wb48wwNZNWyd0c48OdLnV/UWzMDKQ74dqEL+iHPAd+l2mZArTINDvie5AwY5Gb4swzfBRgAutp2lqmtGEIAAAAASUVORK5CYII=);}

.arctic_ice_today_viz:before {top:-4px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAAAICAYAAAB6dSSTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REQ2RDhBRkIzMDY4MTFFNDg5QkRCRDA3MThEN0MyQkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REQ2RDhBRkMzMDY4MTFFNDg5QkRCRDA3MThEN0MyQkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERDZEOEFGOTMwNjgxMUU0ODlCREJEMDcxOEQ3QzJCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERDZEOEFGQTMwNjgxMUU0ODlCREJEMDcxOEQ3QzJCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsvkY/0AAAIXSURBVHja7JdPSFRBHMd9xiJYSQR60MMisYeli3QJuggi5EXwJoK6QaKWWBmWRFSoiGhSWviXhPwD0imhi4IEXoIusQdlDxLioQ4FEaZChG6fgd9BYmyceQ+CmAcffjDv8Xmz33nzZ4NsNpvjL3/96yswPXBnZbmAMgJJaHhceXkjzAvx5VI64Dq04VsK+yNwVlFGYQye4jwI6UtQ5iADN/Fth/T5DA0ZBgZZOWUG4tK0B50wgTjr0Lm4+MoPNY8rJ749B18+ZQiuHWpehRS+LQefyqNVnPnSvCW+VccB8RkeI8PgCFkepQ9uH/GMmoFXEX+26GCK8hxOa25vyErx3sJ3UWZcQnP7B7Tjm7HwFVOmoUpzW30wT+A+zp/H9PkMLTIMNLIyyjycN7z3m9oakL4ydK6QMgU1Bt8+9EMPzl9/8cUoD+EenDA4F6EZ31dDH2tlSzpr8K1DPb60wfc/ZfgaWiLMcE0mTFr7ISJSHboL3RCzWI0XJMzvms5VU15AkYXvgwx2RuNLygBfsPB9gSZ8bzS+MxJenYVPDfAjGMS5/4fPZ+iYYSCyc5RZuOR4Nv0EV5CuiO8UZVhtPY4+tXR3wTN1jpJzxw0YgDxHp9oybuHbkT5WUl5CiaPvHTTi++gzDJ9hgKxZ9u6TEfwLV+cXNWsmoTQC31t4AL1QEYFvU20zoFaZ9gh8u3IGzPEZhsvwtwADALnCO2V1pYWvAAAAAElFTkSuQmCC);}

.ocean_bar_future_viz {border-left:2px solid #efefef;border-right:2px solid #efefef}
.ocean_bar_today_viz {background-color:#75bcb8}
.ocean_bar_then_viz {background:#efefef;}
.ocean_bar_year {display:inline-block;text-align: center;width:100%;position:absolute;bottom:-30px;}
.ocean_bar_viz_value {display:inline-block;text-align: center;width:100%;position:relative;top:-35px;}

.ocean_ph_future_viz {border-top:2px solid #efefef;}

.sea .item-content {height:260px;}
.sea_level_rise .ocean_bar_viz_value {display: none}

.stamp {}
.hud {width:300px;left:0px;}
.timeline {width:610px;left:310px;}

.GoogleActiveViewClass {}
    
.hud,.timeline {display:none;}
.main-render .timeline, .main-render .hud {display: block;}

.stamp-inner {}
.sponsor-inner {}
.stamp-inner, .sponsor-inner {}
.stamp-content {}
.sponsor {}

.sponsor.hidden {display: none;}

.sponsor.shown {width:300px;height:275px;position:absolute;left:632px;top:-15px;margin-bottom:16px;float:left;background:rgba(0,0,0,0.5);display: inline-block;}
.sponsor.shown:before {content: 'ADVERTISEMENT';display: block;font-weight: normal;height:15px;font-size:0.7rem;color:#efefef;padding:5px;}
.stamp {}

.age_on_planet{border:2px solid #75bcb8;background:#75bcb8;}
.age_on_earth {border:2px solid #efefef;background:#efefef;}

.age_on_earth_container,.age_on_earth_text {color:#75bcb8;}
.age_on_planet_container,.age_on_planet_text {color:#efefef;}

.age_on_planet_line {
background-image: linear-gradient(to right, white 10%, rgba(255, 255, 255, 0) 0%);
    background-position: left;
    background-size: 8px 1px;
    background-repeat: repeat-x;
    height:3px;
    position:absolute;
}

/*.age_container{width:50%;position: relative;padding-top:30px;margin-bottom: 10px;}
.age_viz_wrapper {position:relative;}
.age_on_earth_container{float:left;}
.age_on_planet_container {float:right;}
.age_viz {border-radius:100%;margin:auto;}
.age_text {width:126px;position:relative;}*/

.age_container {width:50%;display: inline-block;float:left;text-align: center;}
.age_viz_wrapper {position:relative;margin:auto;width:100%;}
.age_viz {border-radius:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.age_text {text-align: center;}
.ages_wrapper {height:230px;position:relative;}

.planet_age .item-content {background-image:url('../img/sprite-planets.jpg');background-repeat: no-repeat;background-color:black;height:330px;}
.planet_age_block_mercury {background-position:0px bottom;}
.planet_age_block_venus {background-position: -300px bottom;}
.planet_age_block_mars {background-position: -600px bottom;}
.planet_age_block_jupiter {background-position:-900px bottom;}
.planet_age_block_saturn {background-position:-1200px bottom;}
.planet_age_block_uranus {background-position:-1500px bottom;}
.planet_age_block_neptune {background-position:-1800px bottom;}

.disaster_graph_wrapper {background:rgba(0,0,0,0);position:relative;height:100px;margin-top:10px;}
.disaster_graph {position:absolute;bottom:0px;}
.disaster_graph_bar {display:inline-block;position:relative;height:50px;float:left;}
.disaster_graph_bar_render_wrapper {position:absolute;bottom:0px;width:100%;}
.disaster_graph_bar_render {margin:auto;background:#75bcb8;width:4px;}
.disaster_graph_bar_render:hover {background:white;}
.disaster_graph_bar_render_wrapper:hover .disaster_graph_bar_render {background:white;}

.graph_text_wrapper{color:#efefef;width:268px;}
.graph_text_wrapper.border_top{border-top:1px solid #efefef;padding-top:5px;}

.disaster_overview {color:#efefef;}
.disaster_graph_axis {position:absolute;color:#efefef;left:0px;}
.graph_bar_text {display: none;}
.disaster_largest {color:#efefef;margin:40px auto 10px auto;}
.disasters_block .item-content {height:295px;}
.supply_graph_wrapper {height:325px;}

.food_supply {height:450px;}
.food_supply_graph { height:300px;margin-top:20px;width:240px;position:absolute;right:10px;}
.food_supply_labels {margin-bottom:30px;height:35px;}
.food_supply_wrapper {width:33.3%;height:200px;position:relative;display: inline-block;float:left;}
.food_supply_wrapper:after {position:absolute;left:50%;border-left:1px solid white;content:"";height:200px;z-index:1;}
.food_supply_label {width:33%;display: inline-block;text-align: center;float:left;}
.food_supply_then_viz {position:absolute;left:50%;top:0px;background:white;border-radius: 100px;}
.food_supply_now_viz {position:absolute;left:50%;bottom:0px;background:#75bcb8;border-radius: 100px;z-index:2;}
.food_supply_then_value {position:absolute;text-align:center;width:100%;top:-25px;display:block;}
.food_supply_now_value {position:absolute;text-align:center;width:100%;bottom:-25px;display:block;}
.food_supply_axis {position:absolute;top:159px;left:0px;height:205px;width:60px;}
 
.drink_supply {height:450px;}
.drink_supply_graph { height:300px;margin-top:20px;width:240px;float:right;}
.drink_supply_labels {margin-bottom:30px;}
.drink_supply_wrapper {width:25%;height:200px;position:relative;display: inline-block;float:left;}
.drink_supply_wrapper:after {position:absolute;left:50%;border-left:1px solid white;content:"";height:200px;z-index:1;}
.drink_supply_label {width:25%;display: inline-block;text-align: center;float:left;color:#ddd;}
.drink_supply_then_viz {position:absolute;left:50%;top:0px;background:white;border-radius: 100px;}
.drink_supply_now_viz {position:absolute;left:50%;bottom:0px;background:#75bcb8;border-radius: 100px;z-index:2;}
.drink_supply_then_value {position:absolute;text-align:center;width:100%;top:-25px;display:block;}
.drink_supply_now_value {position:absolute;text-align:center;width:100%;bottom:-25px;display:block;}
.drink_supply_axis {position:absolute;top:159px;left:0px;height:200px;width:60px;}
 
.species_disc .item-content {height:380px;background-image:url('../img/sprite-new-species.jpg');background-repeat: no-repeat;padding:0px;}
.species_disc_block_squat_lobster {background-position:0px 0px;}
.species_disc_block_titi_monkey {background-position:0px -450px;}
.species_disc_block_goliath_bird-eating_spider {background-position:0px -900px;}
.species_disc_block_ivory-billed_woodpecker {background-position:0px -1350px;}
.species_disc_block_siamese_crocodile {background-position:0px -1800px;}
.species_disc_block_dumbo_octopus {background-position:0px -2250px;}
.species_disc_block_black-faced_lion_tamarin {background-position:0px -2700px;}
.species_disc_block_fijian_crested_iguana {background-position:0px -3150px;}
.species_disc_block_megamouth_shark {background-position:0px -3600px;}
.species_disc_block_golden-crowned_sifaka {background-position:0px -4050px;}
.species_disc_block_golden_poison_frog {background-position:0px -4500px;}

.species_axis {width:276px;margin:auto;left:-5px;position:relative;}
.species_axis span {display: inline-block;width:33.3%;text-align: center;float:left;}

.species_risk_block .item-content {height:455px}
.species_risk_image {background-image:url('../img/sprite-species-risk.jpg');background-repeat: no-repeat;}
.species_risk_image_borneo_pygmy_elephants {background-position:0px 0px;}
.species_risk_image_philippine_eagles {background-position:0px -200px;}
.species_risk_image_goliath_groupers {background-position:0px -400px;}
.species_risk_image_georgia_aster {background-position:0px -600px;}

.left.key:before, .key-top:before {content:"";display: inline-block;width:13px;height:13px;background:white;margin-right:5px;position:relative;top:2px;}
.right.key:before, .key-bottom:before {content:"";display: inline-block;width:13px;height:13px;background:#75bcb8;margin-right:5px;position:relative;top:2px;}

.generations {}
.generations .item-content {height:250px;background:url('../img/sprite-generations.jpg');background-repeat: no-repeat;}

.generations_block_house_fly {background-position: 0px 0px;}
.generations_block_mouse {background-position: 0px -300px !important;}
.generations_block_rabbit {background-position:0px -600px !important;}
.generations_block_penguin {background-position:0px -900px !important;}
.generations_block_killer_whale {background-position: 0px -1200px !important;}

.gigatons .item-content {height:310px;}
.gigatons_graph {margin-top:10px;}
.gigatons_row{margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;}
.gigatons_row:first-child,.gigatons_row:nth-child(2) {border-bottom:1px solid rgba(255,255,255,0.3);}
.gigatons_year{width:60px;display: inline-block;position:relative;top:-3px;}
.gigatons_value{width:40px;display: inline-block}
.gigatons_viz{width:0px;display: inline-block;height:16px;margin-left:10px;}
.gigatons_then_viz {background:#efefef;}
.gigatons_today_viz {background:#75bcb8;}
.gigatons_future_viz,.gigatons_future_sust_viz {border:1px solid #efefef;}
.gigatons_viz_text {margin-left:115px;width:100px;}

.global_change .item-content { height:320px;}

.resource_graph_item {width:87px;height:100%;display: inline-block;position: relative;}
.resource_graph_render {border-width:0px 30px 0px 30px;border-style:solid inset inset inset;width:0px;height:0px;position:absolute;top:20px;left:50%;margin-left:-30px;border-color:#75bcb8 transparent transparent transparent;}

.resource_gas_graph_render  {border-color:white transparent transparent transparent;}


.resource_graph {height:185px;margin-top:20px;}
.resource_graph_value {position:absolute;text-align: center;width:100%;}
.resource_oil_graph_value {top:92px;}
.resource_coal_graph_value {top:94px;}
.resource_gas_graph_value {top:152px;}
.resource_graph_text {width:100%;text-align: center;}

.forests .item-content {height:260px;}
.forests_graph {height:200px;margin-top:20px;position:relative;}
.forests_cover {border-width:0px 100px 173.2px 100px;border-style: inset inset solid inset;width:0px;height:0px;position:absolute;top:10px;left:50%;margin-left:-100px;border-color:transparent transparent white transparent;}
.forests_destroyed{border-style:inset inset solid inset;width:0px;height:0px;position:absolute;right:49px;bottom:25px;border-color:transparent transparent #75bcb8 transparent;}
.forests_values {position:absolute;top:80px;width:268px;}

.oceans_fish_text_wrapper {margin-top:10px;}
.oceans_fish .item-content {height:310px}

.resource_graph_text_wrapper {position:absolute;top:80px;} 

.moons .item-content {min-height:180px;}

.eclipse_graph_item {width:16px;height:16px;margin:0px 5px 10px 0px;display: inline-block;} 
li.eclipse_graph_item {opacity:0;}
span.eclipse_graph_item {float:left;background-size:36px;height:8px;width:8px;margin-top:1px;}
span.eclipse_graph_item_total {border-radius:8px;}
span.eclipse_graph_item_annular {border-radius:8px;}
span.eclipse_graph_item_partial {width:5px;border-radius:0px 8px 8px 0px;}

.eclipse_graph_item_total {background:#75bcb8;border-radius:16px;}
.eclipse_graph_item_annular {border:1px solid #efefef;border-radius:16px;}
.eclipse_graph_item_partial {width:8px;border-radius:0 16px 16px 0;background:#efefef;}  

.eclipse_graph, .supermoon_graph {position:relative;width:280px;margin:0px 0px 10px 0px;} 

.supermoon_graph_item {width:8px;height:8px;margin:0 5px 10px 0;display: inline-block;}
span.supermoon_graph_item {float:left;margin-top:1px;}

.supermoon_graph_item_full {background:#75bcb8;border-radius:8px;}
.supermoon_graph_item_new {border:1px solid #efefef;border-left-width: 2px;border-radius: 8px;}

.distance .item-content {}
.distance-wrapper {border-bottom:1px solid rgba(255,255,255,0.3);padding:16px 0px;}
.distance-wrapper:last-child {border-bottom:none;padding:16px 0px 0px 0px;}
.distance-item {background:url(../img/sprite-distances.png) no-repeat;background-size:114px;display: inline-block;width:38px;height:38px;float:left;margin-left: -4px;margin-top:2px;}
.distance-viz-item {margin:8px 0px 0px 0px;}
.distance-viz-text {margin:0px 0px 0px 6px;float:left;display: inline-block;}
.distance-viz {width: 0;height: 0;border-style: inset inset inset solid;border-width: 10px 0 10px 0;border-color: transparent transparent transparent #75bcb8;}
.distance-viz:after {content:"";display: inline-block;width:4px;height:4px;border-radius:4px;background:white;position:relative;top:-11px;left:4px;}
.distance-item-voyager {background-position:0px 0px;}
.distance-item-earth {background-position:-38px 0px;}
.distance-item-solarsystem {background-position:-76px 0px;}

.tectonics .item-content {height:420px;}
.tectonics .tectonic_scale {height:185px;padding:0px;position:relative;}
.tectonics .tectonic_scale_marker {width:1px;height:5px;background:#efefef;position:absolute;top:108px;left:0px;
    box-shadow: 
                20px 0px 0px 0px #efefef,
                40px 0px 0px 0px #efefef,
                60px 0px 0px 0px #efefef,
                80px 0px 0px 0px #efefef,
                100px 0px 0px 0px #efefef,
                120px 0px 0px 0px #efefef,
                140px 0px 0px 0px #efefef,
                160px 0px 0px 0px #efefef,
                180px 0px 0px 0px #efefef,
                200px 0px 0px 0px #efefef,
                220px 0px 0px 0px #efefef,
                240px 0px 0px 0px #efefef,
                260px 0px 0px 0px #efefef;
}
.tectonics .tectonic_scale_your_height {position:absolute;bottom:0px;}
.tectonics .tectonic_scale_viz {width: 0px;height: 20px;position: absolute; background: #75bcb8;}
.tectonics .tectonic_scale_viz:after {content: "";position: absolute;display: block; left:100%;bottom: 0;width: 0;height: 0;border-style:inset inset inset solid;border-width: 10px 0 10px 5px;border-color: transparent transparent transparent #75bcb8;}
.tectonics .tectonic_scale_viz_plate {top:83px;background:#efefef;}
.tectonics .tectonic_scale_viz_plate:after {border-left-color:#efefef;}
.tectonics .tectonic_scale_viz_your_height {top:118px;}
.tectonics_block_east_pacific_rise .tectonics-viz-value {display: none;}

.species_saved .item-content {background-image:url('../img/sprite-species-saved.jpg');background-repeat: no-repeat;background-color:black;height:330px;padding:0px;}
.species_saved_block_black_rhino {background-position:0px 0px;}
.species_saved_block_golden_lion_tamarin {background-position: 0px -330px;}
.species_saved_block_grey_whale {background-position: 0px -660px;}
.species_saved_block_mountain_gorilla {background-position:0px -990px;}
.species_saved_block_saiga {background-position:0px -1320px;}
.species_saved_block_siamese_crocodile {background-position:0px -1650px;}
.species_saved_block_ivory-billed_woodpecker {background-position:0px -2310px;}
.species_saved_block_madagascan_serpent_eagle {background-position:0px -1980px;}

.tree_growth .item-content { height:400px;background:url(../img/redwood.jpg) no-repeat bottom left;}

.tree_growth .tree_scale {border-bottom: 1px solid white;position:relative;height:140px;margin-bottom:10px;}
.tree_growth .tree_scale_text_tree {float:left;width:100px;text-align: right;}
.tree_growth .tree_scale_text_your_height {float:right;width:100px;}
.tree_growth .tree_scale_marker_wrapper {float:left;width:70px;height:150px;}
.tree_growth .tree_scale_marker {width:5px;height:1px;background:#efefef;position:absolute;left:138px;bottom:140px;
    box-shadow: 
                0px 10px 0px 0px #efefef,
                0px 20px 0px 0px #efefef,
                0px 30px 0px 0px #efefef,
                0px 40px 0px 0px #efefef,
                0px 50px 0px 0px #efefef,
                0px 60px 0px 0px #efefef,
                0px 70px 0px 0px #efefef,
                0px 80px 0px 0px #efefef,
                0px 90px 0px 0px #efefef,
                0px 100px 0px 0px #efefef,
                0px 110px 0px 0px #efefef,
                0px 120px 0px 0px #efefef,
                0px 130px 0px 0px #efefef;
}
.tree_growth .tree_scale_viz:before {content: "";display: block;width: 0;height: 0;border-style: inset inset solid inset;border-width: 0 10px 5px 10px;border-color: transparent transparent #75bcb8 transparent;position:relative;top:-5px;}
.tree_growth .tree_scale_viz_tree:before {border-bottom-color:#efefef;}
.tree_growth .tree_scale_viz {width:20px;height:0px;position:absolute;bottom:0px;}
.tree_growth .tree_scale_viz_your_height {left:152px;background:#75bcb8;}
.tree_growth .tree_scale_viz_tree {left:110px;background:#efefef;}
.tree_growth .tree_scale_text {position:absolute;bottom:5px;}
.tree_growth .tree_scale_text_your_height {left:182px}

.ozone .item-content {min-height:150px;}
.ozone_graph {width:264px;margin:20px 0px 0px 0px;padding:0px;list-style: none;}
.ozone_graph_item_wrapper {display:inline-block;width:44px;height:44px;text-align: center;vertical-align: middle;list-style: none;position:relative;}
.ozone_graph_item {display: inline-block;border-radius:100%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:1px;height:1px;}
.ozone_graph_item_wrapper:last-child:after, .ozone_graph_item_wrapper:first-child:before {content:attr(data-year); font-size:0.65rem;display: inline-block;position: relative;color:#75bcb8}
.ozone_graph_item_wrapper:last-child:after {top:38px;}
.ozone_graph_item_wrapper:first-child:before {top:-13px;}

.carbon_graph {margin:15px 0px 10px 0px;height:160px}
.carbon .item-content {height:340px;}
.carbon_graph_item {width:89px;height:105px;text-align: center;display: inline-block;position:relative;float:left;}
.carbon_graph_viz_wrapper {width:20px;margin:10px auto;display:block;height:105px;}
.carbon_graph_viz {border:2px solid;display: block;width:100%;height:0px;}
.carbon_graph_viz_top {border-color:#75bcb8;margin-bottom:5px;background:#75bcb8;}
.carbon_graph_viz_bottom {border-color:#efefef;background:#efefef;}
.carbon_graph_future .carbon_graph_viz_top, .carbon_graph_future .carbon_graph_viz_bottom {background:none;}


.temperature_graph {height:166px;position:relative;margin:30px auto 10px auto;width:40px;}
.temperature_graph_viz {position:absolute;left:50%;margin-left:-20px;width:40px;}
.temperature_graph_viz_top {border:2px solid #efefef;top:0px;}
.temperature_graph_viz_bottom {bottom:0px;background:#75bcb8;}
.temperature_graph_viz_top:before, .temperature_graph_viz_bottom:before, .temperature_graph_viz_bottom:after {content:"";display: block;width:60px;border-top:2px solid #efefef;height:1px;position:relative;}
.temperature_graph_viz_top:before {left:-22px;top:-6px;}
.temperature_graph_viz_bottom:before {top:-4px;border-top-color:#75bcb8;}
.temperature_graph_viz_bottom:after {position:absolute;bottom:-5px;left:-20px;}
.temperature_graph_viz_text {width:80px;position:absolute;display: none;}
.temperature_graph_viz_text_future {left:-118px;top:-22px;}
.temperature_graph_viz_text_now {left:74px;top:-19px;}
.temperature_graph_viz_text_past {left:-118px;bottom:-10px;}
.temperature_graph_viz_line {position:absolute;top:0px;right:0;bottom:0;left:0;margin:auto;height:0px;width:2px;background:#efefef;}
.temperature_graph_viz_line:before {content:"";display: block;position:relative;left:-3px;border-top: 2px solid #efefef;border-right: 2px solid #efefef;border-left: 6px solid transparent;border-bottom: 6px solid transparent;transform: rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate:(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}}

.key-top.key, .key-bottom.key {display: block;}
.key-top.key {margin-bottom:5px;}

.video {width:932px;height:534px;}
.video-info {padding:11px 16px 13px 16px;position:relative;height:90px}
.video-wrapper {background:rgba(0,0,0,0.4);position: relative;}
.video_module_list {   
    padding-top:10px;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    -moz-column-width: 200px;
    -moz-column-rule: 0;

    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -webkit-column-width: 200px;
    -webkit-column-rule:0;
    
    column-count: 3;
    column-gap: 0;
    column-width: 200px;
    column-rule: 0;
    
    background:#111;
}

    .tablet .video_module_list_button {display: none;}
    .tablet .video_module_list {display: none;}

.video_module_list li a {
    color:#eee;
    padding:6px;
}
.video_module_list li a:hover {
    background:#333;
    color:white;
}

.video-wrapper .module_list_button {background:#111;color:#efefef}
.block.hide,.hide {display: none !important;}
.block.show,.show {display: block !important;}

.block.hide {}

.list {margin:20px 0px 20px 0px;padding:0px;list-style: none;text-align: justify;}

.list li {list-style: none;}

.third.small.white {overflow: hidden;height:16px;}

#wrapper-d .wrap {padding-bottom:0px;}
#footer {padding:32px 0px;text-align: center;}
#footer img { width:228px;height:40px;margin-top:20px;}
#earth_logo {width:100px;height:75px;}
#iibstudio_logo {width:163px;height:26px;margin-top:25px;}

#error {display: none;height:20px;text-align: center;width:400px;position:absolute;z-index:999999;top:0;right:0;bottom:0;left:0;margin:auto;color:white;font-size:1rem;}
#reload {border-bottom:1px solid white;cursor: pointer;}
#reload:hover {border-bottom:3px solid white;}

.support, .support-float {width:300px;padding:16px;margin-top:15px;color:#efefef;font-size:0.7rem;}
.support {position:absolute;bottom:0px;left:00px;}
.support-float {position:relative;left:-16px;}

.graph_support {margin-top:25px;}

.axis_top {position:absolute;left:20px;}
.axis_bottom {position:absolute;bottom:-15px;left:20px;}

.chart-wrapper {position:relative;left:-16px;}
.chart-wrapper.bar svg path:hover {fill:white;}
.chart-wrapper.bar_cluster svg g text tspan {baseline-shift:5px;}
.chart-wrapper.line {left:-20px;}
.chart-wrapper.bar_cluster {left:-28px;}

.block_bottom {width:300px;position:relative;left:-16px;top:0px;height:200px;}
.block_bottom_map {position:relative;top:16px;height:230px}
.block_top_map {position:relative;height:150px;top:-16px;}

.module_share {display: none;position:absolute;top:40px;right:0px;width:300px;background:#e6edeb;padding:16px;color:#666;z-index:2147483647;height:140px;}
.module_share_video {background:#111;color:#efefef;}
.module_share ul {list-style: none;margin:0;padding:16px 0px;}
.module_share ul li {width:89px;display: inline-block;float:left;text-align: center;}
.module_share .share-icon {text-decoration: none;width:52px;height:52px;background:#75bcb8;text-align: center;position:relative;display: inline-block;color:#efefef;vertical-align: middle;background:#666;}
.module_share_video .share-icon {color:#111;}
.module_share ul li span.prop, .module_share ul li img.prop {display: none;visibility: hidden;}
.module_share .share-icon:before {line-height: 52px;font-size:1.3rem;font-family: 'gelicons-social';}
.module_share .share-icon-twitter:before {content:"\e300";}
.module_share .share-icon-facebook:before {content:"\e301";}
.module_share .share-icon-gplus:before {content:"\e302";}
.module_share .share-icon-twitter:hover {background:#00bbf2;}
.module_share .share-icon-facebook:hover {background:#3c5a98;}
.module_share .share-icon-gplus:hover {background:#f90101;}
.module_share .share-icon-twitter:hover span {color:#00bbf2;}
.module_share .share-icon-facebook:hover span {color:#3c5a98;}
.module_share .share-icon-gplus:hover span {color:#f90101;}
.module_share .share-icon span {position:absolute;top:60px;left:0px;width:52px;text-align: center;color:#666;}

.debug-container {height:30px;background:rgba(0,0,0,0.7);position:fixed;top:0px;left:0px;padding:10px;width:30px;height:100vh;overflow: scroll;font-family: monospace;display: none;}
.debug {padding:10px;display: none;}
.debug table {width:500px;display: none;}
.debug h2 {cursor: pointer;padding:10px 0px;}
.debug-close {float:right;cursor: pointer;}
.debug-full {width:300px;}
.debug-full .debug {display: block;}

/* PowerTip Plugin */
#powerTip {
	cursor: default;
	background-color: rgba(0,0,0,0.8);
	color:white;
	border-radius: 3px;
	display: none;
	padding: 5px;
	position: absolute;
	white-space: nowrap;
	z-index: 2147483647;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.75rem;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width:100% !important;
  border:2px solid transparent;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  border:1px solid #ccc;
  width: 100%;
  height: auto;
  outline: 0;
  background: white url('../img/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../img/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #75bcb8;

  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  background-color: #fff;

  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  background-color: #e4e4e4;

  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;

  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single, input[type=submit]:focus {outline:2px solid rgb(52, 152, 219);}

.chosen-container-active.chosen-with-drop .chosen-single {
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;

  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

.tablet .chosen-search {display: none;}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../img/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */


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

	form {}
	.wrap {width:616px}
	h1.category {width:616px;}
	.form-segment {}
	#wrapper {width:100%}
	.wrapper {width:100%;}
    .sponsor.shown {left:0px;}

	#logo {width:616px;padding:0px;margin:auto;}
	.change-details {font-size:0.7rem;}
	.change-details:before {font-size:0.5rem;}
	.video {width:616px;height:347px;}
	#wrapper-a .wrap {padding:205px 0px 20px 0px;}
	
	.dob-form-segment {display: block;}
	.submit-form-segment {text-align: left}
    .month-form-segment {width:120px;}
    .dob-form-segment {width:100%;}
    .day-form-segment {width:60px;}
    .year-form-segment {width:70px}
    .cm-form-segment {width:70px;}
    .height-form-segment {width:245px;}
    .or {top:-1px;}
    .video_module_list_button {display: none;}
    .video_module_list {display: none;}
    
    .board_rendered #wrapper-a {min-height:1100px !important;}
    .board_rendered #wrapper-b {min-height:1350px;}
    .board_rendered #wrapper-c {min-height:2685px;}
    .board_rendered #wrapper-d {min-height:675px;}
    
    .chosen-search {display: none;}
    
}
html.tablet {width:100%;}
html.tablet body {width:100% !important}
html.tablet #wrapper, html.tablet .wrapper {width:100% !important;}
html.tablet .wrap, html.tablet h1.category, html.tablet .video {width:616px !important;}
html.tablet #wrapper-a .wrap {padding:205px 0px 20px 0px !important;}

html.mobile .day-form-segment {width:72px;}

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



    h1.main {font-size:1.5rem;padding-bottom:5px;text-align: left}
	#header {height:150px}
	#intro {}
	#intro p {font-size:1rem;}
	.reset {}
	.wrap,.wrapper .wrap {width:300px;}
	.wrapper .wrap {padding-top:10px;}
	.sponsor {}
	.board {padding:0px 10px 10px 0px;}
	.sponsor {}
	#logo {width:100%;top:90px;bottom:auto;}
	#logo h1 {margin-left:0px;font-size:2rem;text-align: center;width:300px;display: block;}
	.form-segment label {margin-bottom:5px;}
	.form-segment {display: block;}
	h1.category {text-align: left;width:300px;padding:3px 0px;font-size:1rem;}
	#wrapper-a .wrap {padding:265px 0px 20px 0px;}
	.change-details {right:20px;}
		.submit-form-segment {text-align: left;padding-top:5px;}
    .video {background:#222;width:300px;height:169px;}
    #earth_logo {width:51px;height:38px;}
    #iibstudio_logo {width:100px;height:16px;margin-top:10px;}
    .video-title {font-size:1rem !important;line-height:1rem !important;font-weight:700}
    .video-series {font-weight:400}
.board_rendered #wrapper-a {min-height:1950px !important;}
.board_rendered #wrapper-b {min-height:2510px;}
.board_rendered #wrapper-c {min-height:4920px;}
.board_rendered #wrapper-d {min-height:400px;}

}