/**
 * @license
 * MyFonts Webfont Build ID 3499161, 2017-12-17T16:49:55-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLTStd-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/55-roman/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * Webfont: AvenirLTStd-Light by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/35-light/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: AvenirLTStd-Book by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/45-book/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: AvenirLTStd-Black by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/avenir/95-black/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3499161
 * Licensed pageviews: 250,000
 * 
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/* @import url("//hello.myfonts.net/count/356499"); */
/* LICENSE COUNTER MOVED TO JAVASCRIPT IN HTML FILE */
  
@font-face {font-family: 'AvenirLTStd-Book';src: url('Fonts/356499_3_0.eot');src: url('Fonts/356499_3_0.eot?#iefix') format('embedded-opentype'),url('Fonts/356499_3_0.woff2') format('woff2'),url('Fonts/356499_3_0.woff') format('woff'),url('Fonts/356499_3_0.ttf') format('truetype');}
  
@font-face {font-family: 'AvenirLTStd-Black';src: url('Fonts/356499_4_0.eot');src: url('Fonts/356499_4_0.eot?#iefix') format('embedded-opentype'),url('Fonts/356499_4_0.woff2') format('woff2'),url('Fonts/356499_4_0.woff') format('woff'),url('Fonts/356499_4_0.ttf') format('truetype');}

@font-face {font-family: 'AvenirLTStd-Light';src: url('Fonts/356499_2_0.eot');src: url('Fonts/356499_2_0.eot?#iefix') format('embedded-opentype'),url('Fonts/356499_2_0.woff2') format('woff2'),url('Fonts/356499_2_0.woff') format('woff'),url('Fonts/356499_2_0.ttf') format('truetype');}  

@font-face {font-family: 'AvenirLTStd-Roman';src: url('Fonts/356499_1_0.eot');src: url('Fonts/356499_1_0.eot?#iefix') format('embedded-opentype'),url('Fonts/356499_1_0.woff2') format('woff2'),url('Fonts/356499_1_0.woff') format('woff'),url('Fonts/356499_1_0.ttf') format('truetype');}

@font-face {
    font-family: 'komika_textregular';
    src: url('Fonts/KOMTXT__-webfont.eot');
    src: url('Fonts/KOMTXT__-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/KOMTXT__-webfont.woff') format('woff'),
         url('Fonts/KOMTXT__-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
 
/* basics */ 
 
* { margin:0; padding:0; }
body { background: #000; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { display:block; border:none; }
video { display:block; }
b { color:#000; font-weight:normal; font-family: "AvenirLTStd-Black", sans-serif; }


/* header */

h1 {
    display: none;
}

.page {
    box-sizing: border-box;
    position:relative;
    background: #fff;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font: normal 15px/20px "AvenirLTStd-Book", sans-serif;
    color: #505050;
    min-height:100vh;
}

.header {
    position:relative;
}

.header .links {
    position:absolute;
    left:0;
    top:7px;
}

.header .links a {
    font: normal 15px/15px "AvenirLTStd-Black", sans-serif;
    margin-left:20px;
}

.drawings {
    position:relative;
    margin-top: 24px;
    margin-bottom: 56px;
}

.drawings .caption {
    position:absolute;
    font: normal 15px/18px "komika_textregular", sans-serif;
    color: #000;
}

.drawings .caption b {
    font-weight:normal;
    font-family: "komika_textregular", sans-serif;
    color: #f67a00;
}


/* banner */

.banner {
    box-sizing: border-box;
    position:relative;
    width:1000px;
    height:92px;
    margin-bottom: 50px;
}

.banner .line {
    position:absolute;
    top:45px;
    width:190px;
    height:2px;
    background-color: #f68f02;
}

.banner .capsule {
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
    width: 690px;
    height: 92px;
    border-radius: 46px;
    font: normal 22px/28px "AvenirLTStd-Light", sans-serif;
    color: #fff;
    text-align: center;
    padding-top:19px;
}

.banner b {
    color:#fff;
}

.chapter-1 .banner .line    { background-color: #f68f02; }
.chapter-1 .banner .capsule { background-color: #f68f02; }

.chapter-2 .banner .line    { background-color: #af7eec; }
.chapter-2 .banner .capsule { background-color: #af7eec; }

.chapter-3 .banner .line    { background-color: #01e0f7; }
.chapter-3 .banner .capsule { background-color: #01e0f7; padding-top:32px; }


/* h2 */

h2 {
    font: normal 28px/28px "AvenirLTStd-Light", sans-serif;
    margin-left: 50px;
    margin-bottom: 24px;
}

.chapter-1 h2 {
    color: #f68f02;
}

.chapter-2 h2 {
    color: #af7eec;
}

.chapter-3 h2 {
    color: #01e0f7;
}


/* chapter-1 */

.chapter-1 {
}

.chapter-1 .caption {
    position:absolute;
    background-color: #fff;
    font: normal 16px/20px "AvenirLTStd-Roman", sans-serif;
    color: #555;
    padding-left:18px;
    padding-right:18px;
    padding-top:7px;
    padding-bottom:4px;
}

.chapter-1 .digit {
    font: normal 90px/90px "AvenirLTStd-Black", sans-serif;
    color: #f68f02;
    position:absolute;
    left: 0px;
    text-align: center;
}

.chapter-1 .title {
    font: normal 34px/34px "AvenirLTStd-Black", sans-serif;
    color: #f68f02;
    position:absolute;
    left: 0px;
    text-align: center;
}

.chapter-1 p {
    font: normal 16px/22px "AvenirLTStd-Book", sans-serif;
    color: #505050;
    margin-left: 50px;
    margin-bottom: 14px;
}

.chapter-1 .row {
    box-sizing: border-box;
    width: 1000px;
    position: relative;
    margin-bottom: 36px;
}


/* section 1 */

.chapter-1 .row-1a {
    height: 245px;
}

.chapter-1 .row-1a .image {
    position:absolute;
}

.chapter-1 .row-1b {
    height: 562px;
}

.chapter-1 .row-1d {
    margin-bottom:20px;
}

.chapter-1 .row-1e {
    margin-bottom:100px;
}


/* section 2 */

.chapter-1 .row-2a {
    height:271px;
}

.chapter-1 .row-2a .image {
    position:absolute;
}

.chapter-1 .row-2b {
    width:1000px;
    height:380px;
}

.chapter-1 .row-2b video {
    position:absolute;
}

.chapter-1 .row-2d {
    margin-bottom:20px;
}

.chapter-1 .row-2e {
    margin-bottom:100px;
}


/* section 3 */

.chapter-1 .row-3a {
    height:126px;
}

.chapter-1 .row-3a .digit {
    text-align: left;
}

.chapter-1 .row-3a .title {
    text-align: left;
}

.chapter-1 .row-3b {
    width:1000px;
    height:1014px;
}

.chapter-1 .row-3b video {
    position:absolute;
}

.chapter-1 .row-3b img {
    position:absolute;
}


/* summary */

.summary {
    font: normal 32px/37px "AvenirLTStd-Light", sans-serif;
    color: #505050;
    margin-top: 110px;
    margin-bottom: 120px;
    margin-left:200px;
}

.summary b {
    font: normal 32px/37px "AvenirLTStd-Black", sans-serif;
    color: #f68f02;
}

.summary div {
    margin-bottom: 30px;
}


/* chapter-2 */

.chapter-2 {
    margin-bottom: 76px;
}

.chapter-2 p {
    font: normal 16px/22px "AvenirLTStd-Book", sans-serif;
    color: #505050;
    margin-left: 50px;
    margin-bottom: 14px;
    width: 510px;
    text-align:justify;
}

.chapter-2 .spaces {
    margin-top: 40px;
}

.chapter-2 .space-captions {
    box-sizing: border-box;
    position:relative;
    width: 1000px;
    height: 120px;
}

.chapter-2 .space-captions .caption {
    font: normal 15px/20px "AvenirLTStd-Book", sans-serif;
    color: #505050;
    position:absolute;
    top:12px;
}

.chapter-2 .section-1 {
    margin-bottom: 50px;
}

.chapter-2 .section-2 {
    margin-bottom: 52px;
}

.chapter-2 .sidebar {
    position:absolute;
    left:625px;
}

.chapter-2 .sidebar .item {
    margin-bottom:20px;
}

.chapter-2 .sidebar img {
    border: 1px solid #ccc;
}

.chapter-2 .sidebar a {
    font: normal 12px/12px "AvenirLTStd-Book", sans-serif;
    color:#999;
}

.chapter-2 .sidebar .caption {
    margin-top:2px;
}

.chapter-2 .timeline {
    position:relative;
    margin-top:28px;
    margin-left: 63px;
    border-left: 7px solid #af7eec;
    padding-left: 26px;
    width: 480px;
}

.chapter-2 .timeline .item {
    font: normal 14px/19px "AvenirLTStd-Book", sans-serif;
    margin-bottom: 14px;
}

.chapter-2 .timeline .item .circle {
    position:absolute;
    margin-top:-7px;
    left:-17px;
    width:19px;
    height:19px;
    background-color:#fff;
    border:4px solid #af7eec;
    border-radius:50%;
}

.chapter-2 .timeline .item .pointy-hand {
    position:absolute;
    margin-top:2px;
    left:-48px;
    width:72px;
    height:43px;
    background-image: url(Images/2-pointy-hand.png);
    background-size: cover;
}

.chapter-2 .timeline .down-arrow {
    position:absolute;
    margin-top:-14px;
    left:-17px;
	width: 0; 
	height: 0; 
	border-left: 13px solid transparent;
	border-right: 14px solid transparent;
	border-top: 15px solid #af7eec;
	font-size: 0;
	line-height: 0;
}


/* chapter-3 */

.chapter-3 {
    margin-bottom:50px;
}

.chapter-3 p {
    font: normal 15px/20px "AvenirLTStd-Book", sans-serif;
    color: #505050;
    margin-left: 50px;
    margin-bottom: 14px;
    width: 610px;
    text-align:justify;
}

.chapter-3 .sections {
    position:relative;
}

.chapter-3 .section-1 {
    margin-bottom: 40px;
}

.chapter-3 .section-2 h2 {
    margin-bottom:20px;
}

.chapter-3 .section-2 a {
    text-decoration: underline;
}

.chapter-3 .section-2 .corporations {
    padding-top:10px;
}

.chapter-3 .section-2 .corporations img {
    vertical-align: text-top;
    position:relative;
    top:-18px;
    margin-right: 6px;
    display:inline;
}

.chapter-3 a {
    color: #909090;
}

.chapter-3 .donate {
    margin-left: 50px;
}

.donate {
    margin-top:26px;
    margin-bottom:28px;
    font: normal 14px/19px "AvenirLTStd-Black", sans-serif;
    color: #000;
}

.donate label {
    margin-left:2px;
    margin-right:16px;
}

.donate .button-row {
    margin-top: 12px;
}

.donate .button {
    display:inline-block;
    box-sizing: border-box;
    width:220px;
    height:42px;
    text-align:center;  
    background: #86f4ff;
    background-image: -webkit-linear-gradient(top, #86f4ff, #13cde0);
    background-image: -moz-linear-gradient(top, #86f4ff, #13cde0);
    background-image: -ms-linear-gradient(top, #86f4ff, #13cde0);
    background-image: -o-linear-gradient(top, #86f4ff, #13cde0);
    background-image: linear-gradient(to bottom, #86f4ff, #13cde0);
    border-radius: 5px;
    text-shadow: 0px -1px 1px rgba(1,149,171,0.7);
    font: normal 18px/18px "AvenirLTStd-Black", sans-serif;
    color: #ffffff;
    padding-top: 12px;
    border: solid #36b9c1 1px;
    text-decoration: none;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),
                      0px 1px 3px rgba(0,0,0,0.3);
}

.donate .button:hover {
  background: #11b8c9;
  background-image: -webkit-linear-gradient(top, #73d9e4, #11b8c9);
  background-image: -moz-linear-gradient(top, #73d9e4, #11b8c9);
  background-image: -ms-linear-gradient(top, #73d9e4, #11b8c9);
  background-image: -o-linear-gradient(top, #73d9e4, #11b8c9);
  background-image: linear-gradient(to bottom, #73d9e4, #11b8c9);
  text-decoration: none;
  cursor:pointer;
}

.donate .error {
    display:inline-block;
    font: normal 14px/14px "AvenirLTStd-Black", sans-serif;
    color: #f67a00;
    margin-left:10px;
}

.paypaldonate {
    margin-top: 14px;
    font: normal 14px/19px "AvenirLTStd-Book", sans-serif;
}
.paypaldonate a {
    color: #5ee1f8;
}

.chapter-3 .sidebar {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    width: 300px;
    border-left: 1px solid #01e0f7;
    text-align:center;
}

.chapter-3 .sidebar h2 {
    font: normal 22px/23px "AvenirLTStd-Light", sans-serif;
    margin-left:0;
}

.chapter-3 .sidebar .list {
    margin-bottom:20px;
}

.chapter-3 .sidebar .list div {
    font: normal 16px/16px "AvenirLTStd-Light", sans-serif;
    color: #505050;
    margin-bottom:12px;
}

.chapter-3 .sidebar .list a {
    color: inherit;
}

.chapter-3 .sidebar .make {
    font: normal 14px/18px "AvenirLTStd-Book", sans-serif;
    color: #01e0f7;
    margin-bottom:20px;
}

.chapter-3 .sidebar .make a {
    color: #01e0f7;
}

.chapter-3 .sidebar .note {
    font: normal 14px/18px "AvenirLTStd-Light", sans-serif;
    color: #707070;
}


/* footer */

.footer {
    box-sizing: border-box;
    background-color: #444;
    width: 1000px;
    height: 104px;
    color: #fff;
    font: normal 16px/16px "AvenirLTStd-Black", sans-serif;
    padding-top:37px;
    padding-left:50px;
    border-top: 1px solid #000;
}

.footer .aside {
    color: #999;
    font: normal 12px/12px "AvenirLTStd-Book", sans-serif;
}

.footer .arrow {
    color: #999;
}

.footer a {
    color: #fff;
}

.footer a img {
    position:relative;
    top:5px;
    margin-right:7px;
    display:inline;
}

.footer form {
    display: inline-block;
}

.footer .email {
    box-sizing: border-box;
    border:none;
    background-color:#fff;
    width: 104px;
    height: 24px;
    font: normal 12px/12px "AvenirLTStd-Book", sans-serif;
    color: #000;
    padding-left:6px;
}

.footer .submit {
    box-sizing: border-box;
    border:none;
    background-color:#6d6d6d;
    color: #eee;
    width: 98px;
    height: 24px;
    font: normal 13px/13px "AvenirLTStd-Black", sans-serif;
    text-align:center;
    cursor:pointer;
}


/* about us */

.about-us .header {
    margin-bottom:40px;
}

.about-us .heading {
    margin-left: 50px;
    margin-top:50px;
    margin-bottom:10px;
    width: 400px;
    text-align: center;
    color: #000;
    font-family: "AvenirLTStd-Black";
}

.about-us .person {
    margin-left: 50px;
    margin-bottom:40px;
}

.about-us .person img {
    display:inline-block;
    vertical-align:top;
    margin-top:3px;
}

.about-us .bio {
    display:inline-block;
    vertical-align:top;
    margin-left:40px;
    width: 460px;
    text-align: justify;
    font: normal 15px/20px "AvenirLTStd-Book", sans-serif;
    color: #505050;
}

.about-us .bio p {
    margin-bottom: 12px;
}

.about-us .bio em {
    font-style:normal;
    background-color:#ffd;
}

.about-us .bio a {
    color: #888;
}

.about-us .bio a.tw {
    color: #000;
    font-family: "AvenirLTStd-Black";
}


/* partnerships */

.partnerships .header {
    position:relative;
    margin-bottom: 20px;
}

.partnerships .overlay {
    position:absolute;
    top:336px;
    left:0;
    width:1000px;
}

.partnerships .titlebox {
    margin-left:auto;
    margin-right:auto;
    box-sizing: border-box;
    width:560px;
    height:120px;
    border: 1px solid #000;
    background-color: #fff;
    text-align:center;
    padding-top: 17px;
}

.partnerships .titlebox .title {
    margin-bottom:10px;
}

.partnerships .titlebox .title img {
    display:inline;
}

.partnerships .titlebox .subtitle {
    font: normal 22px/22px "AvenirLTStd-Light", sans-serif;
    color: #505050;
}

.partnerships .text {
    margin-left:auto;
    margin-right:auto;
    padding-bottom:40px;
    width:560px;
    text-align:justify;
}

.partnerships .text p {
    margin-bottom: 12px;
}

.partnerships .text a {
    color: #909090;
}


/* faq */

.faq .header {
    position:relative;
    margin-bottom: 40px;
}

.faq .text {
    margin-left:225px;
    width:560px;
    padding-bottom:30px;
}

.faq .text h2 {
    margin-left:0px;
    color:#000;
    margin-bottom:30px;
}

.faq .text p {
    margin-bottom: 12px;
}

.faq .text .q {
    margin-bottom: 12px;
}

.faq .text .a {
    margin-bottom: 34px;
}

.faq .text a {
    color: #909090;
}