@font-face {
  font-family: 'icomoon';
  src: url(/assets/fonts/icomoon-fc2c88bd8336e8c06ee583730de40260e5b163fcf270abc5cca41db19a49b20f.eot);
  src: url(/assets/fonts/icomoon-fc2c88bd8336e8c06ee583730de40260e5b163fcf270abc5cca41db19a49b20f.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/icomoon-159b7d47f7a6add33ec1cc69ab93a3ddecb1dbee5f037375619fc57f0b5e9437.woff) format("woff"), url(/assets/fonts/icomoon-99f6ab576f224e092ff20d312d0556db1418a31468f952e634774ee49f54fe59.ttf) format("truetype"), url(/assets/fonts/icomoon-2d07f76e0d22142682130751361649f3086dc0c35009ee0274f38cf45a0fe682.svg#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
/* line 13, /app/assets/stylesheets/lib/icons.scss */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/* line 23, /app/assets/stylesheets/lib/icons.scss */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* line 31, /app/assets/stylesheets/lib/icons.scss */
.icon-play:before {
  content: "\e000";
}

/* line 34, /app/assets/stylesheets/lib/icons.scss */
.icon-new-tab:before {
  content: "\e001";
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *

 */
/* line 1, /app/assets/stylesheets/base.scss */
input[type='submit'] {
  margin: 2em 0;
}

/* line 5, /app/assets/stylesheets/base.scss */
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  margin-bottom: 1em;
}

/* line 9, /app/assets/stylesheets/base.scss */
textarea {
  height: 28em;
  width: 90%;
  max-width: 640px;
  font-family: "courier", "Courier New", monospace;
  line-height: 1.2em;
  font-size: 11px;
}

/* line 1, /app/assets/stylesheets/layout.scss */
header {
  position: fixed;
  top: 0;
  left: 0;
  height: 129px;
  width: 129px;
  padding-left: 50px;
  padding-right: 50px;
  line-height: 129px;
  z-index: 10;
}

/* line 13, /app/assets/stylesheets/layout.scss */
nav {
  width: 129px;
  position: fixed;
  top: 79px;
  left: 0;
  bottom: 0;
  overflow: auto;
  padding: 50px;
}
/* line 21, /app/assets/stylesheets/layout.scss */
nav i {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 22, /app/assets/stylesheets/layout.scss */
nav li {
  line-height: 1.2;
  margin-bottom: .8em;
}

/* line 28, /app/assets/stylesheets/layout.scss */
#yield {
  margin-top: 129px;
  margin-left: 229px;
}

/* line 33, /app/assets/stylesheets/layout.scss */
#feature {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  text-indent: -999em;
}

/* line 45, /app/assets/stylesheets/layout.scss */
#sign_out {
  position: fixed;
  top: 0;
  right: 0;
  padding: 0 4px;
}

/* line 52, /app/assets/stylesheets/layout.scss */
.l_grid {
  margin-left: -50px;
}
/* line 15, /usr/local/bundle/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
.l_grid:after {
  content: "";
  display: table;
  clear: both;
}
/* line 55, /app/assets/stylesheets/layout.scss */
.l_grid > li {
  width: 218.5px;
  height: 218.5px;
  overflow: hidden;
  float: left;
  margin: 0 0 50px 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
/* line 66, /app/assets/stylesheets/layout.scss */
.l_grid .l_title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: center;
}
/* line 78, /app/assets/stylesheets/layout.scss */
.l_grid .l_title a {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 100px;
  line-height: 1.2em;
  text-decoration: none;
}
/* line 88, /app/assets/stylesheets/layout.scss */
.l_grid .l_big_link {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 4, /usr/local/bundle/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_hide-text.scss */
.l_grid .l_big_link:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/* line 94, /app/assets/stylesheets/layout.scss */
.l_grid .actions {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 102, /app/assets/stylesheets/layout.scss */
.l_grid_tiny > li {
  width: 129px;
  height: 129px;
  background-color: #f3f3f3;
  background-size: contain;
}
/* line 108, /app/assets/stylesheets/layout.scss */
.l_grid_tiny .video:after {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\e000";
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 2em;
  display: block;
  text-align: right;
}

/* line 125, /app/assets/stylesheets/layout.scss */
.l_stripe {
  width: auto;
  display: block;
}
/* line 128, /app/assets/stylesheets/layout.scss */
.l_stripe td {
  vertical-align: top;
}
/* line 131, /app/assets/stylesheets/layout.scss */
.l_stripe article {
  display: block;
  margin-right: 308px;
  height: 100%;
  min-width: 129px;
  position: relative;
}
/* line 138, /app/assets/stylesheets/layout.scss */
.l_stripe img {
  height: 487px;
  width: auto;
  display: block;
}
/* line 143, /app/assets/stylesheets/layout.scss */
.l_stripe iframe {
  height: 487px;
  width: 865.7399px;
}
/* line 147, /app/assets/stylesheets/layout.scss */
.l_stripe .player_code {
  display: none;
}

@media (max-height: 640px) {
  /* line 153, /app/assets/stylesheets/layout.scss */
  .l_stripe img {
    height: 308px;
  }
  /* line 154, /app/assets/stylesheets/layout.scss */
  .l_stripe iframe {
    height: 308px;
    width: 547.5316px;
  }
}
@media (orientation: portrait) {
  /* line 163, /app/assets/stylesheets/layout.scss */
  header, .page_title {
    position: absolute !important;
  }

  /* line 166, /app/assets/stylesheets/layout.scss */
  nav {
    width: 80%;
    top: 129px;
    left: 0;
    overflow: hidden;
    bottom: auto;
    padding: 0 50px;
    position: absolute;
  }
  /* line 174, /app/assets/stylesheets/layout.scss */
  nav .menu {
    display: inline;
  }
  /* line 177, /app/assets/stylesheets/layout.scss */
  nav .menu li {
    display: inline-block;
    margin-right: 2em;
    white-space: nowrap;
  }

  /* line 183, /app/assets/stylesheets/layout.scss */
  .page_title {
    z-index: 10;
  }

  /* line 184, /app/assets/stylesheets/layout.scss */
  #yield {
    margin-left: auto;
    margin-right: auto;
    margin-top: 258px;
  }

  /* line 189, /app/assets/stylesheets/layout.scss */
  .l_stripe {
    display: block;
  }
  /* line 191, /app/assets/stylesheets/layout.scss */
  .l_stripe tbody, .l_stripe tr {
    display: block;
    margin: 0 auto;
  }
  /* line 195, /app/assets/stylesheets/layout.scss */
  .l_stripe td {
    display: block;
    margin: 0 auto 50px;
  }
  /* line 199, /app/assets/stylesheets/layout.scss */
  .l_stripe article {
    margin-right: 0;
    text-align: center;
  }
  /* line 203, /app/assets/stylesheets/layout.scss */
  .l_stripe img {
    max-width: 100%;
    max-height: 640px;
    width: auto;
    height: auto;
    display: inline;
  }

  /* line 211, /app/assets/stylesheets/layout.scss */
  .l_grid {
    margin-left: auto;
  }

  /* line 214, /app/assets/stylesheets/layout.scss */
  .info_page .page_content {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media (max-device-width: 460px) and (orientation: portrait) {
  /* line 220, /app/assets/stylesheets/layout.scss */
  header {
    width: auto;
  }
  /* line 222, /app/assets/stylesheets/layout.scss */
  header h1 {
    font-size: 3em;
  }

  /* line 224, /app/assets/stylesheets/layout.scss */
  .page_title {
    display: none;
  }

  /* line 225, /app/assets/stylesheets/layout.scss */
  .l_grid {
    font-size: 2em;
  }
  /* line 227, /app/assets/stylesheets/layout.scss */
  .l_grid li {
    width: 433.3px;
    height: 433.3px;
  }

  /* line 232, /app/assets/stylesheets/layout.scss */
  nav {
    font-size: 3em;
    line-height: 1.8em;
  }
  /* line 235, /app/assets/stylesheets/layout.scss */
  nav .menu li {
    margin-right: 1em;
  }
  /* line 236, /app/assets/stylesheets/layout.scss */
  nav i {
    display: none;
  }

  /* line 238, /app/assets/stylesheets/layout.scss */
  #yield {
    margin-top: 487px;
  }

  /* line 242, /app/assets/stylesheets/layout.scss */
  .l_stripe img {
    width: 100%;
    height: auto;
    max-height: 100%;
  }

  /* line 244, /app/assets/stylesheets/layout.scss */
  article.info_page .page_content {
    font-size: 3em;
  }
}
/* line 1, /app/assets/stylesheets/state.scss */
html.is_editable .actions,
body[data-controller*=devise] form .actions {
  display: inherit;
}

/* line 7, /app/assets/stylesheets/state.scss */
html.touch header, html.touch nav, html.touch .page_title {
  position: absolute;
}

/* line 13, /app/assets/stylesheets/state.scss */
.l_grid > li:hover .l_title {
  visibility: visible;
  opacity: 1;
}

/* line 18, /app/assets/stylesheets/state.scss */
a.is_active {
  font-weight: bold;
  border-bottom: 2px solid #FFD300;
}

/* line 6, /app/assets/stylesheets/theme.scss */
body {
  font: 11px/22px courier, 'courier new', monospace;
  color: #333;
  background-color: #fff;
}

/* line 12, /app/assets/stylesheets/theme.scss */
a {
  color: #000;
  text-decoration: none;
}
/* line 15, /app/assets/stylesheets/theme.scss */
a:hover {
  text-decoration: underline;
}

/* line 20, /app/assets/stylesheets/theme.scss */
header {
  font-size: 2em;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

/* line 25, /app/assets/stylesheets/theme.scss */
.page_title {
  color: #666;
  padding-top: 3px;
}

/* line 30, /app/assets/stylesheets/theme.scss */
nav a, header h1 * {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  padding-left: 2px;
  padding-right: 2px;
}

/* line 37, /app/assets/stylesheets/theme.scss */
.actions a, a.actions {
  background: #FFD300;
}

/* line 41, /app/assets/stylesheets/theme.scss */
.info_page .page_content a {
  text-decoration: underline;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
}
/* line 44, /app/assets/stylesheets/theme.scss */
.info_page .page_content a:hover {
  background: #FFD300;
  text-decoration: none;
}

/* line 47, /app/assets/stylesheets/theme.scss */
#notice {
  background: #FFD300;
}

/* line 1, /app/assets/stylesheets/modules.scss */
span.new_category {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding: 1em 0;
  margin: 1em 0;
}

/* line 8, /app/assets/stylesheets/modules.scss */
.actions {
  display: none;
}

/* line 11, /app/assets/stylesheets/modules.scss */
.uploader input {
  margin: 1em 0;
}

/* line 17, /app/assets/stylesheets/modules.scss */
.edit_upload img {
  max-width: 129px;
  max-height: 129px;
}

/* line 20, /app/assets/stylesheets/modules.scss */
.meter {
  height: 1em;
  max-width: 487px;
  background: #f3f3f3;
  margin: 1px 0;
}
/* line 25, /app/assets/stylesheets/modules.scss */
.meter .bar {
  background-color: #FFD300;
  height: 100%;
  width: 0;
}

/* line 32, /app/assets/stylesheets/modules.scss */
.page_title {
  position: fixed;
  top: 59px;
  line-height: 1.2em;
  left: 179px;
  margin-left: 50px;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  height: 1.2em;
}

/* line 43, /app/assets/stylesheets/modules.scss */
.info_page .page_title {
  position: absolute;
}

/* line 47, /app/assets/stylesheets/modules.scss */
.video {
  cursor: pointer;
}
/* line 49, /app/assets/stylesheets/modules.scss */
.video .icon-play {
  font-size: 3em;
  color: white;
  text-shadow: 0 0 8px black;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -17px 0 0 -17px;
}

/* line 61, /app/assets/stylesheets/modules.scss */
.info_page .page_content {
  line-height: 1.2em;
}
/* line 63, /app/assets/stylesheets/modules.scss */
.info_page .page_content h1, .info_page .page_content h2 {
  line-height: 1.2em;
  font-weight: bold;
}
/* line 67, /app/assets/stylesheets/modules.scss */
.info_page .page_content h1 {
  margin-top: 3.6em;
  margin-bottom: 1.2em;
  text-decoration: underline;
}
/* line 72, /app/assets/stylesheets/modules.scss */
.info_page .page_content h2 {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}
/* line 74, /app/assets/stylesheets/modules.scss */
.info_page p {
  margin-bottom: 1em;
  max-width: 640px;
}

/* line 79, /app/assets/stylesheets/modules.scss */
.fbs {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-size: cover;
}

/* line 88, /app/assets/stylesheets/modules.scss */
html.touch .fbs {
  display: none !important;
}