html { width:100%; margin:0; padding:0; /*-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;*/ }
body { width:100%; margin:0; padding:0; background:#fff; font-family:'Open Sans', sans-serif; font-size:100%; font-weight:400; color:#222; position:relative; }
@media (max-width:1366px) {
  body { font-size:90%; }
  .skip { display:none; }
}
@media (max-width:1024px) {
  body { font-size:85%; }
  .skip { display:none; }
}
/*audio, canvas, progress, video { display:inline-block; vertical-align:baseline; }
a { background:transparent; }*/
a:active, a:hover { outline:0; }
img { border:0; margin:0; outline:0; }
.table { display:table; }
.table > .tr { display:table-row; }
.table > .tr > .td { display:table-cell; }
.pointer { cursor:pointer; }

#nav { position:absolute; top:0; left:11%; z-index:100; display:none; background:rgba(255, 255, 255, 0.3); }
#menu { margin:0; padding:0; font-family:'Cuprum', Tahoma, sans-serif; font-weight:400; }
#menu > li { list-style:none; float:left; text-transform:uppercase; font-size:0.85em; border:1px solid #fafafa; border-left-width:0; border-top:0; }
#menu > li.first { border-left-width:1px; }
#menu > li > a { display:inline-block; padding:0.45em 0.8em 0.35em 0.8em; text-decoration:none; color:#4161a3;}
#menu > li > a:hover, #menu > li.current > a { color:#fff; }
#menu > li.first > a { background:url('i/star-menu-red.png') 50% 40% no-repeat; padding:0.4em 1.5em}
#menu > li.first > a:hover { background-image:url('i/star-menu-white.png'); }

#fp-navz { border-radius:100px; background:rgba(255, 255, 255, 0.4); }
#fp-nav ul li .active > span, .fp-slidesNav ul li .active > span { background:#4161a3; }
#fp-nav ul li, .fp-slidesNav ul li { width:6px; height:6px; margin:15px; background:#fff; border-radius:50%; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { background:#fff; box-shadow:0 0 5px #444; }
#fp-nav.right { right:1.05em; }
.fp-slidesNav.bottom { bottom:6%; }
.fp-controlArrow { margin-top:-15px; }
.fp-controlArrow.fp-prev { border-right-color:#4161a3; border-width:10px; border-left-width:0; z-index:50; left:4%; }
.fp-controlArrow.fp-next { border-left-color:#4161a3; border-width:10px; border-right-width:0; z-index:50; right:6%; }

.lavalamp-object { background-color:#4161a3; }
.featherlight-content .caption { font-size:0.9em; font-style:italic; margin:-0.2em 1em 0.5em 0; }
.featherlight .featherlight-content { max-height:94% !important; }

.chapter { overflow:hidden; position:relative; }
.chapter:before { content:''; display:block; position:absolute; left:0; top:0; bottom:0; right:0; background:url('./i/back.jpg') no-repeat; z-index:-1; background-size:cover; }
.chapter.before { opacity:0.7; }
.chapter.cover { background:rgba(18, 60, 163, 0.15); }
.chapter.cover .chapter-content { height:100%; display:table; margin-left:11%; }
.chapter.cover .column { text-align:center; width:30em; margin-top:0; height:100%; display:table-cell; vertical-align:bottom;
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjMjUzMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 8%, rgba(28, 37, 48, 0.8) 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(8%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(28, 37, 48, 0.8)));
  background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 8%, rgba(28, 37, 48, 0.8) 100%);
  background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 8%, rgba(28, 37, 48, 0.8) 100%);
  background:-ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 8%, rgba(28, 37, 48, 0.8) 100%);
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 8%, rgba(28, 37, 48, 0.8) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc1c2530', GradientType=0);
}
.chapter.cover .column .scroller { margin-bottom:4em; }
.chapter.cover .column .stats { margin-bottom:3em; width:100%; height:17em; overflow:hidden; position:relative; xfont-family:Tahoma, arial, sans-serif; }
.chapter.cover .column .stat { position:absolute; left:0; top:110%; right:0; opacity:0; color:#fff; font-size:0;
/*
  -webkit-transition:all 1.5s linear;
  -o-transition:all 1.5s linear;
  -moz-transition:all 1.5s linear;
  -ms-transition:all 1.5s linear;
  transition:all 1.5s linear;
*/
}
.chapter.cover .column .stat.row1 { top:5%; opacity:0.3; font-size:0.5em; }
.chapter.cover .column .stat.row2 { top:20%; opacity:0.6; font-size:0.8em; }
.chapter.cover .column .stat.row3 { top:40%; opacity:1; font-size:1.4em; }
.chapter.cover .column .stat.row4 { top:70%; opacity:0.6; font-size:0.8em; }
.chapter.cover .column .stat.row5 { top:90%; opacity:0.3; font-size:0.5em; }
.chapter.cover .column .stat .v { color:#fff; font-size:1.5em; }
.chapter.cover .column .stat .d { font-size:0.9em; margin-top:-0.3em; }
.chapter.cover .column .links { margin:0 0 2em 0; padding:0; list-style:none; font-size:1.2em; font-style:italic; }
.chapter.cover .column .links > li { margin:0.2em 0; }
.chapter.cover .column .links > li > a { color:#fff; border-bottom:1px dotted #fff; text-decoration:none; }
.chapter.cover .column .chapter-title { color:#fff; text-shadow:0 0 5px #333; letter-spacing:0; padding:0 1em; }
.chapter .chapter-title { font-family:'Russo One', sans-serif; font-style:normal; font-size:3em; margin-bottom:0.5em; letter-spacing:1px; line-height:1.1; }
.chapter .scroller { display:block; background:url('./i/icon-scroll.png'); width:22px; height:52px; margin:20px auto; }
.chapter p { font-style:italic; margin:1.2em 0; }
.chapter p.first { margin-top:0; }
.chapter p.last { margin-bottom:0; }
.chapter p.small { font-size:80%; }

.chapter p { font-style:italic; font-size:0.9em; }
.chapter .blockquote { margin:1.5em 0; padding:1.5em 2em 1.5em 2.5em; border-top:3px solid #4161a3; border-bottom: 1px solid #4161a3; background:#fff; font-style:normal; border-radius:0.3em;}
.chapter .blockquote.center { padding-left:5em; padding-right:5em; background:rgba(255, 255, 255, 0.30); }
.chapter .blockquote.center.top { padding-top:0.7em; }
.chapter .blockquote.center.top .author { margin-top:0; margin-bottom:1em; background:none; padding-bottom:0; }
.chapter .blockquote.left { float:left; width:30%; margin:0 2em 1em -2.5em;}
.chapter .blockquote.top { padding-top:0;}
.chapter .blockquote.top .author { margin:0 -3.7em 1.5em -4.5em; background:#eee; padding:1.2em 3.7em 1.2em 4.5em; }
.chapter .blockquote.right { float:right; width:30%; margin:0 -2em 1em 2em;}
.chapter .blockquote .quote { font-size:0.8em; }
.chapter .blockquote .author { margin-top:1.5em; text-transform:uppercase; font-size:0.55em; font-weight:700; }
.chapter .blockquote .col { display:inline-block; width:50%; }
.chapter .blockquote .poem { font-style:italic; font-weight:700; color:#605b74; }

.chapter .story-content { margin:0 8% 2.5em 11%; max-width:60em; position:relative; font-style:italic; font-size:1.1em; }
.chapter .story-content.short { max-width:50em;  }
.chapter .story-title { font-size:2em; color:#4161a3; margin-bottom:0.5em; }
.chapter .story-text > p:first-of-type { font-size:1.15em; }
.chapter .story-media { border-radius:0.3em; margin:-0.4em 0 0 -1.5em; padding:1.1em 1.5em 1.5em 1.5em; display:inline-block; height:15em; background:rgba(255, 255, 255, 0.3); }
.chapter .story-media.right { margin:-0.2em 0 0 0.5em; float:right; }
.chapter .story-media.left { margin:-0.2em 1em 0.5em -1.5em; float:left; }
.chapter .story-content.short .story-media { height:17em; }
.chapter .story-media .wrapper { height:100%; text-align:center; font-size:0.8em; }
.chapter .story-media .wrapper .c { height:100%; }
.chapter .photo { border:4px solid #fff; box-shadow:2px 2px 9px #ddd; position:relative; display:inline-block; height:100%; cursor:pointer; }
.chapter .photo + .photo { margin-left:1.5em; }
.chapter .photo + .video { margin-left:1.5em; }
.chapter .photo img { height:100%; display:block; width:auto; }
.chapter .photo .media-title { display:none; position:absolute; bottom:0; left:0; right:0; line-height:1.2; }
.chapter .photo:hover .media-title { display:block; padding:0.3em 0.8em; color:#fff; background:rgba(128, 128, 128, 0.8); }
.chapter .video { height:100%; }
.chapter .video video { height:100%; display:block; width:auto; }
.chapter .video .media-title { margin:0.5em 0; }

.contents { position:fixed; margin:1em 0 0 3em; width:17em; }
.contents a { color:#4161a3; }
.contents ul { list-style:none; margin:0.5em 0 1em 1.5em; padding:0; font-size:0.8em; }
.contents .label { text-transform:uppercase; font-size:0.8em; font-family:Cuprum, sans-serif; cursor:pointer; display:inline; border-bottom:1px dotted #aaa; }
.contents .tag { margin:0 0 0 1.1em; }
.contents .tag .name { font-size:0.8em; cursor:pointer; display:inline; border-bottom:1px dotted #aaa; position:relative; font-family:Cuprum, sans-serif; }
.contents .tag .name .size { position:absolute; top:-2px; left:100%; font-size:0.7em; font-weight:700; color:#999; font-family:'Open Sans', sans-serif; padding-left:0.5em; }
.contents .tag ul { font-size:0.8em; display:none; }

#ch01:before { background:#10244c; opacity:0.9; }
#ch01 .grid { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:url('./i/backgrid1.png') repeat; opacity:0.8; z-index:auto; }
#ch01 #v00 { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-position:center center; background-size:contain; object-fit:cover; overflow:hidden; }
#ch01 #a00 { position:absolute; left:0; top:0; width:0; height:0; }
#ch01 .b1 { position:absolute; left:170px; bottom:0; width:739px; height:235px; background:url('./i/front-papers.png') 0 0 no-repeat; }
#ch01 .b1 .blockquote { width:auto; margin:120px 40px 0 260px; color:#10244c; border:0; padding:0; background:none; }
#ch01 .b1 .blockquote .quote { font-style:italic; font-size:0.95em !important; }
#ch01 .b1 .blockquote .author { margin-top:1em; text-transform:uppercase; font-size:0.7em; font-style:normal; font-weight:700; line-height:1.4; }
#ch01 .b2 { position:absolute; left:0; bottom:0; width:251px; height:588px; background:url('./i/front-knife.png') 0 0 no-repeat; }
#ch01 .b3 { position:absolute; right:0; top:0; width:643px; height:375px; background:url('./i/front-orden.png') 0 0 no-repeat; }
#ch01 .icon.sound { position:absolute; left:5%; top:5%; width:40px; height:40px; cursor:pointer; }
#ch01 .icon.sound.off { background:url('./i/icon-sound-off.png'); }
#ch01 .icon.sound.on { background:url('./i/icon-sound-on.png'); }
#ch01 .content { margin:0 11%; width:55%; text-align:center; z-index:10; position:relative; }
#ch01 .chapter-title { color:#f0f0f0; font-size:3.5em; text-shadow:0 0 10px #122549; margin:0 0 0.1em 0; line-height:1.1; opacity:0.95; letter-spacing:1px;}
#ch01 .subhead { color:#ceecf2; font-weight:400; padding:0.8em 2.5em; border-radius:6px; display:inline-block; font-size:0.9em; text-transform:uppercase; box-shadow:0 0 5px #1b2440;
  background:rgb(2, 63, 120);
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyM2Y3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMjU0ZThmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjMDEzNjY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMjg0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background:-moz-linear-gradient(top, rgba(2, 63, 120, 1) 0%, rgba(37, 78, 143, 1) 9%, rgba(1, 54, 103, 1) 44%, rgba(0, 40, 78, 1) 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(2, 63, 120, 1)), color-stop(9%, rgba(37, 78, 143, 1)), color-stop(44%, rgba(1, 54, 103, 1)), color-stop(100%, rgba(0, 40, 78, 1)));
  background:-webkit-linear-gradient(top, rgba(2, 63, 120, 1) 0%, rgba(37, 78, 143, 1) 9%, rgba(1, 54, 103, 1) 44%, rgba(0, 40, 78, 1) 100%);
  background:-o-linear-gradient(top, rgba(2, 63, 120, 1) 0%, rgba(37, 78, 143, 1) 9%, rgba(1, 54, 103, 1) 44%, rgba(0, 40, 78, 1) 100%);
  background:-ms-linear-gradient(top, rgba(2, 63, 120, 1) 0%, rgba(37, 78, 143, 1) 9%, rgba(1, 54, 103, 1) 44%, rgba(0, 40, 78, 1) 100%);
  background:linear-gradient(to bottom, rgba(2, 63, 120, 1) 0%, rgba(37, 78, 143, 1) 9%, rgba(1, 54, 103, 1) 44%, rgba(0, 40, 78, 1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#023f78', endColorstr='#00284e', GradientType=0);
}
@media (max-width:1024px) {
  #ch01 .b1 { left:110px; }
  #ch01 .b2 { left:-50px; }
  #ch01 .b3 { right:-100px; }
  #ch01 .content { max-width:600px !important; }
}

#ch03:before { background-image:url('./i/i03.jpg'); }
#ch05:before { background-image:url('./i/i05.jpg'); }
#ch07:before { background-image:url('./i/i07.jpg'); }
#ch09:before { background-image:url('./i/i09.jpg'); }
#ch11:before { background-image:url('./i/i11.jpg'); }
#ch13:before { background-image:url('./i/i13.jpg'); }
#ch15:before { background-image:url('./i/i15.jpg'); }
#ch17:before { background-image:url('./i/i17.jpg'); }
#ch19:before { background-image:url('./i/i19.jpg'); }
#ch21:before { background-image:url('./i/i21.jpg'); }

#ch02 .chapter-title { font-family:'Open Sans', sans-serif; margin-left:11%; color:#4161a3; font-size:2.5em; margin-bottom:-0.3em; font-style:italic; letter-spacing:0; }
#ch02 #p1 { font-size:1em; }
#st01 .story-media { height:20em !important; }
#st02 .story-media { height:17em !important; }
#st03 .story-media { height:14em !important; }
#st03 .story-text > p:first-child { font-size:0.9em; margin:0.7em 0}
#st03 .blockquote { width:50%; margin-right:2.2em; margin-bottom:0.5em; }
#st04 .story-media { height:13em !important; }
#st04 .blockquote { width:22%; }
#st05 .story-media { height:20em !important; }
#st05 .blockquote { width:22%; }
#st06 .story-media { height:11em !important; }
#st07 .story-media { height:9em !important; }
#st08 .story-media { height:12em !important; }
#st09 .story-media { height:11em !important; }
#st10 .story-media { height:15em !important; }
#st10 .blockquote { width:50%; }
#st11 .story-media { height:10em !important; }
#st13 .story-media { height:9em !important; }
#st14 .story-media { height:11em !important; margin-bottom:1em; }
#st15 .story-media { height:12em !important; }
#st16 .story-media { height:8em !important; }
#st17 .story-media { height:11em !important; }
#st18 .story-media { height:11em !important; }
#st19 .story-media { height:12em !important; }
#st20 .blockquote.left { width:35%; }
#st21 .story-media { height:22em !important; }
#st23 .story-media { height:20em !important; }
#st24 .story-media { height:8em !important; }
#st25 .story-media { height:15em !important; }
#st27 .story-media { height:14em !important; }
#st28 .story-media { height:10em !important; }
#st28 .blockquote { width:45%; }
#st30 .story-media { height:11em !important; }
#st31 .story-media { height:13em !important; }
#st32 .story-media { height:14.5em !important; }
#st34 .story-media { height:15em !important; }
#st37 .story-media { height:13em !important; }
#st37 .blockquote.left { width:20%; }
#st38 .blockquote.left { width:20%; }
#st39 .story-media { height:13em !important; }
#st45 .story-media { height:17em !important; }
#st48 .story-media { height:14em !important; }
#st50 .blockquote { margin-right:10%; }

@media (max-width:1366px) {
}
@media (max-width:1024px) {
  #nav { left:7%; }
  .chapter.cover .chapter-content { margin-left:7%; }
  .chapter .story-content { margin-left:7%; }
  #ch01 .content { margin-left:7%; }
  #ch02 .chapter-title { margin-left:7%; }
  .fp-controlArrow.fp-prev { left:3%; }
}

#credits { display:none; }
.content.credits { font-style:italic; min-width:600px; max-width:800px; margin:0; padding:0 1em 1em 1em; }