body {
  background: #F8F8F8;
  font-family: "Helvetica Neue", Helvetica, Arial, "DFKai-sb", "Microsoft JhengHei", "PMingLiU", "STXihei", "STHeiTi", sans-serif; }

.ja_JP {
  font-family: sans-serif; }

header {
  width: 100%;
  height: 235px;
  background: #3687C9 url(../img/header.jpg) no-repeat center center; }
  @media (max-width: 430px) {
    header {
      background: #3687C9 url(../img/header_cropped.jpg) no-repeat center center;
      background-size: cover;
      height: 0;
      padding-top: 40%; } }

textarea {
  resize: vertical; }

.icon-flag {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 16px;
  height: 11px;
  box-shadow: 0px 0px 1px 0px #000;
  background: url(../img/flags_spritesheet.png) no-repeat; }
  .icon-flag.flag-de_DE {
    background-position: -48px 0; }
  .icon-flag.flag-en_US {
    background-position: -48px -33px; }
  .icon-flag.flag-es_ES {
    background-position: 0 -11px; }
  .icon-flag.flag-fr_FR {
    background-position: -16px -11px; }
  .icon-flag.flag-id_ID {
    background-position: 0 -22px; }
  .icon-flag.flag-it_IT {
    background-position: -16px -22px; }
  .icon-flag.flag-ja_JP {
    background-position: -32px -22px; }
  .icon-flag.flag-ko_KR {
    background-position: 0 0; }
  .icon-flag.flag-pt_BR {
    background-position: -16px 0; }
  .icon-flag.flag-ru_RU {
    background-position: 0 -33px; }
  .icon-flag.flag-tr_TR {
    background-position: -16px -33px; }
  .icon-flag.flag-zh_CN {
    background-position: -32px 0; }
  .icon-flag.flag-zh_TW {
    background-position: -32px -33px; }

.spaced {
  margin: 20px 0; }

#localeBar {
  text-align: right; }
  #localeBar #localeSelector {
    margin-top: 10px; }
    @media (max-width: 767px) {
      #localeBar #localeSelector {
        display: block;
        width: 100%; } }
  #localeBar #localeContainer {
    text-align: left;
    background: #EEE;
    padding: 15px;
    display: none;
    border-radius: 8px;
    border: 1px solid #CCC;
    margin: 10px 0; }
    @media (max-width: 767px) {
      #localeBar #localeContainer .item {
        padding: 10px 20px;
        border-bottom: 1px solid #DDD;
        border-top: 1px solid #FFF; }
        #localeBar #localeContainer .item a {
          display: block; }
        #localeBar #localeContainer .item:first-child {
          padding-top: 0;
          border-top: none; }
        #localeBar #localeContainer .item:last-child {
          padding-bottom: 0;
          border-bottom: none; } }

.container > h1 {
  color: #444;
  margin-bottom: 20px;
  font-size: 2.2em; }
  @media (max-width: 767px) {
    .container > h1 {
      font-size: 1.8em; } }

.container {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 970px; }

section {
  margin: 20px 0;
  background: #FFF; }
  section h1 {
    font-size: 1.51429em; }
  section h2 {
    font-size: 1.22857em; }
  section h3 {
    font-size: 0.94286em; }
  section h4 {
    font-size: 0.65714em; }
  section h5 {
    font-size: 0.37143em; }
  section h6 {
    font-size: 0.08571em; }

ul {
  padding-left: 10px; }
  ul li {
    list-style-position: inside; }

.foldable {
  border-radius: 6px;
  transition: background-color 0.5s;
  overflow: hidden;
  background: #F9F9F9; }
  .foldable.selected {
    margin-bottom: 10px; }
    .foldable.selected .toggler {
      background: #2b6ca1;
      background-image: radial-gradient(150% 100% at top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(#317ab5, #205179); }
      .foldable.selected .toggler:after {
        content: "-"; }
  .foldable .toggler {
    position: relative;
    display: block;
    padding: 20px 40px 20px 20px;
    background: #3687C9;
    background-image: radial-gradient(150% 100% at top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(#3687C9, #265f8d);
    color: #FFF;
    cursor: pointer;
    margin: 0;
    box-shadow: inset 0px 5px 3px -5px #ffffff;
    border: 1px solid #2b6ca1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
    .foldable .toggler:hover {
      background: #2b6ca1;
      background-image: radial-gradient(150% 100% at top left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%), linear-gradient(#317ab5, #205179); }
    .foldable .toggler:after {
      position: absolute;
      content: "+";
      right: 20px;
      bottom: 20px;
      font-size: 1.2em; }
  .foldable > .content {
    display: none;
    padding: 10px 20px; }
    .foldable > .content .foldable {
      border: none; }
      .foldable > .content .foldable .toggler {
        background: none;
        padding: 5px 0px 5px 30px;
        color: #265f8d;
        box-shadow: none;
        border: none;
        text-shadow: none; }
        .foldable > .content .foldable .toggler:after {
          top: 7px;
          right: auto;
          left: 10px;
          font-size: 80%;
          content: "\25BA"; }
      .foldable > .content .foldable > .content {
        margin-left: 15px;
        padding-left: 15px;
        padding-bottom: 0; }
        .foldable > .content .foldable > .content h1:first-child {
          margin-top: 5px; }
        .foldable > .content .foldable > .content h2:first-child {
          margin-top: 5px; }
        .foldable > .content .foldable > .content h3:first-child {
          margin-top: 5px; }
        .foldable > .content .foldable > .content h4:first-child {
          margin-top: 5px; }
        .foldable > .content .foldable > .content h5:first-child {
          margin-top: 5px; }
        .foldable > .content .foldable > .content h6:first-child {
          margin-top: 5px; }
      .foldable > .content .foldable.selected .toggler:after {
        content: "\25BC"; }
      .foldable > .content .foldable.selected .content {
        border-left: 3px solid #CCC; }

.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  background: #FFF; }

.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px; }

.bs-callout p:last-child {
  margin-bottom: 0; }

.bs-callout code {
  border-radius: 3px; }

.bs-callout + .bs-callout {
  margin-top: -5px; }

.bs-callout-default {
  border-left-color: #777; }

.bs-callout-default h4 {
  color: #777; }

.bs-callout-primary {
  border-left-color: #428bca; }

.bs-callout-primary h4 {
  color: #428bca; }

.bs-callout-success {
  border-left-color: #5cb85c; }

.bs-callout-success h4 {
  color: #5cb85c; }

.bs-callout-danger {
  border-left-color: #d9534f; }

.bs-callout-danger h4 {
  color: #d9534f; }

.bs-callout-warning {
  border-left-color: #f0ad4e; }

.bs-callout-warning h4 {
  color: #f0ad4e; }

.bs-callout-info {
  border-left-color: #5bc0de; }

.bs-callout-info h4 {
  color: #5bc0de; }

/*# sourceMappingURL=main.css.map */