/*
 * Default Trix editor styles. See Action Text overwrites below.
*/

trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}
/* line 1, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #fff;
  border-top: 4px solid #fcd600;
  box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.12);
}

/* line 11, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice[hidden] {
  display: none;
}

/* line 15, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* line 25, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice__text {
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
}

/* line 32, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice__link {
  color: #333;
  text-decoration: underline;
}

/* line 36, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice__link:hover {
  color: #000;
}

/* line 41, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice__btn {
  flex: 0 0 auto;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  padding: 12px 34px;
  background: #fcd600;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* line 54, app/assets/stylesheets/cookie_notice.scss */
.cookie-notice__btn:hover {
  background: #333;
  color: #fcd600;
}

@media (max-width: 767px) {
  /* line 61, app/assets/stylesheets/cookie_notice.scss */
  .cookie-notice__inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 14px 16px;
    gap: 12px;
  }
  /* line 68, app/assets/stylesheets/cookie_notice.scss */
  .cookie-notice__btn {
    width: 100%;
  }
}
/* line 1, app/assets/stylesheets/journey_map.scss */
#lang-tabs {
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

/* line 2, app/assets/stylesheets/journey_map.scss */
#lang-tabs button {
  cursor: pointer;
}

/* line 3, app/assets/stylesheets/journey_map.scss */
.lang-tab {
  padding: 6px 14px;
  border: 1px solid #888;
  background: #fff;
  border-radius: 3px;
  font-size: 13px;
  color: #333;
}

/* line 4, app/assets/stylesheets/journey_map.scss */
.lang-tab.active {
  background: #ef6c00;
  color: #fff;
  border-color: #ef6c00;
}

/* line 5, app/assets/stylesheets/journey_map.scss */
.lang-tab .remove-lang {
  margin-left: 6px;
  color: #999;
  font-weight: bold;
}

/* line 6, app/assets/stylesheets/journey_map.scss */
.lang-tab .remove-lang:hover {
  color: #c00;
}

/* line 7, app/assets/stylesheets/journey_map.scss */
.lang-tab.active .remove-lang {
  color: #fff;
}

/* line 8, app/assets/stylesheets/journey_map.scss */
.lang-tab.active .remove-lang:hover {
  color: #ffe0b2;
}

/* line 9, app/assets/stylesheets/journey_map.scss */
#add-lang-btn {
  padding: 6px 14px;
  background: #1565c0;
  color: #fff;
  border: 1px solid #1565c0;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
}

/* line 10, app/assets/stylesheets/journey_map.scss */
#add-lang-btn:hover {
  background: #1976d2;
}

/* line 12, app/assets/stylesheets/journey_map.scss */
#section-tabs {
  margin: 0 0 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 8px;
}

/* line 13, app/assets/stylesheets/journey_map.scss */
.section-tab {
  padding: 6px 14px;
  border: 1px solid #999;
  background: #fff;
  border-radius: 3px;
  font-size: 13px;
  cursor: pointer;
  color: #333;
}

/* line 14, app/assets/stylesheets/journey_map.scss */
.section-tab.active {
  background: #2e7d32;
  color: #fff;
  border-color: #2e7d32;
}

/* line 16, app/assets/stylesheets/journey_map.scss */
#fields-container {
  max-height: 70vh;
  overflow-y: auto;
}

/* line 17, app/assets/stylesheets/journey_map.scss */
.journey-group {
  border: 1px solid #ddd;
  margin: 0 0 15px 0;
  padding: 12px;
  border-radius: 4px;
  background: #fafafa;
}

/* line 18, app/assets/stylesheets/journey_map.scss */
.journey-group legend {
  font-weight: bold;
  font-size: 13px;
  padding: 0 6px;
  cursor: pointer;
  color: #555;
}

/* line 19, app/assets/stylesheets/journey_map.scss */
.journey-group.collapsed .journey-group-fields {
  display: none;
}

/* line 20, app/assets/stylesheets/journey_map.scss */
.journey-field {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

/* line 21, app/assets/stylesheets/journey_map.scss */
.journey-field:last-child {
  border-bottom: none;
}

/* line 22, app/assets/stylesheets/journey_map.scss */
.journey-field-label {
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
  color: #444;
  font-size: 12px;
  font-family: monospace;
}

/* line 23, app/assets/stylesheets/journey_map.scss */
.journey-title-input {
  width: 100%;
  padding: 5px 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 13px;
  box-sizing: border-box;
}

/* line 24, app/assets/stylesheets/journey_map.scss */
.journey-content-row {
  margin-top: 6px;
}

/* line 26, app/assets/stylesheets/journey_map.scss */
.jm-show-section {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

/* line 27, app/assets/stylesheets/journey_map.scss */
.jm-show-section-title {
  margin: 0;
  padding: 8px 12px;
  background: #f0f0f0;
  font-size: 14px;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  user-select: none;
}

/* line 37, app/assets/stylesheets/journey_map.scss */
.jm-show-section-title:hover {
  background: #e8e8e8;
}

/* line 39, app/assets/stylesheets/journey_map.scss */
.jm-show-section-body {
  padding: 0;
}

/* line 40, app/assets/stylesheets/journey_map.scss */
.jm-show-section.jm-collapsed .jm-show-section-body {
  display: none;
}

/* line 41, app/assets/stylesheets/journey_map.scss */
.jm-show-table {
  width: 100%;
  margin: 0;
}

/* line 42, app/assets/stylesheets/journey_map.scss */
.jm-show-table th {
  text-align: left;
  padding: 6px 8px;
  background: #f5f5f5;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}

/* line 43, app/assets/stylesheets/journey_map.scss */
.jm-show-table td {
  padding: 6px 8px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  vertical-align: top;
}

/* line 44, app/assets/stylesheets/journey_map.scss */
.jm-show-table .jm-show-key {
  font-size: 12px;
  font-family: monospace;
  width: 25%;
}

/* line 45, app/assets/stylesheets/journey_map.scss */
.jm-show-main-section-title {
  background: #e0e0e0;
  font-size: 15px;
  font-weight: bold;
}

/* line 46, app/assets/stylesheets/journey_map.scss */
.jm-show-group-title {
  padding-left: 20px;
  background: #f5f5f5;
  font-size: 13px;
}
/* line 1, app/assets/stylesheets/maps_marker.scss */
.markerTooltip {
  width: 250px;
  background: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 10px;
  position: relative;
  text-align: left;
}

/* line 10, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.wvd_event .markerName {
  border-bottom: 2px solid #22A5D8;
}

/* line 13, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.partner .markerName {
  border-bottom: 2px solid #009400;
}

/* line 16, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.director .markerName {
  border-bottom: 2px solid #c3af00;
}

/* line 19, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.doctor .markerName {
  border-bottom: 2px solid #3981ff;
}

/* line 22, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.wvd_signature .markerName {
  border-bottom: 2px solid #c467ff;
}

/* line 25, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.researcher .markerName {
  border-bottom: 2px solid #00fe00;
}

/* line 28, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.biobank .markerName {
  border-bottom: 2px solid #ff6352;
}

/* line 31, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.support_organization .markerName {
  border-bottom: 2px solid #00efa8;
}

/* line 34, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.clinical_trial .markerName {
  border-bottom: 2px solid #ff8a00;
}

/* line 37, app/assets/stylesheets/maps_marker.scss */
.markerTooltip.specialist .markerName {
  border-bottom: 2px solid #fb448c;
}

/* line 40, app/assets/stylesheets/maps_marker.scss */
.markerContainer {
  margin-top: 11px;
  max-width: 250px;
}

/* line 44, app/assets/stylesheets/maps_marker.scss */
.markerBlock {
  margin-bottom: 5px;
  overflow: hidden;
}

/* line 48, app/assets/stylesheets/maps_marker.scss */
.markerTooltip .description {
  clear: both;
  font-size: 11px;
}

/* line 52, app/assets/stylesheets/maps_marker.scss */
.markerPicture {
  float: left;
  line-height: 0;
  position: relative;
  width: 42px;
}

/* line 58, app/assets/stylesheets/maps_marker.scss */
.markerPicture img {
  width: 32px;
  height: 32px;
}

/* line 62, app/assets/stylesheets/maps_marker.scss */
.markerDetails {
  width: 234px;
  min-height: 32px;
  float: left;
  line-height: 16px;
}

/* line 68, app/assets/stylesheets/maps_marker.scss */
.markerName {
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/maps_marker.scss */
.markerAddress {
  font-size: 11px;
}

/* line 74, app/assets/stylesheets/maps_marker.scss */
.markerData {
  font-size: 10px;
  font-weight: bold;
  margin-top: -1px;
}

/* line 79, app/assets/stylesheets/maps_marker.scss */
.infoBox > img {
  z-index: 1;
  float: right;
}

/*----- Tabs -----*/
/* line 86, app/assets/stylesheets/maps_marker.scss */
.tabs-menu {
  height: 30px;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 250px;
}

/* line 95, app/assets/stylesheets/maps_marker.scss */
.tabs-menu li {
  height: 30px;
  line-height: 30px;
  float: left;
  background-color: #f4ca00;
  border: 1px solid #f4ca00;
}

/* line 103, app/assets/stylesheets/maps_marker.scss */
.tabs-menu li.current {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  z-index: 5;
}

/* line 110, app/assets/stylesheets/maps_marker.scss */
.tabs-menu li a {
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

/* line 117, app/assets/stylesheets/maps_marker.scss */
.tabs-menu .current a {
  color: #2e7da3;
}

/* line 121, app/assets/stylesheets/maps_marker.scss */
.tabs {
  border: 1px solid #f4ca00;
  background-color: #fff;
  float: left;
  max-width: 240px;
}

/* line 128, app/assets/stylesheets/maps_marker.scss */
.tab-content {
  width: 240px;
  padding: 5px;
  display: none;
}

/* line 134, app/assets/stylesheets/maps_marker.scss */
.tabs .tab-content:nth-of-type(1) {
  display: block;
}

/* line 137, app/assets/stylesheets/maps_marker.scss */
.open-marker {
  cursor: pointer;
}

/* line 143, app/assets/stylesheets/maps_marker.scss */
.markerGroup {
  max-height: 320px;
  overflow-y: auto;
  padding-right: 4px;
}

/* line 149, app/assets/stylesheets/maps_marker.scss */
.markerGroupDivider {
  border: 0;
  border-top: 1px solid #ebeff4;
  margin: 14px 0;
}

/* line 155, app/assets/stylesheets/maps_marker.scss */
.markerGroupHeader {
  font-size: 12px;
  font-weight: bold;
  color: #6f879b;
  padding: 0 0 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid #ebeff4;
}
@charset "UTF-8";
/*
 * 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, or any plugin's
 * vendor/assets/stylesheets directory 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 bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *







 */
@font-face {
  font-family: 'museo_sans';
  src: url(/assets/museosanscyrl-500-webfont-a1439f2eaf1e91155e491f8ae27ee9c9cf6d2586b5aa8d28be63ac8ea9c4cfc1.eot);
  src: url(/assets/museosanscyrl-500-webfont-a1439f2eaf1e91155e491f8ae27ee9c9cf6d2586b5aa8d28be63ac8ea9c4cfc1.eot?#iefix) format("embedded-opentype"), url(/assets/museosanscyrl-500-webfont-6d826b9db61159b3c1728f3136d9204631f3b7aa160a261a4c9c3256b790eb0e.woff2) format("woff2"), url(/assets/museosanscyrl-500-webfont-357e76bd081850e7782d3783df7f7b70816a1185537ec920ba1a3b293972a74a.woff) format("woff"), url(/assets/museosanscyrl-500-webfont-c561cab93aa9eb76fa89c662ea6c5c6e90e6c519f7a62757b308531f9b69082a.ttf) format("truetype"), url(/assets/museosanscyrl-500-webfont-dc7340c4327b4e587ca1154559fed7a2ebc40543d1f467d9be74e2db386e1c82.svg#museo_sans_cyrl500) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'museo_sans';
  src: url(/assets/museosanscyrl-700-webfont-c695f4e4256b3fc53f6add3e9d0dc0f5d9acc890341ef7cadaf6ed4780c0c8e2.eot);
  src: url(/assets/museosanscyrl-700-webfont-c695f4e4256b3fc53f6add3e9d0dc0f5d9acc890341ef7cadaf6ed4780c0c8e2.eot?#iefix) format("embedded-opentype"), url(/assets/museosanscyrl-700-webfont-af06e0f3dd2bc3edb9b8b094643ae098222c4a32a3b2e2ea81c0d0d7754c1bdb.woff2) format("woff2"), url(/assets/museosanscyrl-700-webfont-ef18fb56eaba7f3d3d2ef81ed666181eedac3122d413de1ab2a709766a8ac139.woff) format("woff"), url(/assets/museosanscyrl-700-webfont-4c6e8fee0d6fc321c7db36fc79065fd4cdda4ab714f2cc57304fad9db2426eca.ttf) format("truetype"), url(/assets/museosanscyrl-700-webfont-7b4c0d69efc99f47e1d02f349143e08555ddaca4c4ac8b150cc0837754e8042e.svg#museo_sans_cyrl700) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'museo_sans';
  src: url(/assets/museosanscyrl-300-webfont-ccdfe62330cebf0ab786dfee8bb01c925c0616a0a89dde84fac75ec5ac14c1d7.eot);
  src: url(/assets/museosanscyrl-300-webfont-ccdfe62330cebf0ab786dfee8bb01c925c0616a0a89dde84fac75ec5ac14c1d7.eot?#iefix) format("embedded-opentype"), url(/assets/museosanscyrl-300-webfont-1ed7b0ed228172627a68539c1b8d7628ce6b7f32bc2877779a90062a5e33a6d5.woff2) format("woff2"), url(/assets/museosanscyrl-300-webfont-ca163bcef9df82ecce45833a266c27c5dcf9c06981ac6ee304ecce9263afe9c2.woff) format("woff"), url(/assets/museosanscyrl-300-webfont-eb70df39f1b33c0e0b2830baa03cf7796129b10e25d3f28d890536804418de58.ttf) format("truetype"), url(/assets/museosanscyrl-300-webfont-3c11c2f807f75a585503b8c09c8f4b8180b6a79ca01230f43c201badc611ffef.svg#museo_sans_cyrl300) format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lohit Punjabi';
  src: url(/assets/Lohit_pa/Lohit-Punjabi-49b55e5af17ca58475fdff61994f15a7a21c7247ffe5e2407d15357ca148844e.eot);
  src: url(/assets/Lohit_pa/Lohit-Punjabi-49b55e5af17ca58475fdff61994f15a7a21c7247ffe5e2407d15357ca148844e.eot?#iefix) format("embedded-opentype"), url(/assets/Lohit_pa/Lohit-Punjabi-84d634ff82a2ed6eaa374bd02bbf58585366691fc7ea62822cf06ebdb113e139.woff2) format("woff2"), url(/assets/Lohit_pa/Lohit-Punjabi-c00f19f873c3cba06e04e732790b8b23db8bdec43be7179f39b01be5f54d42a2.woff) format("woff"), url(/assets/Lohit_pa/Lohit-Punjabi-efa0b90e2d90bcab8031e5fbeb7a611454bcea0de55eaeb00c3239bd5bab6363.ttf) format("truetype"), url(/assets/Lohit_pa/Lohit-Punjabi-23e4017dc3d311a3be520776a7d8eb5237e7a5243cff56cd8c6481d809984e78.svg#Lohit-Punjabi) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/Inter/Inter-Regular-f43b8e0de94b502e00c5c7f9c4694738bae51d237833dd573455429017c829de.eot);
  src: url(/assets/Inter/Inter-Regular-f43b8e0de94b502e00c5c7f9c4694738bae51d237833dd573455429017c829de.eot?#iefix) format("embedded-opentype"), url(/assets/Inter/Inter-Regular-02608366dfc0e43f0e6d9767fd56cdad3a681533b4b8fb04b3379ceeea602a24.woff2) format("woff2"), url(/assets/Inter/Inter-Regular-2399e0f9255ec6ed3373ec6d67895ded8da21e8fb8424c3f070bf030e24fd130.woff) format("woff"), url(/assets/Inter/Inter-Regular-a8b66220265c1431888b0f12f1f79815e2d69d5063a16ddde0b54d27db4f854d.ttf) format("truetype"), url(/assets/Inter/Inter-Regular-091908a3371bd13dc9e97e1b6289b25a4e270e31ab69d94061256f26cb39e1c3.svg#Inter-Regular) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/Inter/Inter-Medium-5de45585234aeea826fbabea5708dfa0c253368fb3fd3d492c58992f1a74b530.eot);
  src: url(/assets/Inter/Inter-Medium-5de45585234aeea826fbabea5708dfa0c253368fb3fd3d492c58992f1a74b530.eot?#iefix) format("embedded-opentype"), url(/assets/Inter/Inter-Medium-c7466d1f9f8e0a4e1644e7f2326ceb39000fa8a08df36920151ce91171702d85.woff2) format("woff2"), url(/assets/Inter/Inter-Medium-8afe149e4344e8a7e6ad62aa27fb56e5578225a0a213e9558fa32235e529bc23.woff) format("woff"), url(/assets/Inter/Inter-Medium-4204ea79efb0975c0e528199ffa7dfc21df27b73b49759977aea02a7404d7783.ttf) format("truetype"), url(/assets/Inter/Inter-Medium-165dd21a46661540ac9f844c81d067a5bb1a9530f0109341e81c48b7f02cf931.svg#Inter-Medium) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/Inter/Inter-SemiBold-8e76ef86e43a8603fa4cad05d6c07e266b4b69671661d7788766377c23b8e137.eot);
  src: url(/assets/Inter/Inter-SemiBold-8e76ef86e43a8603fa4cad05d6c07e266b4b69671661d7788766377c23b8e137.eot?#iefix) format("embedded-opentype"), url(/assets/Inter/Inter-SemiBold-7130106dbd34077e180b75bce1202f3d545f5d84561d246eb0639ef1cb8533c9.woff2) format("woff2"), url(/assets/Inter/Inter-SemiBold-5b467e4cf99fe5e62233f2cf77f8c2d37458166f8078762a57401731b76cad68.woff) format("woff"), url(/assets/Inter/Inter-SemiBold-1fd1963a7a8e6271e0cfc4fdccf0f2d05b47f26efe958f387d985b364997b1f5.ttf) format("truetype"), url(/assets/Inter/Inter-SemiBold-6e98e4f5d84c78987127b36d93e7d6726e8df779d4227a7ff22e063bbbbd3510.svg#Inter-SemiBold) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/Inter/Inter-Bold-9037bb466deabe72fec5ebc7c2136bd009373add645b7671378fec4b58047227.eot);
  src: url(/assets/Inter/Inter-Bold-9037bb466deabe72fec5ebc7c2136bd009373add645b7671378fec4b58047227.eot?#iefix) format("embedded-opentype"), url(/assets/Inter/Inter-Bold-b952c805f57b2107d7450cc41330c4b973ba26a1415ebcb2162dc1e127e276e1.woff2) format("woff2"), url(/assets/Inter/Inter-Bold-55bce4410ec8773a6903e46aa4582e1950f681c3ac22636fe3f16d4ce15e0023.woff) format("woff"), url(/assets/Inter/Inter-Bold-e57e78b225c3253fdf01d5d2417026b3f2605bd762aa2790f4fae1dcaed5f793.ttf) format("truetype"), url(/assets/Inter/Inter-Bold-07d3320a456daff7789047ca8f0a50f70cd974f544feb5701c93681c0de6a432.svg#Inter-Bold) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/Inter/Inter-ExtraBold-49551b8b27d32a4e41c34fe35b100d67f490fab906952f7ccfd333b922e54254.eot);
  src: url(/assets/Inter/Inter-ExtraBold-49551b8b27d32a4e41c34fe35b100d67f490fab906952f7ccfd333b922e54254.eot?#iefix) format("embedded-opentype"), url(/assets/Inter/Inter-ExtraBold-57a2b85111933195fb158cb7109badc6e6797e4e397405104be1f517d037d502.woff2) format("woff2"), url(/assets/Inter/Inter-ExtraBold-fc031d30596a141b33fcafc97324d1174cc8e2a0ba45ff0b73463fc198ff4e03.woff) format("woff"), url(/assets/Inter/Inter-ExtraBold-43e329e38c50bfa532b4651640758bc0870c14f0e3220b8566259f40b0950dda.ttf) format("truetype"), url(/assets/Inter/Inter-ExtraBold-7f89bf1cf1b0028fb9b21a0e32d87bf7f065b236bbd85c4a1e3be6e5fe3c544e.svg#Inter-ExtraBold) format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* line 127, app/assets/stylesheets/application.scss */
html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

/* line 132, app/assets/stylesheets/application.scss */
body {
  margin: 0;
  height: 100%;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  min-width: 320px;
  font-family: "museo_sans", Arial, Helvetica, sans-serif;
  color: #333;
  background: #f7f7f7;
}

@media only screen and (max-width: 767px) {
  /* line 143, app/assets/stylesheets/application.scss */
  body {
    font-size: 18px;
    line-height: 1.35;
  }
}

/* line 147, app/assets/stylesheets/application.scss */
header,
nav,
section,
article,
aside,
footer,
figure,
menu {
  display: block;
}

/* line 157, app/assets/stylesheets/application.scss */
input::-ms-clear {
  display: none;
}

/* line 160, app/assets/stylesheets/application.scss */
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 168, app/assets/stylesheets/application.scss */
img {
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 175, app/assets/stylesheets/application.scss */
*, *:after, *:before {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 180, app/assets/stylesheets/application.scss */
p {
  margin: 0 0 30px;
}

/* line 182, app/assets/stylesheets/application.scss */
p a {
  color: #1c5c8a;
}

@media only screen and (max-width: 767px) {
  /* line 185, app/assets/stylesheets/application.scss */
  p {
    margin-bottom: 24px;
  }
}

/* line 188, app/assets/stylesheets/application.scss */
a {
  color: inherit;
  text-decoration: underline;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 194, app/assets/stylesheets/application.scss */
a:hover {
  text-decoration: none;
}

/* line 197, app/assets/stylesheets/application.scss */
.clear:after {
  content: '';
  clear: both;
  display: block;
}

/* line 202, app/assets/stylesheets/application.scss */
.slick-list {
  overflow: hidden;
}

/* line 205, app/assets/stylesheets/application.scss */
.slick-slide {
  float: left;
}

/* line 208, app/assets/stylesheets/application.scss */
.col-row {
  margin-left: -15px;
  margin-right: -15px;
}

/* line 211, app/assets/stylesheets/application.scss */
.col-row:after {
  content: '';
  clear: both;
  display: block;
}

/* line 215, app/assets/stylesheets/application.scss */
.col-row > .col {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 219, app/assets/stylesheets/application.scss */
.col-row > .col.l-1 {
  width: 8.33%;
}

/* line 221, app/assets/stylesheets/application.scss */
.col-row > .col.l-2 {
  width: 16.66%;
}

/* line 223, app/assets/stylesheets/application.scss */
.col-row > .col.l-3 {
  width: 25%;
}

/* line 225, app/assets/stylesheets/application.scss */
.col-row > .col.l-4 {
  width: 33.3%;
}

/* line 227, app/assets/stylesheets/application.scss */
.col-row > .col.l-5 {
  width: 41.66%;
}

/* line 229, app/assets/stylesheets/application.scss */
.col-row > .col.l-6 {
  width: 50%;
}

/* line 231, app/assets/stylesheets/application.scss */
.col-row > .col.l-7 {
  width: 58.33%;
}

/* line 233, app/assets/stylesheets/application.scss */
.col-row > .col.l-8 {
  width: 66.66%;
}

/* line 235, app/assets/stylesheets/application.scss */
.col-row > .col.l-9 {
  width: 75%;
}

/* line 237, app/assets/stylesheets/application.scss */
.col-row > .col.l-10 {
  width: 83.33%;
}

/* line 239, app/assets/stylesheets/application.scss */
.col-row > .col.l-11 {
  width: 91.66%;
}

/* line 241, app/assets/stylesheets/application.scss */
.col-row > .col.l-12 {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  /* line 244, app/assets/stylesheets/application.scss */
  .col-row > .col.t-1 {
    width: 8.33%;
  }
  /* line 246, app/assets/stylesheets/application.scss */
  .col-row > .col.t-2 {
    width: 16.66%;
  }
  /* line 248, app/assets/stylesheets/application.scss */
  .col-row > .col.t-3 {
    width: 25%;
  }
  /* line 250, app/assets/stylesheets/application.scss */
  .col-row > .col.t-4 {
    width: 33.3%;
  }
  /* line 252, app/assets/stylesheets/application.scss */
  .col-row > .col.t-5 {
    width: 41.66%;
  }
  /* line 254, app/assets/stylesheets/application.scss */
  .col-row > .col.t-6 {
    width: 50%;
  }
  /* line 256, app/assets/stylesheets/application.scss */
  .col-row > .col.t-7 {
    width: 58.33%;
  }
  /* line 258, app/assets/stylesheets/application.scss */
  .col-row > .col.t-8 {
    width: 66.66%;
  }
  /* line 260, app/assets/stylesheets/application.scss */
  .col-row > .col.t-9 {
    width: 75%;
  }
  /* line 262, app/assets/stylesheets/application.scss */
  .col-row > .col.t-10 {
    width: 83.33%;
  }
  /* line 264, app/assets/stylesheets/application.scss */
  .col-row > .col.t-11 {
    width: 91.66%;
  }
  /* line 266, app/assets/stylesheets/application.scss */
  .col-row > .col.t-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 269, app/assets/stylesheets/application.scss */
  .col-row > .col.m-1 {
    width: 8.33%;
  }
  /* line 271, app/assets/stylesheets/application.scss */
  .col-row > .col.m-2 {
    width: 16.66%;
  }
  /* line 273, app/assets/stylesheets/application.scss */
  .col-row > .col.m-3 {
    width: 25%;
  }
  /* line 275, app/assets/stylesheets/application.scss */
  .col-row > .col.m-4 {
    width: 33.3%;
  }
  /* line 277, app/assets/stylesheets/application.scss */
  .col-row > .col.m-5 {
    width: 41.66%;
  }
  /* line 279, app/assets/stylesheets/application.scss */
  .col-row > .col.m-6 {
    width: 50%;
  }
  /* line 281, app/assets/stylesheets/application.scss */
  .col-row > .col.m-7 {
    width: 58.33%;
  }
  /* line 283, app/assets/stylesheets/application.scss */
  .col-row > .col.m-8 {
    width: 66.66%;
  }
  /* line 285, app/assets/stylesheets/application.scss */
  .col-row > .col.m-9 {
    width: 75%;
  }
  /* line 287, app/assets/stylesheets/application.scss */
  .col-row > .col.m-10 {
    width: 83.33%;
  }
  /* line 289, app/assets/stylesheets/application.scss */
  .col-row > .col.m-11 {
    width: 91.66%;
  }
  /* line 291, app/assets/stylesheets/application.scss */
  .col-row > .col.m-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  /* line 294, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-1 {
    width: 8.33%;
  }
  /* line 296, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-2 {
    width: 16.66%;
  }
  /* line 298, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-3 {
    width: 25%;
  }
  /* line 300, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-4 {
    width: 33.3%;
  }
  /* line 302, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-5 {
    width: 41.66%;
  }
  /* line 304, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-6 {
    width: 50%;
  }
  /* line 306, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-7 {
    width: 58.33%;
  }
  /* line 308, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-8 {
    width: 66.66%;
  }
  /* line 310, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-9 {
    width: 75%;
  }
  /* line 312, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-10 {
    width: 83.33%;
  }
  /* line 314, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-11 {
    width: 91.66%;
  }
  /* line 316, app/assets/stylesheets/application.scss */
  .col-row > .col.ms-12 {
    width: 100%;
  }
}

/* line 319, app/assets/stylesheets/application.scss */
#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 330, app/assets/stylesheets/application.scss */
#main {
  -webkit-box-flex: 5000;
  -ms-flex: 5000 1 auto;
  flex: 5000 1 auto;
}

@media only screen and (min-width: 1023px) {
  /* line 336, app/assets/stylesheets/application.scss */
  #main {
    margin-top: 150px;
  }
}

/* line 341, app/assets/stylesheets/application.scss */
.btn {
  margin: 0;
  line-height: 1;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0;
  text-align: center;
  padding: 11px 41px;
  vertical-align: top;
  font-family: inherit;
  text-decoration: none;
  display: inline-block;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 366, app/assets/stylesheets/application.scss */
.btn:hover {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  cursor: pointer;
}

/* line 371, app/assets/stylesheets/application.scss */
.btn:active {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

/* line 376, app/assets/stylesheets/application.scss */
.btn-white-border {
  color: #fff;
  background: none;
  border-color: #fff;
}

/* line 380, app/assets/stylesheets/application.scss */
.btn-white-border:hover {
  color: #333;
  background: #fff;
}

/* line 384, app/assets/stylesheets/application.scss */
.btn-black-border {
  color: #333;
  background: none;
  border-color: #333;
}

/* line 388, app/assets/stylesheets/application.scss */
.btn-black-border:hover {
  color: #fff;
  background: #333;
}

/* line 392, app/assets/stylesheets/application.scss */
.container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
}

/* line 396, app/assets/stylesheets/application.scss */
.container.small {
  max-width: 1034px;
}

@media only screen and (max-width: 374px) {
  /* line 399, app/assets/stylesheets/application.scss */
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 403, app/assets/stylesheets/application.scss */
h2 {
  color: #000;
  line-height: 1;
  font-size: 50px;
  margin: 0 0 30px;
  font-weight: bold;
}

@media only screen and (max-width: 1279px) {
  /* line 410, app/assets/stylesheets/application.scss */
  h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 414, app/assets/stylesheets/application.scss */
  h2 {
    font-size: 38px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 418, app/assets/stylesheets/application.scss */
  h2 {
    font-size: 28px;
    margin-bottom: 8px;
  }
}

/* line 422, app/assets/stylesheets/application.scss */
h3 {
  font-size: 28px;
  margin: 0 0 20px;
  font-weight: bold;
  line-height: 1.07;
}

@media only screen and (max-width: 1279px) {
  /* line 428, app/assets/stylesheets/application.scss */
  h3 {
    font-size: 22px;
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 432, app/assets/stylesheets/application.scss */
  h3 {
    line-height: 1.09;
    margin-bottom: 8px;
    margin-top: 18px;
  }
}

/* line 437, app/assets/stylesheets/application.scss */
h4 {
  font-size: 24px;
  margin: 0 0 15px;
  font-weight: 500;
  line-height: 1.25;
}

/* line 442, app/assets/stylesheets/application.scss */
h4 a {
  color: #1c5c8a;
}

@media only screen and (max-width: 767px) {
  /* line 445, app/assets/stylesheets/application.scss */
  h4 {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

/* line 449, app/assets/stylesheets/application.scss */
.section-inner {
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 454, app/assets/stylesheets/application.scss */
  .white-bg {
    background: #fff;
  }
  /* line 456, app/assets/stylesheets/application.scss */
  .gray-bg {
    background: #f7f7f7;
  }
  /* line 458, app/assets/stylesheets/application.scss */
  .blue-bg {
    background: #044b7f;
  }
}

/* line 461, app/assets/stylesheets/application.scss */
.section.show-on-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 464, app/assets/stylesheets/application.scss */
  .section.show-on-mobile {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  /* line 468, app/assets/stylesheets/application.scss */
  .section.hide-on-mobile {
    display: none;
  }
}

/* line 471, app/assets/stylesheets/application.scss */
.content-section {
  padding: 50px 0;
}

/* line 473, app/assets/stylesheets/application.scss */
.content-section .visual {
  overflow: hidden;
  margin: 0 0 58px;
  border-radius: 8px;
  -webkit-box-shadow: 0 50px 50px -50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 50px 50px -50px rgba(0, 0, 0, 0.2);
}

/* line 479, app/assets/stylesheets/application.scss */
.content-section .visual img {
  display: block;
  width: 100%;
}

/* line 482, app/assets/stylesheets/application.scss */
.content-section .visual .show-on-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 485, app/assets/stylesheets/application.scss */
  .content-section .visual .hide-on-mobile {
    display: none;
  }
  /* line 487, app/assets/stylesheets/application.scss */
  .content-section .visual .show-on-mobile {
    display: block;
  }
}

/* line 489, app/assets/stylesheets/application.scss */
.content-section .columns {
  margin: 0 auto;
  -webkit-column-count: 2;
  column-count: 2;
  max-width: 996px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

/* line 496, app/assets/stylesheets/application.scss */
.content-section h2.show-on-mobile {
  display: none;
}

@media only screen and (max-width: 1023px) {
  /* line 499, app/assets/stylesheets/application.scss */
  .content-section {
    padding: 20px 0 32px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 502, app/assets/stylesheets/application.scss */
  .content-section {
    color: #4a4a4a;
    padding-top: 0;
  }
  /* line 505, app/assets/stylesheets/application.scss */
  .content-section.type2 {
    padding-top: 30px;
  }
  /* line 507, app/assets/stylesheets/application.scss */
  .content-section .columns {
    -webkit-columns: 1;
    columns: 1;
  }
  /* line 510, app/assets/stylesheets/application.scss */
  .content-section .visual {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -20px 34px;
  }
  /* line 515, app/assets/stylesheets/application.scss */
  .content-section h2.show-on-mobile {
    display: block;
  }
}

/* line 518, app/assets/stylesheets/application.scss */
.publication-list {
  padding: 0;
  margin: 0 -15px 50px;
  list-style: none;
  letter-spacing: -6px;
  position: relative;
}

/* line 524, app/assets/stylesheets/application.scss */
.publication-list li {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  letter-spacing: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  padding-top: 70px;
}

/* line 534, app/assets/stylesheets/application.scss */
.publication-list li:not(.active) {
  margin-bottom: 0 !important;
}

/* line 536, app/assets/stylesheets/application.scss */
.publication-list li .cont {
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* line 541, app/assets/stylesheets/application.scss */
.publication-list li .cont:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  margin: 0 0 0 -15px;
  border-bottom: 20px solid #333;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

/* line 551, app/assets/stylesheets/application.scss */
.publication-list li .cont:hover {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
}

/* line 557, app/assets/stylesheets/application.scss */
.publication-list li.active .expanded {
  display: block;
}

/* line 559, app/assets/stylesheets/application.scss */
.publication-list li.active .cont:after {
  opacity: 1;
}

/* line 561, app/assets/stylesheets/application.scss */
.publication-list .img-holder {
  position: relative;
  top: -45px;
  margin: 0;
  border-radius: 1.7px;
  -webkit-box-shadow: 0 10px 20px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 280px;
}

/* line 570, app/assets/stylesheets/application.scss */
.publication-list .img-holder img {
  height: 100%;
}

/* line 572, app/assets/stylesheets/application.scss */
.publication-list .cont {
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 0 20px 20px;
  min-height: 425px;
  cursor: pointer;
  position: relative;
}

/* line 580, app/assets/stylesheets/application.scss */
.publication-list .title {
  font-weight: bold;
  font-size: 28px;
  color: #000;
  line-height: 1.07;
  margin: 0 0 10px;
}

/* line 586, app/assets/stylesheets/application.scss */
.publication-list .date {
  font-size: 15px;
  line-height: 1.33;
}

/* line 589, app/assets/stylesheets/application.scss */
.publication-list .expanded {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 2500;
  display: none;
  background: #333;
  font-weight: 300;
  padding: 50px 15px;
}

/* line 600, app/assets/stylesheets/application.scss */
.publication-list .expanded .clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 50px 0;
}

/* line 611, app/assets/stylesheets/application.scss */
.publication-list .expanded .img-cont {
  padding-right: 30px;
}

/* line 613, app/assets/stylesheets/application.scss */
.publication-list .expanded .img-cont .img {
  width: 380px;
}

/* line 615, app/assets/stylesheets/application.scss */
.publication-list .expanded .img-cont img {
  width: 100%;
}

/* line 617, app/assets/stylesheets/application.scss */
.publication-list .expanded .cont-text {
  position: relative;
  padding-bottom: 70px;
}

/* line 620, app/assets/stylesheets/application.scss */
.publication-list .expanded .btn-holder {
  position: absolute;
  top: auto;
  bottom: 9px;
  left: 0;
}

/* line 625, app/assets/stylesheets/application.scss */
.publication-list .expanded .btn-holder .btn {
  margin-right: 10px;
  display: inline-block;
}

/* line 628, app/assets/stylesheets/application.scss */
.shopping-buttons .btn {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

/* line 633, app/assets/stylesheets/application.scss */
.publication-list .expanded h2 {
  display: block;
  font-size: 50px;
  color: inherit;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px;
}

/* line 640, app/assets/stylesheets/application.scss */
.publication-list .expanded .info {
  display: block;
  font-size: 28px;
  line-height: 1.07;
  color: #7d7d7d;
  margin: 0 0 30px;
}

/* line 646, app/assets/stylesheets/application.scss */
.publication-list .expanded .text {
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
}

/* line 651, app/assets/stylesheets/application.scss */
.publication-list .expanded .img {
  max-width: 100%;
  max-height: 100%;
}

/* line 654, app/assets/stylesheets/application.scss */
.publication-list .expanded:after, .publication-list .expanded:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1000px;
  background: #333;
}

@media only screen and (max-width: 767px) {
  /* line 662, app/assets/stylesheets/application.scss */
  .publication-list .expanded:after, .publication-list .expanded:before {
    display: none;
  }
}

/* line 664, app/assets/stylesheets/application.scss */
.publication-list .expanded:after {
  left: 100%;
}

/* line 666, app/assets/stylesheets/application.scss */
.publication-list .expanded:before {
  right: 100%;
}

/* line 668, app/assets/stylesheets/application.scss */
.publication-list .expanded .close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  z-index: 150;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: calc((100vw - 1200px) / -2 + 25px);
}

@media only screen and (max-width: 1320px) {
  /* line 679, app/assets/stylesheets/application.scss */
  .publication-list .expanded .close {
    right: 15px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 560px) {
  /* line 683, app/assets/stylesheets/application.scss */
  .publication-list .expanded .close {
    top: 15px;
  }
}

/* line 685, app/assets/stylesheets/application.scss */
.publication-list .expanded .close:after, .publication-list .expanded .close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 32px;
  z-index: 10;
  background: #fff;
  margin: 0 0 0 -16px;
}

/* line 695, app/assets/stylesheets/application.scss */
.publication-list .expanded .close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 699, app/assets/stylesheets/application.scss */
.publication-list .expanded .close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-width: 1023px) {
  /* line 704, app/assets/stylesheets/application.scss */
  .publication-list {
    text-align: left;
  }
  /* line 706, app/assets/stylesheets/application.scss */
  .publication-list li {
    width: 50%;
    margin-bottom: 80px !important;
  }
  /* line 709, app/assets/stylesheets/application.scss */
  .publication-list li:not(.actitve) {
    margin-bottom: 80px !important;
  }
  /* line 711, app/assets/stylesheets/application.scss */
  .publication-list .expanded {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 50px;
  }
  /* line 721, app/assets/stylesheets/application.scss */
  .publication-list .expanded .clear {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 724, app/assets/stylesheets/application.scss */
  .publication-list .expanded .clear .img-cont {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-right: 0;
    text-align: center;
    margin-bottom: 30px;
  }
  /* line 732, app/assets/stylesheets/application.scss */
  .publication-list .expanded .clear .img-cont .img {
    margin: 0 auto;
    max-width: 100%;
  }
  /* line 735, app/assets/stylesheets/application.scss */
  .publication-list .expanded .clear h2 {
    font-size: 32px;
  }
  /* line 737, app/assets/stylesheets/application.scss */
  .publication-list .expanded .text {
    margin-bottom: 30px;
  }
  /* line 739, app/assets/stylesheets/application.scss */
  .publication-list .expanded .btn-holder {
    position: relative;
    bottom: auto;
    left: auto;
    text-align: center;
  }
  /* line 744, app/assets/stylesheets/application.scss */
  .publication-list .expanded .btn-holder .btn {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 747, app/assets/stylesheets/application.scss */
  .publication-list {
    text-align: left;
  }
  /* line 749, app/assets/stylesheets/application.scss */
  .publication-list li {
    display: block;
    width: 100%;
  }
  /* line 752, app/assets/stylesheets/application.scss */
  .publication-list .title {
    font-size: 20px;
  }
}

/* line 755, app/assets/stylesheets/application.scss */
.publication-holder {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* line 777, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 410px;
  flex: 0 0 410px;
  min-height: 380px;
  background: #fff;
  padding: 30px;
}

/* line 784, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 30px;
}

/* line 789, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .langs-list {
  padding: 0;
  margin: 0 -5px;
  list-style: none;
  letter-spacing: -6px;
}

/* line 794, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .langs-list .cont {
  display: block;
  text-decoration: none;
}

/* line 797, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .langs-list .cont:hover .text {
  color: #044b7f;
  text-decoration: underline;
}

/* line 800, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .langs-list li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  letter-spacing: 0;
  margin: 0 0 20px;
  padding: 0 5px;
}

/* line 807, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .langs-list .ico {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
}

/* line 812, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .langs-list .ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 817, app/assets/stylesheets/application.scss */
.publication-holder .langs-holder .langs-list .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  padding-left: 10px;
}

/* line 824, app/assets/stylesheets/application.scss */
.publication-holder .visual-holder {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  min-height: 380px;
  background: url(/assets/publication-img4-a40105b8f5a66eb100c63f5869fec4e50f8d39da0d8ac5276cedc017ffb2e871.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 40px 30px 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* line 857, app/assets/stylesheets/application.scss */
.publication-holder .visual-holder .title {
  font-weight: bold;
  font-size: 40px;
  line-height: 1;
}

/* line 861, app/assets/stylesheets/application.scss */
.publication-holder .visual-holder .links-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 865, app/assets/stylesheets/application.scss */
.publication-holder .visual-holder .links-list a {
  color: #044b7f;
  text-decoration: underline;
  font-size: 16px;
  line-height: 1.56;
}

/* line 870, app/assets/stylesheets/application.scss */
.publication-holder .visual-holder .links-list a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 1023px) {
  /* line 873, app/assets/stylesheets/application.scss */
  .publication-holder {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 876, app/assets/stylesheets/application.scss */
  .publication-holder .langs-holder {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: auto;
  }
}

@media only screen and (max-width: 479px) {
  /* line 882, app/assets/stylesheets/application.scss */
  .publication-holder .langs-holder .langs-list li {
    display: block;
    width: 100%;
  }
}

/* line 886, app/assets/stylesheets/application.scss */
.letters-section {
  background: #ececec;
  padding: 50px 0;
}

/* line 889, app/assets/stylesheets/application.scss */
.letters-section .letters-holder {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-align-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* line 911, app/assets/stylesheets/application.scss */
.letters-section .letters-holder h2 {
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
}

/* line 915, app/assets/stylesheets/application.scss */
.letters-section .letters-holder .download-list {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right;
  max-width: 830px;
}

/* line 921, app/assets/stylesheets/application.scss */
.letters-section .letters-holder .download-list li {
  text-align: left;
  width: 50%;
}

/* line 924, app/assets/stylesheets/application.scss */
.letters-section .letters-holder .download-list a {
  height: auto;
  display: block;
}

/* line 927, app/assets/stylesheets/application.scss */
.letters-section .letters-holder .download-list .title {
  font-size: 25px;
  line-height: 1;
  display: block;
  margin: 0 0 37px;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  /* line 934, app/assets/stylesheets/application.scss */
  .letters-section .letters-holder {
    display: block;
  }
  /* line 936, app/assets/stylesheets/application.scss */
  .letters-section .letters-holder h2 {
    margin-bottom: 50px;
  }
  /* line 938, app/assets/stylesheets/application.scss */
  .letters-section .letters-holder .download-list {
    max-width: none;
  }
}

@media only screen and (max-width: 767px) {
  /* line 941, app/assets/stylesheets/application.scss */
  .letters-section .letters-holder .download-list li {
    display: block;
    width: 100%;
  }
}

/* line 945, app/assets/stylesheets/application.scss */
.publications-section {
  padding: 50px 0;
}

/* line 947, app/assets/stylesheets/application.scss */
.publications-section .title-holder {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 50px;
  margin: 0 0 50px;
}

/* line 972, app/assets/stylesheets/application.scss */
.publications-section .title-holder h2 {
  margin: 0;
}

/* line 974, app/assets/stylesheets/application.scss */
.publications-section .title-holder span {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
}

@media only screen and (max-width: 1023px) {
  /* line 980, app/assets/stylesheets/application.scss */
  .publications-section .title-holder {
    display: block;
  }
  /* line 982, app/assets/stylesheets/application.scss */
  .publications-section .title-holder h2 {
    margin-bottom: 20px;
  }
}

/* line 985, app/assets/stylesheets/application.scss */
.publications-slider-holder .title-slider {
  margin: 0 0 50px;
  padding-right: 195px;
}

/* line 988, app/assets/stylesheets/application.scss */
.publications-slider-holder .title-slider span {
  font-size: 40px;
  line-height: 1;
}

/* line 992, app/assets/stylesheets/application.scss */
.load-link {
  display: inline-block;
  color: #044b7f;
  font-size: 16px;
  line-height: 1.88;
  font-weight: bold;
}

/* line 999, app/assets/stylesheets/application.scss */
.publications-slider {
  position: relative;
  padding-bottom: 50px;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 50px;
}

/* line 1004, app/assets/stylesheets/application.scss */
.publications-slider .slick-list {
  margin-right: -30px;
}

/* line 1006, app/assets/stylesheets/application.scss */
.publications-slider .slick-arrow {
  position: absolute;
  top: -91px;
  left: auto;
  right: 0;
  width: 82px;
  height: 40px;
  border-radius: 4px;
  background: none;
  border: 1px solid #000;
  text-indent: -9999px;
  cursor: pointer;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* line 1021, app/assets/stylesheets/application.scss */
.publications-slider .slick-arrow.slick-disabled {
  opacity: .3;
}

/* line 1023, app/assets/stylesheets/application.scss */
.publications-slider .slick-arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 12px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #000;
  overflow: hidden;
}

/* line 1035, app/assets/stylesheets/application.scss */
.publications-slider .slick-arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 5px;
  border-top: 3px solid transparent;
  border-left: 5px solid #000;
  border-bottom: 3px solid transparent;
}

/* line 1044, app/assets/stylesheets/application.scss */
.publications-slider .slick-arrow.slick-prev {
  right: 100px;
}

/* line 1046, app/assets/stylesheets/application.scss */
.publications-slider .slick-arrow.slick-prev:before {
  margin: -3px 0 0 -8px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 1051, app/assets/stylesheets/application.scss */
.publications-slider .cont {
  background: #fff;
  border-radius: 8px;
  padding: 20px 20px 70px 20px;
  margin-right: 30px;
  position: relative;
}

/* line 1057, app/assets/stylesheets/application.scss */
.publications-slider .top-text {
  font-size: 13px;
  line-height: 1.54;
  display: block;
  margin: 0 0 10px;
}

/* line 1062, app/assets/stylesheets/application.scss */
.publications-slider .text {
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  margin: 0 0 10px;
  display: block;
}

/* line 1068, app/assets/stylesheets/application.scss */
.publications-slider .info {
  font-size: 13px;
  line-height: 1.54;
  color: #7d7d7d;
  display: block;
  margin: 0 0 10px;
}

/* line 1074, app/assets/stylesheets/application.scss */
.publications-slider .btn-holder {
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 0;
  right: 0;
  padding: 0 20px;
}

/* line 1081, app/assets/stylesheets/application.scss */
.publications-slider .btn {
  display: block;
  width: 100%;
}

/* line 1085, app/assets/stylesheets/application.scss */
.download-section {
  padding: 50px 0;
}

/* line 1087, app/assets/stylesheets/application.scss */
.download-section .download-box {
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

/* line 1091, app/assets/stylesheets/application.scss */
.download-section .download-box:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* line 1094, app/assets/stylesheets/application.scss */
.download-section .download-box:first-child {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 50px;
}

/* line 1097, app/assets/stylesheets/application.scss */
.download-section .dwn-info-text span {
  font-size: 16px;
  line-height: 1.25;
  color: #9b9b9b;
}

/* line 1101, app/assets/stylesheets/application.scss */
.download-section .dwn-info-text a {
  display: inline-block;
  font-size: 16px;
  line-height: 1.25;
  color: #044b7f;
}

/* line 1107, app/assets/stylesheets/application.scss */
.posters-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* line 1117, app/assets/stylesheets/application.scss */
.posters-holder .title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 175px;
  flex: 0 0 175px;
  font-weight: bold;
}

/* line 1122, app/assets/stylesheets/application.scss */
.posters-holder .posters-cont {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-left: 30px;
}

@media only screen and (max-width: 1023px) {
  /* line 1128, app/assets/stylesheets/application.scss */
  .posters-holder {
    display: block;
  }
  /* line 1130, app/assets/stylesheets/application.scss */
  .posters-holder > .title {
    margin-bottom: 60px;
  }
  /* line 1132, app/assets/stylesheets/application.scss */
  .posters-holder .posters-cont {
    padding-left: 0;
  }
  /* line 1134, app/assets/stylesheets/application.scss */
  .posters-holder .posters-list li {
    width: 33.3%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 1137, app/assets/stylesheets/application.scss */
  .posters-holder .posters-list li {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  /* line 1140, app/assets/stylesheets/application.scss */
  .posters-holder .posters-list li {
    display: block;
    width: 100%;
  }
}

/* line 1144, app/assets/stylesheets/application.scss */
.posters-list {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  letter-spacing: -6px;
}

/* line 1149, app/assets/stylesheets/application.scss */
.posters-list li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  letter-spacing: 0;
  padding: 0 15px;
  margin-bottom: 56px;
}

/* line 1156, app/assets/stylesheets/application.scss */
.posters-list .top-box {
  background: #f7f7f7;
  border-radius: 8px;
  text-align: center;
  margin: 0 0 20px;
  min-height: 80px;
}

/* line 1162, app/assets/stylesheets/application.scss */
.posters-list .top-box .ico {
  display: block;
  margin: 0 auto -7px;
  width: 40px;
  height: 40px;
  position: relative;
  top: -20px;
}

/* line 1169, app/assets/stylesheets/application.scss */
.posters-list .top-box .ico img {
  width: 100%;
  height: 100%;
}

/* line 1172, app/assets/stylesheets/application.scss */
.posters-list .bottom .files-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* line 1179, app/assets/stylesheets/application.scss */
.posters-list .bottom .file {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  padding: 0 5px;
  text-decoration: none;
}

/* line 1186, app/assets/stylesheets/application.scss */
.posters-list .bottom .file:hover .info {
  text-decoration: underline;
}

/* line 1188, app/assets/stylesheets/application.scss */
.posters-list .bottom .file .view {
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 10px;
  background: #fff;
  border-radius: 4px;
}

/* line 1202, app/assets/stylesheets/application.scss */
.posters-list .bottom .file .view img {
  max-width: 100%;
  max-height: 100%;
}

/* line 1205, app/assets/stylesheets/application.scss */
.posters-list .bottom .file .info {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

/* line 1212, app/assets/stylesheets/application.scss */
.research-holder .title-text {
  margin: 0 0 100px;
}

/* line 1215, app/assets/stylesheets/application.scss */
.research-list {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  letter-spacing: -6px;
}

/* line 1220, app/assets/stylesheets/application.scss */
.research-list li {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  padding: 0 15px;
  letter-spacing: 0;
  margin-bottom: 95px;
}

/* line 1227, app/assets/stylesheets/application.scss */
.research-list .cont {
  display: block;
  background: #fff;
  min-height: 397px;
  border-radius: 8px;
  text-decoration: none;
  padding: 20px 20px 60px 20px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* line 1237, app/assets/stylesheets/application.scss */
.research-list .cont:hover {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
}

/* line 1243, app/assets/stylesheets/application.scss */
.research-list .title {
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.07;
  margin: 0 0 10px;
}

/* line 1249, app/assets/stylesheets/application.scss */
.research-list .ico {
  margin: -72px 0 25px 0;
  width: 100px;
  position: relative;
  z-index: 1;
}

/* line 1254, app/assets/stylesheets/application.scss */
.research-list .ico img {
  width: 100%;
  height: 100%;
}

/* line 1257, app/assets/stylesheets/application.scss */
.research-list .ico .shadow {
  position: absolute;
  top: 18.5%;
  left: 15.5%;
  right: 15.5%;
  bottom: -3.5%;
  z-index: -10;
  border-radius: 8px;
  -webkit-filter: blur(13.6px);
  filter: blur(13.6px);
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 1268, app/assets/stylesheets/application.scss */
.research-list .text {
  display: block;
  font-size: 18px;
  line-height: 1.38;
}

/* line 1272, app/assets/stylesheets/application.scss */
.research-list .text .link {
  display: inline-block;
  text-decoration: underline;
  font-size: 18px;
  line-height: 1.38;
  color: #044b7f;
}

/* line 1278, app/assets/stylesheets/application.scss */
.research-list .text .link:hover {
  text-decoration: none;
}

@media only screen and (max-width: 1023px) {
  /* line 1281, app/assets/stylesheets/application.scss */
  .research-list li {
    width: 50%;
  }
  /* line 1283, app/assets/stylesheets/application.scss */
  .research-list .cont {
    min-height: 1px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 1286, app/assets/stylesheets/application.scss */
  .research-list li {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 550px) {
  /* line 1291, app/assets/stylesheets/application.scss */
  .publications-slider .cont {
    margin-right: 0;
  }
  /* line 1293, app/assets/stylesheets/application.scss */
  .publications-slider .slick-list {
    margin-right: 0;
  }
}

/* line 1296, app/assets/stylesheets/application.scss */
.results-list {
  font-size: 0;
  line-height: 0;
  list-style: none;
  padding: 36px 0 0;
  counter-reset: item;
  margin: 0 -15px 20px;
  letter-spacing: -4px;
}

@media only screen and (max-width: 767px) {
  /* line 1305, app/assets/stylesheets/application.scss */
  .results-list {
    padding-top: 15px;
  }
}

/* line 1307, app/assets/stylesheets/application.scss */
.results-list > li {
  width: 50%;
  font-size: 20px;
  line-height: 1.5;
  position: relative;
  vertical-align: top;
  display: inline-block;
  counter-increment: item;
  letter-spacing: 0;
  padding: 30px 15px 30px 118px;
}

@media only screen and (max-width: 1023px) {
  /* line 1318, app/assets/stylesheets/application.scss */
  .results-list > li {
    padding-left: 60px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 1321, app/assets/stylesheets/application.scss */
  .results-list > li {
    font-size: 16px;
    line-height: 1.35;
    padding-left: 35px;
    padding-right: 10px;
    padding: 20px 10px 20px 65px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 1328, app/assets/stylesheets/application.scss */
  .results-list > li {
    display: block;
    width: auto;
  }
}

/* line 1331, app/assets/stylesheets/application.scss */
.results-list > li:after {
  content: counters(item, ".") "";
  position: absolute;
  top: 29px;
  left: 15px;
  z-index: 10;
  color: #adadad;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.88;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 767px) {
  /* line 1346, app/assets/stylesheets/application.scss */
  .results-list > li:after {
    top: 18px;
    left: 10px;
    font-size: 39px;
  }
}

/* line 1350, app/assets/stylesheets/application.scss */
.results-list > li:first-child:after,
.results-list > li:first-child + li:after,
.results-list > li:first-child + li + li:after,
.results-list > li:first-child + li + li + li:after,
.results-list > li:first-child + li + li + li + li:after,
.results-list > li:first-child + li + li + li + li + li:after,
.results-list > li:first-child + li + li + li + li + li + li:after,
.results-list > li:first-child + li + li + li + li + li + li + li:after,
.results-list > li:first-child + li + li + li + li + li + li + li + li:after {
  content: "0" counters(item, ".") "";
}

/* line 1360, app/assets/stylesheets/application.scss */
.results-list > li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 1px;
  background: #d5d5d5;
}

@media only screen and (max-width: 767px) {
  /* line 1369, app/assets/stylesheets/application.scss */
  .results-list > li:before {
    left: 10px;
    right: 10px;
  }
}

/* line 1372, app/assets/stylesheets/application.scss */
.results-list a {
  color: #1c5c8a;
}

/* line 1374, app/assets/stylesheets/application.scss */
.results-list a:visited {
  color: #10404d;
}

/* line 1377, app/assets/stylesheets/application.scss */
.description-panel {
  margin: 50px 0 0;
  padding: 49px 0 0;
  border-top: 1px solid #d5d5d5;
}

/* line 1381, app/assets/stylesheets/application.scss */
.description-panel.bd {
  border-top: none !important;
  margin: 0 0 50px !important;
  padding: 0 0 50px !important;
  border-bottom: 1px solid #d5d5d5 !important;
}

/* line 1386, app/assets/stylesheets/application.scss */
.description-panel.bd.bdn {
  border-bottom: none !important;
}

/* line 1388, app/assets/stylesheets/application.scss */
.description-panel.bd.bdn2 {
  margin-bottom: 0 !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* line 1392, app/assets/stylesheets/application.scss */
.description-panel.bd:last-child {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* line 1395, app/assets/stylesheets/application.scss */
.description-panel:after {
  content: '';
  clear: both;
  display: block;
}

/* line 1399, app/assets/stylesheets/application.scss */
.description-panel h2 {
  float: left;
  width: 260px;
  width: 360px;
  font-size: 40px;
  line-height: 1;
  margin: 0 90px 0 0;
}

/* line 1406, app/assets/stylesheets/application.scss */
.description-panel h2.style {
  font-size: 50px;
  font-weight: bold;
}

/* line 1409, app/assets/stylesheets/application.scss */
.description-panel small {
  display: block;
  font-size: 16px;
  color: #4f4f4f;
  margin: 0 0 10px;
}

/* line 1414, app/assets/stylesheets/application.scss */
.description-panel p span {
  display: block;
  font-size: 24px;
  line-height: 1.88;
}

/* line 1418, app/assets/stylesheets/application.scss */
.description-panel .content {
  overflow: hidden;
}

@media only screen and (max-width: 1023px) {
  /* line 1421, app/assets/stylesheets/application.scss */
  .description-panel h2 {
    width: 30%;
    min-width: 230px;
    margin-right: 50px;
  }
  /* line 1425, app/assets/stylesheets/application.scss */
  .description-panel.style3 h2 {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 1431, app/assets/stylesheets/application.scss */
  .description-panel h2 {
    float: none;
    width: auto;
    min-width: 0;
    font-size: 28px;
    line-height: 1;
    margin: 0 0 20px;
  }
}

/* line 1438, app/assets/stylesheets/application.scss */
.description-panel.download h2 {
  width: 100%;
  margin-bottom: 50px;
}

/* line 1441, app/assets/stylesheets/application.scss */
.description-panel.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
  /* line 1452, app/assets/stylesheets/application.scss */
  .description-panel.list {
    display: block;
  }
}

/* line 1454, app/assets/stylesheets/application.scss */
.description-panel.style2 p {
  margin: 0 0 10px;
}

/* line 1456, app/assets/stylesheets/application.scss */
.description-panel .description-holder {
  width: 380px;
}

/* line 1458, app/assets/stylesheets/application.scss */
.description-panel .description-holder h2 {
  float: none;
  display: block;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  /* line 1463, app/assets/stylesheets/application.scss */
  .description-panel .description-holder {
    margin-bottom: 20px;
  }
}

/* line 1465, app/assets/stylesheets/application.scss */
.description-panel .panel-list {
  padding: 0;
  margin: 0 -30px 0 0;
  list-style: none;
  letter-spacing: -6px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

/* line 1473, app/assets/stylesheets/application.scss */
.description-panel .panel-list li {
  letter-spacing: 0;
  width: 50%;
  vertical-align: top;
  padding: 0 30px;
  display: inline-block;
}

/* line 1479, app/assets/stylesheets/application.scss */
.description-panel .panel-list a {
  display: inline-block;
  text-decoration: underline;
  font-size: 20px;
  line-height: 1.5;
  color: #044b7f;
  padding-left: 25px;
  position: relative;
}

/* line 1487, app/assets/stylesheets/application.scss */
.description-panel .panel-list a:hover {
  text-decoration: none;
}

/* line 1489, app/assets/stylesheets/application.scss */
.description-panel .panel-list a:after {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4f4f4f;
}

@media only screen and (max-width: 767px) {
  /* line 1499, app/assets/stylesheets/application.scss */
  .description-panel .panel-list li {
    display: block;
    width: 100%;
  }
}

/* line 1502, app/assets/stylesheets/application.scss */
.description-panel .description-list {
  margin-top: 0;
}

/* line 1505, app/assets/stylesheets/application.scss */
.info-section .description-panel {
  margin: 0;
  padding: 50px 0 20px;
}

/* line 1508, app/assets/stylesheets/application.scss */
.info-section .description-panel:first-child {
  border: none;
}

/* line 1511, app/assets/stylesheets/application.scss */
.download-list {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}

/* line 1518, app/assets/stylesheets/application.scss */
.download-list > li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 15px;
  font-size: 14px;
  margin: 0 0 30px;
  line-height: 1.43;
  letter-spacing: 0;
}

@media only screen and (max-width: 1023px) {
  /* line 1528, app/assets/stylesheets/application.scss */
  .download-list > li {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  /* line 1531, app/assets/stylesheets/application.scss */
  .download-list > li {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  /* line 1535, app/assets/stylesheets/application.scss */
  .download-list > li {
    width: auto;
    display: block;
    margin-bottom: 15px;
  }
}

/* line 1539, app/assets/stylesheets/application.scss */
.download-list a {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  min-height: 140px;
  background: #fff;
  position: relative;
  border-radius: 8px;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* line 1562, app/assets/stylesheets/application.scss */
.download-list a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -10;
  background: #999;
  border-radius: 8px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* line 1576, app/assets/stylesheets/application.scss */
.download-list a:hover {
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.1);
}

/* line 1582, app/assets/stylesheets/application.scss */
.download-list a:hover:after {
  opacity: .1;
}

@media only screen and (max-width: 479px) {
  /* line 1585, app/assets/stylesheets/application.scss */
  .download-list a {
    padding: 15px;
  }
}

/* line 1587, app/assets/stylesheets/application.scss */
.download-list .year {
  display: block;
  line-height: 1;
  font-size: 25px;
  font-weight: bold;
}

/* line 1592, app/assets/stylesheets/application.scss */
.download-list .year.medium {
  font-weight: 500;
}

/* line 1594, app/assets/stylesheets/application.scss */
.download-list .info {
  display: block;
  color: #b2b2b2;
  font-weight: 500;
}

/* line 1598, app/assets/stylesheets/application.scss */
.download-list .ico {
  position: absolute;
  right: 20px;
  bottom: 18px;
}

@media only screen and (max-width: 479px) {
  /* line 1603, app/assets/stylesheets/application.scss */
  .download-list .ico {
    right: 15px;
    bottom: 13px;
  }
}

/* line 1606, app/assets/stylesheets/application.scss */
.download-list .ico img {
  width: 40px;
  display: block;
}

/* line 1609, app/assets/stylesheets/application.scss */
.download-list.big > li {
  width: 33.3%;
}

@media only screen and (max-width: 767px) {
  /* line 1612, app/assets/stylesheets/application.scss */
  .download-list.big > li {
    display: block;
    width: 100%;
  }
}

/* line 1615, app/assets/stylesheets/application.scss */
.download-list.big2 > li {
  width: 50%;
}

@media only screen and (max-width: 767px) {
  /* line 1618, app/assets/stylesheets/application.scss */
  .download-list.big2 > li {
    display: block;
    width: 100%;
  }
}

/* line 1621, app/assets/stylesheets/application.scss */
.download-list.type2 > li {
  width: 33.3%;
}

/* line 1623, app/assets/stylesheets/application.scss */
.download-list.type2 .title .text {
  font-size: 25px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}

/* line 1629, app/assets/stylesheets/application.scss */
.download-list.type2 .title .ico-flag {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}

/* line 1634, app/assets/stylesheets/application.scss */
.download-list.type2 .title .ico-flag img {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 1638, app/assets/stylesheets/application.scss */
  .download-list.type2 > li {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  /* line 1641, app/assets/stylesheets/application.scss */
  .download-list.type2 > li {
    width: 100%;
  }
}

/* line 1644, app/assets/stylesheets/application.scss */
.numbers-section .description-panel {
  border-bottom: 1px solid #d5d5d5 !important;
  padding-bottom: 50px !important;
  margin-bottom: 50px !important;
  border-top: none !important;
}

/* line 1649, app/assets/stylesheets/application.scss */
.numbers-section .description-panel:last-child {
  border-bottom: none !important;
}

/* line 1651, app/assets/stylesheets/application.scss */
.numbers-section .description-panel:first-child {
  border-bottom: 1px solid #d5d5d5 !important;
}

/* line 1653, app/assets/stylesheets/application.scss */
.numbers-section .description-panel h2 {
  font-size: 50px;
  font-weight: bold;
  width: 300px;
}

@media only screen and (max-width: 767px) {
  /* line 1659, app/assets/stylesheets/application.scss */
  .numbers-section .description-panel h2 {
    width: 100%;
  }
}

/* line 1662, app/assets/stylesheets/application.scss */
.numbers-list {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  letter-spacing: -6px;
}

/* line 1667, app/assets/stylesheets/application.scss */
.numbers-list li {
  letter-spacing: 0;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
}

/* line 1673, app/assets/stylesheets/application.scss */
.numbers-list .cont {
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px 0 #B3B3B3;
  box-shadow: 0 0 10px 0 #B3B3B3;
  padding: 30px 20px;
  text-align: center;
}

/* line 1680, app/assets/stylesheets/application.scss */
.numbers-list .title {
  display: block;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2;
}

/* line 1685, app/assets/stylesheets/application.scss */
.numbers-list .title-text {
  display: block;
  text-align: center;
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 1.39;
}

/* line 1691, app/assets/stylesheets/application.scss */
.numbers-list .line-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 1695, app/assets/stylesheets/application.scss */
.numbers-list .line-box .box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  line-height: 1;
}

/* line 1708, app/assets/stylesheets/application.scss */
.numbers-list .line-box .box:first-child {
  border-right: 1px solid #d5d5d5;
}

/* line 1710, app/assets/stylesheets/application.scss */
.numbers-list .num {
  display: block;
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
}

/* line 1715, app/assets/stylesheets/application.scss */
.numbers-list .num-text {
  font-size: 18px;
  line-height: 1.11;
}

@media only screen and (max-width: 1023px) {
  /* line 1719, app/assets/stylesheets/application.scss */
  .numbers-list li {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 1724, app/assets/stylesheets/application.scss */
  .numbers-list .line-box {
    display: block;
  }
  /* line 1726, app/assets/stylesheets/application.scss */
  .numbers-list .line-box .box {
    border: none !important;
    margin-bottom: 20px;
  }
}

/* line 1730, app/assets/stylesheets/application.scss */
.section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

/* line 1737, app/assets/stylesheets/application.scss */
.section-title .info-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 380px;
  flex: 0 0 380px;
}

/* line 1741, app/assets/stylesheets/application.scss */
.section-title h2 {
  font-size: 50px;
  font-weight: bold;
}

/* line 1744, app/assets/stylesheets/application.scss */
.section-title .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* line 1748, app/assets/stylesheets/application.scss */
.section-title .links-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 1752, app/assets/stylesheets/application.scss */
.section-title .links-list li {
  position: relative;
  padding-left: 25px;
}

/* line 1755, app/assets/stylesheets/application.scss */
.section-title .links-list li:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #000;
  border-radius: 50%;
}

/* line 1765, app/assets/stylesheets/application.scss */
.section-title .links-list a {
  font-size: 18px;
  line-height: 1.67;
  display: inline-block;
  color: #044b7f;
}

@media only screen and (max-width: 767px) {
  /* line 1771, app/assets/stylesheets/application.scss */
  .section-title {
    display: block;
  }
  /* line 1773, app/assets/stylesheets/application.scss */
  .section-title .info-title {
    margin-bottom: 30px;
  }
}

/* line 1776, app/assets/stylesheets/application.scss */
.quastion-section {
  padding: 50px 0;
}

/* line 1778, app/assets/stylesheets/application.scss */
.quastion-section .description-panel {
  border-top: none !important;
}

/* line 1781, app/assets/stylesheets/application.scss */
.text-list {
  padding: 0;
  list-style: none;
  margin: 0 -15px 40px;
  letter-spacing: -6px;
}

/* line 1786, app/assets/stylesheets/application.scss */
.text-list li {
  width: 50%;
  letter-spacing: 0;
  vertical-align: top;
  padding: 0 15px 20px;
  display: inline-block;
}

/* line 1792, app/assets/stylesheets/application.scss */
.text-list li:first-child h2, .text-list li:first-child + li h2 {
  padding-top: 0;
  border-top: none;
}

/* line 1795, app/assets/stylesheets/application.scss */
.text-list h2 {
  font-size: 40px;
  margin: 0 0 30px;
  padding: 49px 0 0;
  border-top: 1px solid #d5d5d5;
}

/* line 1800, app/assets/stylesheets/application.scss */
.text-list .cont {
  border-top: 1px solid #d5d5d5;
  padding-top: 50px;
}

/* line 1803, app/assets/stylesheets/application.scss */
.text-list.style2 {
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  /* line 1806, app/assets/stylesheets/application.scss */
  .text-list li {
    display: block;
    width: 100%;
  }
  /* line 1809, app/assets/stylesheets/application.scss */
  .text-list li:first-child + li h2 {
    padding-top: 49px;
    border-top: 1px solid #d5d5d5;
  }
  /* line 1812, app/assets/stylesheets/application.scss */
  .text-list h2 {
    font-size: 30px;
  }
}

/* line 1815, app/assets/stylesheets/application.scss */
.item-section {
  padding: 50px 0;
}

/* line 1817, app/assets/stylesheets/application.scss */
.item-section .item-holder .content {
  -webkit-columns: 2;
  columns: 2;
}

/* line 1820, app/assets/stylesheets/application.scss */
.item-section .item-holder .info-holder {
  float: left;
  width: 150px;
}

/* line 1823, app/assets/stylesheets/application.scss */
.item-section .item-holder .info-holder .img img {
  max-width: 100%;
}

/* line 1825, app/assets/stylesheets/application.scss */
.item-section .item-holder .info-holder .text {
  font-size: 20px;
  display: block;
  font-weight: bold;
  line-height: 1.5;
}

/* line 1830, app/assets/stylesheets/application.scss */
.item-section .item-holder .info-holder a {
  display: inline-block;
  font-size: 16px;
  line-height: 1.88;
  color: #044b7f;
}

/* line 1835, app/assets/stylesheets/application.scss */
.item-section .item-holder .content {
  padding-left: 50px;
}

/* line 1837, app/assets/stylesheets/application.scss */
.item-section .description-panel h2 {
  width: 300px;
}

@media only screen and (max-width: 1023px) {
  /* line 1840, app/assets/stylesheets/application.scss */
  .item-section .item-holder .info-holder {
    float: none;
    margin-bottom: 30px;
    width: 100%;
  }
  /* line 1844, app/assets/stylesheets/application.scss */
  .item-section .item-holder .img {
    display: inline-block;
    vertical-align: top;
  }
  /* line 1847, app/assets/stylesheets/application.scss */
  .item-section .item-holder .content {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  /* line 1850, app/assets/stylesheets/application.scss */
  .item-section .item-holder .content {
    -webkit-columns: 1;
    columns: 1;
  }
}

/* line 1854, app/assets/stylesheets/application.scss */
.app-section {
  padding: 50px 0;
}

/* line 1856, app/assets/stylesheets/application.scss */
.app-section .section-title {
  margin: 0 auto 50px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
  padding-bottom: 50px;
  border-bottom: 1px solid #d5d5d5;
  display: block;
}

/* line 1864, app/assets/stylesheets/application.scss */
.app-section .section-title p {
  max-width: 995px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 1.25;
  width: 100%;
  float: none;
  font-weight: 500;
}

/* line 1872, app/assets/stylesheets/application.scss */
.app-section .section-title.bdn {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 1875, app/assets/stylesheets/application.scss */
.app-section .description-panel.style {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media only screen and (max-width: 767px) {
  /* line 1880, app/assets/stylesheets/application.scss */
  .app-section {
    padding-top: 0px;
  }
  /* line 1884, app/assets/stylesheets/application.scss */
  .app-section .section-title p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 1890, app/assets/stylesheets/application.scss */
  .app-section {
    padding-top: 0px;
  }
}

/* line 1895, app/assets/stylesheets/application.scss */
.form-text-list {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  counter-reset: item;
  letter-spacing: -6px;
}

/* line 1901, app/assets/stylesheets/application.scss */
.form-text-list li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 50%;
  padding: 0 15px;
}

/* line 1907, app/assets/stylesheets/application.scss */
.form-text-list li:first-child .cont:after,
.form-text-list li:first-child + li .cont:after,
.form-text-list li:first-child + li + li .cont:after,
.form-text-list li:first-child + li + li + li .cont:after,
.form-text-list li:first-child + li + li + li + li .cont:after,
.form-text-list li:first-child + li + li + li + li + li .cont:after,
.form-text-list li:first-child + li + li + li + li + li + li .cont:after,
.form-text-list li:first-child + li + li + li + li + li + li + li .cont:after,
.form-text-list li:first-child + li + li + li + li + li + li + li + li .cont:after {
  content: "0" counters(item, ".");
  counter-increment: item;
}

/* line 1918, app/assets/stylesheets/application.scss */
.form-text-list .cont {
  position: relative;
  padding-left: 86px;
  border-top: 1px solid #d5d5d5;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* line 1924, app/assets/stylesheets/application.scss */
.form-text-list .cont:after {
  content: counters(item, ".") "";
  counter-increment: item;
  top: 28px;
  left: 0;
  position: absolute;
  font-size: 16px;
  line-height: 1.88;
  font-weight: bold;
  color: #4f4f4f;
}

@media only screen and (max-width: 767px) {
  /* line 1935, app/assets/stylesheets/application.scss */
  .form-text-list li {
    display: block;
    width: 100%;
  }
  /* line 1938, app/assets/stylesheets/application.scss */
  .form-text-list .cont {
    padding-left: 30px;
  }
}

/* line 1941, app/assets/stylesheets/application.scss */
.grants-list {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #d5d5d5;
}

/* line 1946, app/assets/stylesheets/application.scss */
.grants-list li {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-top: 1px solid #d5d5d5;
}

/* line 1958, app/assets/stylesheets/application.scss */
.grants-list li:first-child {
  border-top: none;
}

/* line 1960, app/assets/stylesheets/application.scss */
.grants-list li.style .holder-cont {
  margin-bottom: 50px;
}

/* line 1962, app/assets/stylesheets/application.scss */
.grants-list li.style .holder-cont:last-child {
  margin-bottom: 0;
}

/* line 1964, app/assets/stylesheets/application.scss */
.grants-list .holder-cont {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}

/* line 1975, app/assets/stylesheets/application.scss */
.grants-list .year {
  max-width: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  margin-right: 122px;
}

/* line 1981, app/assets/stylesheets/application.scss */
.grants-list .icons-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  margin-right: 50px;
}

/* line 1992, app/assets/stylesheets/application.scss */
.grants-list .icons-box .icon {
  width: 33.3%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.3%;
  overflow: hidden;
  padding: 0 2px;
}

/* line 1999, app/assets/stylesheets/application.scss */
.grants-list .icons-box .icon img {
  max-width: 100%;
  border-radius: 50%;
}

/* line 2002, app/assets/stylesheets/application.scss */
.grants-list .content p:last-child {
  margin-bottom: 0;
}

/* line 2004, app/assets/stylesheets/application.scss */
.grants-list .full-box {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

@media only screen and (max-width: 1023px) {
  /* line 2009, app/assets/stylesheets/application.scss */
  .grants-list li {
    display: block;
  }
  /* line 2011, app/assets/stylesheets/application.scss */
  .grants-list .year {
    margin-bottom: 20px;
    margin-right: 0;
    display: block;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 2017, app/assets/stylesheets/application.scss */
  .grants-list .icons-box {
    margin-right: 0;
    margin-bottom: 30px;
  }
  /* line 2020, app/assets/stylesheets/application.scss */
  .grants-list .holder-cont {
    display: block;
  }
}

/* line 2023, app/assets/stylesheets/application.scss */
.popup-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9000;
}

/* line 2029, app/assets/stylesheets/application.scss */
.popup-holder .bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  filter: alpha(opacity=75);
  opacity: .75;
  width: 100% !important;
  height: 100% !important;
}

/* line 2041, app/assets/stylesheets/application.scss */
.popup {
  position: absolute;
  max-width: 1000px;
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 2049, app/assets/stylesheets/application.scss */
.popup .close-popup {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 10;
  width: 24px;
  height: 24px;
}

/* line 2056, app/assets/stylesheets/application.scss */
.popup .close-popup:after, .popup .close-popup:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 1px;
  background: #000;
  margin-left: -12px;
}

/* line 2065, app/assets/stylesheets/application.scss */
.popup .close-popup:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 2069, app/assets/stylesheets/application.scss */
.popup .close-popup:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 2073, app/assets/stylesheets/application.scss */
.popup .title-modal {
  display: block;
  margin: 0 0 30px;
  font-size: 50px;
  line-height: 1.1;
  font-weight: bold;
}

/* line 2079, app/assets/stylesheets/application.scss */
.popup .content {
  padding: 0 50px;
  font-size: 20px;
  line-height: 1.5;
}

/* line 2083, app/assets/stylesheets/application.scss */
.popup .content p {
  margin: 0 0 20px;
}

/* line 2085, app/assets/stylesheets/application.scss */
.popup .title-modal2 {
  font-size: 40px;
  font-weight: bold;
  left: -2px;
  line-height: 1;
}

/* line 2090, app/assets/stylesheets/application.scss */
.popup .content img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  /* line 2095, app/assets/stylesheets/application.scss */
  .popup .img-holder {
    height: 300px;
  }
  /* line 2097, app/assets/stylesheets/application.scss */
  .popup .content {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 2100, app/assets/stylesheets/application.scss */
  .popup .title-modal {
    font-size: 30px;
  }
  /* line 2103, app/assets/stylesheets/application.scss */
  .popup .content {
    font-size: 16px;
  }
}

/* line 2106, app/assets/stylesheets/application.scss */
.item-modal {
  padding-bottom: 100px;
}

/* line 2108, app/assets/stylesheets/application.scss */
.item-modal .img-holder {
  height: 450px;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 0 0 30px;
  width: 100%;
}

/* line 2116, app/assets/stylesheets/application.scss */
.info-modal {
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
  padding-bottom: 100px;
}

/* line 2121, app/assets/stylesheets/application.scss */
.info-modal .img-holder {
  height: 179px;
  background-size: cover;
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin: 0 0 50px;
  width: 100%;
}

/* line 2128, app/assets/stylesheets/application.scss */
.info-modal .site-link {
  margin: 0 0 10px;
}

/* line 2130, app/assets/stylesheets/application.scss */
.info-modal .site-link a {
  display: inline-block;
  color: #044b7f;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

/* line 2136, app/assets/stylesheets/application.scss */
.info-modal .info-text {
  display: block;
  color: #4f4f4f;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 30px;
}

/* line 2144, app/assets/stylesheets/application.scss */
.info-slider .slide-item img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 2149, app/assets/stylesheets/application.scss */
.info-slider-nav {
  margin-bottom: 30px;
}

/* line 2151, app/assets/stylesheets/application.scss */
.info-slider-nav .slide-item {
  border: 3px solid transparent;
  height: 100px;
}

/* line 2154, app/assets/stylesheets/application.scss */
.info-slider-nav .slide-item.slick-current {
  border-color: #fcd600;
}

/* line 2156, app/assets/stylesheets/application.scss */
.info-slider-nav .slide-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 2162, app/assets/stylesheets/application.scss */
.map-section {
  padding: 30px 0;
}

/* line 2164, app/assets/stylesheets/application.scss */
.map-section .section-title {
  margin: 0 auto 50px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
  padding-bottom: 50px;
  border-bottom: 1px solid #d5d5d5;
  display: block;
}

/* line 2172, app/assets/stylesheets/application.scss */
.map-section .section-title p {
  max-width: 995px;
  margin: 0 auto;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500;
  width: 100%;
  float: none;
}

/* line 2180, app/assets/stylesheets/application.scss */
.map-section .section-title.bdn {
  border-bottom: none;
  padding-bottom: 0;
}

/* line 2183, app/assets/stylesheets/application.scss */
.map-section .map {
  margin-bottom: 50px;
}

/* line 2185, app/assets/stylesheets/application.scss */
.map-section .map img {
  max-width: 100%;
}

/* line 2187, app/assets/stylesheets/application.scss */
.map-section .info-text {
  font-size: 15px;
  line-height: 1.33;
  margin-bottom: 50px;
}

/* line 2191, app/assets/stylesheets/application.scss */
.map-section .info-text .map-info-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
}

/* line 2195, app/assets/stylesheets/application.scss */
.map-section .info-text p {
  margin: 0 0 16px;
}

/* line 2197, app/assets/stylesheets/application.scss */
.map-section .info-text p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  /* line 2200, app/assets/stylesheets/application.scss */
  .map-section .section-title p {
    font-size: 18px;
  }
}

/* line 2203, app/assets/stylesheets/application.scss */
.addres-list {
  padding: 0;
  margin: 0 -20px;
  list-style: none;
  letter-spacing: -6px;
}

/* line 2208, app/assets/stylesheets/application.scss */
.pagination {
  letter-spacing: initial !important;
}

/* line 2211, app/assets/stylesheets/application.scss */
.addres-list li {
  display: block;
  vertical-align: top;
  padding: 0 20px;
  letter-spacing: 0;
  margin-bottom: 40px;
}

/* line 2218, app/assets/stylesheets/application.scss */
.addres-list .title {
  display: block;
  font-size: 18px;
  line-height: 1.39;
  font-weight: 500;
}

/* line 2223, app/assets/stylesheets/application.scss */
.addres-list .text {
  color: #4f4f4f;
  font-size: 16px;
}

/*@media only screen and (max-width: 1023px) {
    .addres-list li {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .addres-list li {
      display: block;
      width: 100%; } }*/
/* line 2234, app/assets/stylesheets/application.scss */
.select-holder {
  background: #fff;
  -webkit-box-shadow: inset 0 -1px 0 0 #d5d5d5;
  box-shadow: inset 0 -1px 0 0 #d5d5d5;
  margin-bottom: 50px;
}

/* line 2239, app/assets/stylesheets/application.scss */
.select-holder select {
  background-color: transparent;
  border: none;
  height: 60px;
  line-height: 60px;
  width: 100%;
  padding: 0 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}

/* line 2250, app/assets/stylesheets/application.scss */
.map-marks-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

/* line 2261, app/assets/stylesheets/application.scss */
.map-marks-list li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 20px;
}

/* line 2277, app/assets/stylesheets/application.scss */
.map-marks-list .text {
  display: block;
  font-size: 15px;
  line-height: 1.33;
  width: 100%;
}

/* line 2282, app/assets/stylesheets/application.scss */
.map-marks-list .point {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #f7f7f7;
  position: absolute;
  top: auto;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
}

@media only screen and (max-width: 767px) {
  /* line 2294, app/assets/stylesheets/application.scss */
  .map-marks-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 2297, app/assets/stylesheets/application.scss */
  .map-marks-list li {
    width: 50%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin-bottom: 20px;
  }
}

/* line 2304, app/assets/stylesheets/application.scss */
.helpfull-text {
  padding-top: 50px;
}

/* line 2306, app/assets/stylesheets/application.scss */
.helpfull-text p {
  margin: 0 0 20px;
  color: #4f4f4f;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
}

/* line 2313, app/assets/stylesheets/application.scss */
.doctors-description {
  background: #fff;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
}

/* line 2320, app/assets/stylesheets/application.scss */
.doctors-description:last-child {
  margin-bottom: 0;
}

/* line 2322, app/assets/stylesheets/application.scss */
.doctors-description .info-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 248px;
  flex: 0 0 248px;
  width: 248px;
  border-right: 1px solid #d5d5d5;
}

/* line 2328, app/assets/stylesheets/application.scss */
.doctors-description .info-box .title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  margin: 0 0 10px;
}

/* line 2334, app/assets/stylesheets/application.scss */
.doctors-description .info-box .text {
  display: block;
  color: #4f4f4f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
}

/* line 2340, app/assets/stylesheets/application.scss */
.doctors-description .info-box .num {
  display: block;
  font-size: 64px;
  line-height: 1.25;
  font-weight: bold;
}

/* line 2345, app/assets/stylesheets/application.scss */
.doctors-description .cont {
  overflow: hidden;
  padding-left: 29px;
  text-decoration: none;
}

/* line 2349, app/assets/stylesheets/application.scss */
.doctors-description .cont .title {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.14;
  margin: 0 0 10px;
}

/* line 2355, app/assets/stylesheets/application.scss */
.doctors-description .cont .text {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  /* line 2361, app/assets/stylesheets/application.scss */
  .doctors-description {
    display: block;
  }
  /* line 2363, app/assets/stylesheets/application.scss */
  .doctors-description .info-box {
    border-right: none;
    margin-bottom: 10px;
  }
  /* line 2366, app/assets/stylesheets/application.scss */
  .doctors-description .cont {
    padding-left: 0;
  }
  /* line 2368, app/assets/stylesheets/application.scss */
  .doctors-description .cont .title {
    font-size: 18px;
  }
}

/* line 2371, app/assets/stylesheets/application.scss */
.doctors-list {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  letter-spacing: -6px;
}

/* line 2376, app/assets/stylesheets/application.scss */
.doctors-list li {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  letter-spacing: 0;
  padding: 0 15px;
  margin-bottom: 50px;
}

/* line 2383, app/assets/stylesheets/application.scss */
.doctors-list .cont {
  display: block;
  text-decoration: none;
}

/* line 2386, app/assets/stylesheets/application.scss */
.doctors-list .img {
  height: 230px;
  margin-bottom: 10px;
}

/* line 2389, app/assets/stylesheets/application.scss */
.doctors-list .img img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* line 2394, app/assets/stylesheets/application.scss */
.doctors-list .title {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.14;
  margin: 0 0 10px;
}

/* line 2400, app/assets/stylesheets/application.scss */
.doctors-list .text {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

@media only screen and (max-width: 1023px) {
  /* line 2406, app/assets/stylesheets/application.scss */
  .doctors-list li {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 2409, app/assets/stylesheets/application.scss */
  .doctors-list li {
    display: block;
    width: 100%;
  }
}

/* line 2413, app/assets/stylesheets/application.scss */
.center-btn {
  padding-top: 50px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  /* line 2417, app/assets/stylesheets/application.scss */
  .center-btn {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 2420, app/assets/stylesheets/application.scss */
  .center-btn {
    padding-top: 10px;
  }
}

/* line 2423, app/assets/stylesheets/application.scss */
.content-section .visual.with-shadow {
  z-index: 10;
  overflow: visible;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 2429, app/assets/stylesheets/application.scss */
.content-section .visual.with-shadow .shadow {
  position: absolute;
  z-index: -10;
  top: 16.65%;
  left: 7.5%;
  right: 7.5%;
  bottom: -2%;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  border-radius: 7px;
}

/* line 2440, app/assets/stylesheets/application.scss */
.description-section {
  padding: 50px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.33;
  color: #4f4f4f;
}

/* line 2446, app/assets/stylesheets/application.scss */
.description-section p {
  margin: 0 0 10px;
}

/* line 2449, app/assets/stylesheets/application.scss */
.visual-box {
  padding-bottom: 50px;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 50px;
}

/* line 2453, app/assets/stylesheets/application.scss */
.visual-box .img-holder {
  float: left;
  max-width: 585px;
  position: relative;
  margin-right: 30px;
}

/* line 2458, app/assets/stylesheets/application.scss */
.visual-box .img-holder img {
  display: block;
  max-width: 100%;
}

/* line 2461, app/assets/stylesheets/application.scss */
.visual-box .img-holder .shadow {
  position: absolute;
  top: 18.5%;
  left: 15.5%;
  right: 15.5%;
  bottom: 1.5%;
  z-index: -10;
  border-radius: 8px;
  -webkit-filter: blur(13.6px);
  filter: blur(13.6px);
  background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1023px) {
  /* line 2473, app/assets/stylesheets/application.scss */
  .visual-box .img-holder {
    margin-right: 0;
    margin-bottom: 30px;
    display: inline-block;
    float: none;
  }
}

/* line 2479, app/assets/stylesheets/application.scss */
#header {
  z-index: 1500;
  height: 150px;
  background: #fff;
  position: relative;
  padding: 40px 0 20px;
}

@media only screen and (max-width: 1279px) {
  /* line 2486, app/assets/stylesheets/application.scss */
  #header {
    height: 124px;
    padding: 32px 0 16px;
  }
}

/* line 2489, app/assets/stylesheets/application.scss */
#header:after {
  content: '';
  clear: both;
  display: block;
}

@media only screen and (max-width: 1023px) {
  /* line 2494, app/assets/stylesheets/application.scss */
  #header {
    height: auto;
    padding: 32px 0 34px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 2498, app/assets/stylesheets/application.scss */
  #header {
    background-color: transparent;
  }
}

@media only screen and (max-width: 374px) {
  /* line 2501, app/assets/stylesheets/application.scss */
  #header {
    padding: 15px 0 25px;
  }
}

/* line 2503, app/assets/stylesheets/application.scss */
#header.inner-page .burger {
  top: 3px;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 2509, app/assets/stylesheets/application.scss */
#header.inner-page .burger span,
#header.inner-page .burger span:after,
#header.inner-page .burger span:before {
  background: #9b9b9b;
}

@media only screen and (max-width: 1023px) {
  /* line 2514, app/assets/stylesheets/application.scss */
  #header.inner-page {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    height: 60px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
  /* line 2524, app/assets/stylesheets/application.scss */
  #header.inner-page .logo {
    display: none;
  }
}

@media only screen and (min-width: 1023px) {
  /* line 2528, app/assets/stylesheets/application.scss */
  #fixed-menu {
    position: fixed;
    z-index: 10000;
    width: 100%;
  }
}

/* line 2535, app/assets/stylesheets/application.scss */
.burger {
  display: none;
  position: absolute;
  top: 13px;
  right: 0;
  width: 56px;
  height: 56px;
  z-index: 25000;
  border-radius: 50%;
  background: #0b3c49;
  -webkit-box-shadow: 0 10px 10px -10px rgba(11, 60, 73, 0.5);
  box-shadow: 0 10px 10px -10px rgba(11, 60, 73, 0.5);
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 2550, app/assets/stylesheets/application.scss */
.burger span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 1px;
  background: #fff;
  margin: 0 0 0 -10px;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 2561, app/assets/stylesheets/application.scss */
.burger span:after, .burger span:before {
  content: '';
  position: absolute;
  left: 0;
  height: 1px;
  width: 24px;
  background: #fff;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 2571, app/assets/stylesheets/application.scss */
.burger span:after {
  top: -8px;
}

/* line 2573, app/assets/stylesheets/application.scss */
.burger span:before {
  bottom: -8px;
}

@media only screen and (max-width: 1023px) {
  /* line 2576, app/assets/stylesheets/application.scss */
  .burger {
    display: block;
  }
}

/* line 2579, app/assets/stylesheets/application.scss */
.social-media-buttons {
  padding: 10px;
  position: absolute;
  top: 5%;
  display: block;
  left: 10%;
}

/* line 2586, app/assets/stylesheets/application.scss */
.social-media-buttons #facebook {
  padding-right: 10px;
}

@media only screen and (orientation: portrait) {
  /* line 2591, app/assets/stylesheets/application.scss */
  .social-media-buttons {
    position: absolute;
    top: 20%;
    left: 1%;
  }
}

/* line 2598, app/assets/stylesheets/application.scss */
.logo {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 127px;
  height: 110px;
  margin: 0 0 0 -63px;
  z-index: 10;
}

@media only screen and (max-width: 1279px) {
  /* line 2607, app/assets/stylesheets/application.scss */
  .logo {
    top: 15px;
    width: 100px;
    height: 87px;
    margin-left: -50px;
  }
}

/* line 2612, app/assets/stylesheets/application.scss */
.logo a {
  height: 100%;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/logo-162fc4bbe9083807c8fa8ecd7cc9e7f8ffe7e0aa8987c8bea096799a46bcb254.svg) no-repeat;
  background-size: 100% 100%;
}

@media only screen and (max-width: 1023px) {
  /* line 2620, app/assets/stylesheets/application.scss */
  .logo {
    top: 32px;
    width: 168px;
    height: 94px;
    position: static;
    display: block;
    margin: 0 auto;
  }
  /* line 2627, app/assets/stylesheets/application.scss */
  .logo a {
    background-image: url(/assets/logo-mobile-920ab5b270bea2e028e8160e1da0bdfdf3897b03a85e021ab186ec5c98f50b63.svg);
  }
}

@media only screen and (max-width: 374px) {
  /* line 2630, app/assets/stylesheets/application.scss */
  .logo {
    width: 150px;
    height: 84px;
  }
}

/* line 2634, app/assets/stylesheets/application.scss */
.search-form {
  padding: 0;
  margin: 0 0 32px;
  max-width: 300px;
  width: calc(50% - 100px);
}

@media only screen and (max-width: 1279px) {
  /* line 2640, app/assets/stylesheets/application.scss */
  .search-form {
    margin-bottom: 24px;
    width: calc(50% - 5px);
  }
}

@media only screen and (max-width: 1023px) {
  /* line 2644, app/assets/stylesheets/application.scss */
  .search-form {
    display: none;
  }
}

/* line 2646, app/assets/stylesheets/application.scss */
.search-form fieldset {
  margin: 0;
  border: none;
  min-width: 0;
  position: relative;
  padding: 0 0 0 30px;
}

/* line 2652, app/assets/stylesheets/application.scss */
.search-form .btn-search {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/ico-search-3853b9d6534f06bf4906552afdfcf3e4b43043844af6091039209bbdaad7d3b4.svg) no-repeat;
  background-size: 100% 100%;
}

/* line 2664, app/assets/stylesheets/application.scss */
.search-form input.text {
  width: 100%;
  height: 20px;
  border: none;
  color: inherit;
  display: block;
  font-size: 15px;
  padding: 0 16px 0 0;
  font-family: inherit;
  background-color: transparent;
}

/* line 2674, app/assets/stylesheets/application.scss */
.search-form input.text::-webkit-input-placeholder {
  color: #7d7d7d;
  opacity: 1;
  text-transform: uppercase;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 2681, app/assets/stylesheets/application.scss */
.search-form input.text::-webkit-input-placeholder {
  color: #7d7d7d;
  opacity: 1;
  text-transform: uppercase;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 2688, app/assets/stylesheets/application.scss */
.search-form input.text:-moz-placeholder {
  color: #7d7d7d;
  opacity: 1;
  text-transform: uppercase;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 2695, app/assets/stylesheets/application.scss */
.search-form input.text::-moz-placeholder {
  color: #7d7d7d;
  opacity: 1;
  text-transform: uppercase;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 2702, app/assets/stylesheets/application.scss */
.search-form input.text:focus:focus::-webkit-input-placeholder {
  color: transparent;
}

/* line 2704, app/assets/stylesheets/application.scss */
.search-form input.text:focus:focus:-moz-placeholder {
  color: transparent;
}

/* line 2706, app/assets/stylesheets/application.scss */
.search-form input.text:focus:focus:-ms-input-placeholder {
  color: transparent;
}

/* line 2708, app/assets/stylesheets/application.scss */
.search-form input.text:focus:focus::-moz-placeholder {
  color: transparent;
}

/* line 2711, app/assets/stylesheets/application.scss */
#nav {
  width: 100%;
  position: relative;
}

/* line 2714, app/assets/stylesheets/application.scss */
#nav .logo {
  display: none;
  width: 217px;
  height: 40px;
  position: static;
  margin: 0 0 35px;
}

/* line 2720, app/assets/stylesheets/application.scss */
#nav .logo a {
  background-image: url(/assets/nax-logo-mobile-b0556012fc7c7abf80b06c2d77ca96a8af3b2e1758f542f3d4e3037a5e089fe1.svg);
}

/* line 2722, app/assets/stylesheets/application.scss */
#nav > .container > ul {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  list-style: none;
  text-align: right;
  letter-spacing: -4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 2734, app/assets/stylesheets/application.scss */
#nav > .container > ul:after {
  content: '';
  clear: both;
  display: block;
}

/* line 2738, app/assets/stylesheets/application.scss */
#nav > .container > ul > li {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  padding: 0 15px;
  font-size: 18px;
  text-align: left;
  line-height: 1.11;
  letter-spacing: 0;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1279px) {
  /* line 2751, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li {
    font-size: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 2754, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li:first-child,
#nav > .container > ul > li:first-child + li,
#nav > .container > ul > li:first-child + li + li {
    float: left;
  }
}

/* line 2758, app/assets/stylesheets/application.scss */
#nav > .container > ul > li > a, #nav > .container > ul > li > span {
  display: block;
  cursor: pointer;
  padding: 0 0 15px;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

@media only screen and (min-width: 1024px) {
  /* line 2767, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li > a:hover, #nav > .container > ul > li > span:hover {
    color: #fcd600;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 2773, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li.has-drop > a, #nav > .container > ul > li.has-drop > span {
    position: relative;
    padding-right: 15px;
  }
  /* line 2776, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li.has-drop > a:after, #nav > .container > ul > li.has-drop > span:after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    margin-top: 0;
    border-top: 5px solid #9b9b9b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 0 solid #9b9b9b;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 2790, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li.has-drop > a:after, #nav > .container > ul > li.has-drop > span:after {
    top: 6px;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 2793, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li.has-drop:hover > a, #nav > .container > ul > li.has-drop:hover > span {
    color: #fcd600;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
  }
  /* line 2798, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li.has-drop:hover > a:after, #nav > .container > ul > li.has-drop:hover > span:after {
    top: 100%;
    right: 50%;
    margin-top: -10px;
    border-top-width: 0;
    border-top-color: #fcd600;
    border-bottom-width: 10px;
    border-bottom-color: #fcd600;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
  }
  /* line 2809, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li.has-drop:hover > .drop {
    top: 100%;
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    -o-transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 2823, app/assets/stylesheets/application.scss */
  #nav .drop {
    position: absolute;
    opacity: 0;
    color: #333;
    top: -9999px;
    left: -9999px;
    right: 9999px;
    z-index: 1500;
    min-width: 180px;
    background: #fff;
    min-height: 320px;
    padding: 50px 0 20px;
    background: #fcd600;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0s ease .4s, opacity .4s ease, -webkit-transform .4s ease;
    transition: all 0s ease .4s, opacity .4s ease, -webkit-transform .4s ease;
    -o-transition: all 0s ease .4s, opacity .4s ease, transform .4s ease;
    transition: all 0s ease .4s, opacity .4s ease, transform .4s ease;
    transition: all 0s ease .4s, opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;
  }
  /* line 2850, app/assets/stylesheets/application.scss */
  #nav .drop:after {
    content: '';
    clear: both;
    display: block;
  }
  /* line 2854, app/assets/stylesheets/application.scss */
  #nav .drop .nav-item-info {
    float: right;
    width: 33.3%;
    margin: 0 0 0 100px;
    font-size: 18px;
    line-height: 1.4;
  }
  /* line 2860, app/assets/stylesheets/application.scss */
  #nav .drop .nav-item-info p {
    margin: 0 0 20px;
  }
  /* line 2862, app/assets/stylesheets/application.scss */
  #nav .drop h3 {
    font-size: 28px;
    line-height: 1.07;
    margin: 0 0 20px;
  }
  /* line 2866, app/assets/stylesheets/application.scss */
  #nav .drop-list {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    -webkit-columns: 2;
    columns: 2;
    font-size: 18px;
    line-height: 1.11;
  }
  /* line 2875, app/assets/stylesheets/application.scss */
  #nav .drop-list li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 30px;
  }
  /* line 2880, app/assets/stylesheets/application.scss */
  #nav .drop-list a {
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
  }
  /* line 2887, app/assets/stylesheets/application.scss */
  #nav .drop-list a:hover {
    color: #000;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 2893, app/assets/stylesheets/application.scss */
  #nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    color: #fff;
    z-index: 2000;
    overflow-y: auto;
    overflow-x: hidden;
    background: #0b3c49;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    padding: 36px 20px 20px;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: opacity .35s ease, border-radius .35s ease, -webkit-transform .35s ease;
    transition: opacity .35s ease, border-radius .35s ease, -webkit-transform .35s ease;
    -o-transition: opacity .35s ease, transform .35s ease, border-radius .35s ease;
    transition: opacity .35s ease, transform .35s ease, border-radius .35s ease;
    transition: opacity .35s ease, transform .35s ease, border-radius .35s ease, -webkit-transform .35s ease;
  }
  /* line 2918, app/assets/stylesheets/application.scss */
  #nav .logo {
    display: block !important;
  }
  /* line 2920, app/assets/stylesheets/application.scss */
  #nav .container {
    padding: 0;
    max-width: none;
  }
  /* line 2923, app/assets/stylesheets/application.scss */
  #nav .nav-item-info {
    display: none;
  }
  /* line 2925, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li {
    display: block;
    margin: 0 0 7px;
  }
  /* line 2928, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li.hide-on-tablet {
    display: none;
  }
  /* line 2930, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li > a, #nav > .container > ul > li > span {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.14;
    display: inline-block;
  }
  /* line 2935, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li > span {
    pointer-events: none;
  }
  /* line 2938, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li > a:after, #nav > .container > ul > li > span:after {
    display: none;
  }
  /* line 2940, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li:first-child .drop-list a {
    background: #fcd600;
    -webkit-box-shadow: 0 15px 15px -15px #fcd600;
    box-shadow: 0 15px 15px -15px #fcd600;
  }
  /* line 2944, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li:first-child + li .drop-list a {
    background: #95190c;
    -webkit-box-shadow: 0 15px 15px -15px #95190c;
    box-shadow: 0 15px 15px -15px #95190c;
  }
  /* line 2948, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li:first-child + li + li .drop-list a {
    background: #107e7d;
    -webkit-box-shadow: 0 15px 15px -15px #107e7d;
    box-shadow: 0 15px 15px -15px #107e7d;
  }
  /* line 2952, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li:first-child + li + li + li .drop-list a {
    background: #044b7f;
    -webkit-box-shadow: 0 15px 15px -15px #044b7f;
    box-shadow: 0 15px 15px -15px #044b7f;
  }
  /* line 2956, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li:first-child + li + li + li + li .drop-list a {
    background: #95190c;
    -webkit-box-shadow: 0 15px 15px -15px #95190c;
    box-shadow: 0 15px 15px -15px #95190c;
  }
  /* line 2960, app/assets/stylesheets/application.scss */
  #nav > .container > ul > li:first-child + li + li + li + li + li .drop-list a {
    background: #731963;
    -webkit-box-shadow: 0 15px 15px -15px #731963;
    box-shadow: 0 15px 15px -15px #731963;
  }
  /* line 2964, app/assets/stylesheets/application.scss */
  #nav .drop {
    margin: 0 -20px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 6px 20px 20px;
  }
  /* line 2969, app/assets/stylesheets/application.scss */
  #nav .drop-list {
    padding: 0;
    font-size: 0;
    margin: 0 -5px;
    line-height: 0;
    list-style: none;
    white-space: nowrap;
    letter-spacing: -4px;
  }
  /* line 2977, app/assets/stylesheets/application.scss */
  #nav .drop-list li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 1;
    margin: 0 5px;
    white-space: normal;
  }
  /* line 2985, app/assets/stylesheets/application.scss */
  #nav .drop-list a {
    width: 160px;
    display: block;
    min-height: 80px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    padding: 14px 40px 14px 12px;
  }
}

@media only screen and (max-width: 374px) {
  /* line 2994, app/assets/stylesheets/application.scss */
  #nav {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 2997, app/assets/stylesheets/application.scss */
  #nav .drop {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3004, app/assets/stylesheets/application.scss */
  .nav-open {
    overflow: hidden !important;
  }
  /* line 3006, app/assets/stylesheets/application.scss */
  .nav-open #nav {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    border-radius: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0s ease .35s, opacity .35s ease, border-radius .35s ease, -webkit-transform .35s ease;
    transition: all 0s ease .35s, opacity .35s ease, border-radius .35s ease, -webkit-transform .35s ease;
    -o-transition: all 0s ease .35s, opacity .35s ease, transform .35s ease, border-radius .35s ease;
    transition: all 0s ease .35s, opacity .35s ease, transform .35s ease, border-radius .35s ease;
    transition: all 0s ease .35s, opacity .35s ease, transform .35s ease, border-radius .35s ease, -webkit-transform .35s ease;
  }
  /* line 3021, app/assets/stylesheets/application.scss */
  .nav-open .burger {
    top: 28px !important;
    position: fixed;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 3027, app/assets/stylesheets/application.scss */
  .nav-open .burger span {
    background-color: transparent !important;
  }
  /* line 3029, app/assets/stylesheets/application.scss */
  .nav-open .burger span:after, .nav-open .burger span:before {
    left: -6px;
    width: 32px;
  }
  /* line 3032, app/assets/stylesheets/application.scss */
  .nav-open .burger span:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff !important;
  }
  /* line 3038, app/assets/stylesheets/application.scss */
  .nav-open .burger span:before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff !important;
  }
}

/* line 3045, app/assets/stylesheets/application.scss */
#footer {
  color: #979797;
  padding: 40px 0;
  background: #333;
  font-size: 14px;
  line-height: 1.15;
}

/* line 3051, app/assets/stylesheets/application.scss */
#footer .social-panel {
  float: right;
  margin: 0 0 0 30px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 3056, app/assets/stylesheets/application.scss */
  #footer .social-panel {
    float: none;
  }
}

/* line 3058, app/assets/stylesheets/application.scss */
#footer .social-panel-content {
  float: left;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  /* line 3062, app/assets/stylesheets/application.scss */
  #footer .social-panel-content {
    float: none;
  }
}

/* line 3064, app/assets/stylesheets/application.scss */
#footer .footer-additional-logo {
  position: absolute;
  left: -53px;
  bottom: -15px;
}

/* line 3068, app/assets/stylesheets/application.scss */
#footer .footer-additional-logo img {
  width: 44px;
  height: auto;
}

@media only screen and (max-width: 1023px) {
  /* line 3072, app/assets/stylesheets/application.scss */
  #footer .footer-additional-logo {
    position: relative;
    left: auto;
    bottom: auto;
    display: block;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3079, app/assets/stylesheets/application.scss */
  #footer .footer-additional-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

/* line 3084, app/assets/stylesheets/application.scss */
#footer .creator {
  width: 120px;
  height: 17px;
  overflow: hidden;
  text-align: left;
  vertical-align: top;
  text-indent: -9999px;
  display: inline-block;
  text-decoration: none;
  background: url(/assets/creator-128c8c429c9f7336b9dc485e6f44136b525945d3a9bc90a18875fcbe84e45d42.svg) no-repeat;
  background-size: 100% 100%;
}

@media only screen and (max-width: 767px) {
  /* line 3096, app/assets/stylesheets/application.scss */
  #footer .creator {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3101, app/assets/stylesheets/application.scss */
  #footer {
    font-size: 14px;
    line-height: 1.14;
    text-align: center;
    padding: 20px 0 19px;
  }
  /* line 3106, app/assets/stylesheets/application.scss */
  #footer .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* line 3110, app/assets/stylesheets/application.scss */
.footer-list {
  padding: 0;
  color: #fff;
  font-size: 0;
  line-height: 0;
  list-style: none;
  margin: 0 -7px 15px;
  letter-spacing: -4px;
}

/* line 3118, app/assets/stylesheets/application.scss */
.footer-list li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.2;
  padding: 0 7px;
}

/* line 3125, app/assets/stylesheets/application.scss */
.footer-list a {
  text-decoration: none;
}

/* line 3127, app/assets/stylesheets/application.scss */
.footer-list a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 767px) {
  /* line 3130, app/assets/stylesheets/application.scss */
  .footer-list {
    margin-bottom: 16px;
    text-align: center;
  }
}

/* line 3134, app/assets/stylesheets/application.scss */
.footer-inner:after {
  content: '';
  clear: both;
  display: block;
}

/* line 3139, app/assets/stylesheets/application.scss */
.copyright {
  float: left;
  width: 100%;
  display: block;
  max-width: 500px;
}

/* line 3144, app/assets/stylesheets/application.scss */
.copyright a {
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

/* line 3149, app/assets/stylesheets/application.scss */
.copyright a:hover {
  color: #fff;
  -webkit-transition: color .4s ease;
  -o-transition: color .4s ease;
  transition: color .4s ease;
}

@media only screen and (max-width: 767px) {
  /* line 3155, app/assets/stylesheets/application.scss */
  .copyright {
    float: none;
    max-width: none;
    margin: 0 0 20px;
    padding: 0 0 19px;
    position: relative;
  }
  /* line 3161, app/assets/stylesheets/application.scss */
  .copyright:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 40px;
    opacity: .4;
    background: #f0f0f0;
    margin: 0 0 0 -20px;
  }
}

/* line 3172, app/assets/stylesheets/application.scss */
.socials {
  padding: 0;
  float: left;
  font-size: 0;
  line-height: 0;
  list-style: none;
  letter-spacing: -4px;
  margin: 0 -5px 0 15px;
}

/* line 3180, app/assets/stylesheets/application.scss */
.socials li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 0 5px;
}

/* line 3185, app/assets/stylesheets/application.scss */
.socials a {
  display: block;
  width: 48px;
  height: 48px;
  opacity: .5;
  text-align: center;
  line-height: 48px;
  border-radius: 4px;
  border: 1px solid #fff;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

/* line 3197, app/assets/stylesheets/application.scss */
.socials a:hover {
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

/* line 3202, app/assets/stylesheets/application.scss */
.socials img {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

/* Used to be hidden below 1023px, which left a phone with no social links at
     all once they were taken out of the header. */
@media only screen and (max-width: 1023px) {
  /* line 3209, app/assets/stylesheets/application.scss */
  .socials {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
  }
  /* line 3217, app/assets/stylesheets/application.scss */
  .socials li {
    margin: 0;
  }
  /* line 3219, app/assets/stylesheets/application.scss */
  .socials img {
    width: 26px;
    height: 26px;
  }
}

/* line 3223, app/assets/stylesheets/application.scss */
.heroSlider {
  z-index: 10;
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 3227, app/assets/stylesheets/application.scss */
  .heroSlider {
    margin: 0 -20px 21px;
  }
  /* line 3229, app/assets/stylesheets/application.scss */
  .heroSlider .slick-list {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  /* line 3234, app/assets/stylesheets/application.scss */
  .heroSlider .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 374px) {
  /* line 3238, app/assets/stylesheets/application.scss */
  .heroSlider {
    margin-left: -10px;
    margin-right: -10px;
  }
  /* line 3241, app/assets/stylesheets/application.scss */
  .heroSlider .slick-list {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 3244, app/assets/stylesheets/application.scss */
.heroSlider:after {
  content: '';
  position: absolute;
  top: 0;
  z-index: -10;
  height: 131px;
  left: -1000px;
  right: -1000px;
  background: #fff;
}

@media only screen and (max-width: 1279px) {
  /* line 3254, app/assets/stylesheets/application.scss */
  .heroSlider:after {
    display: none;
  }
}

/* line 3256, app/assets/stylesheets/application.scss */
.heroSlider .slick-dots {
  position: absolute;
  top: 100%;
  left: 0;
  right: 50%;
  font-size: 0;
  line-height: 0;
  margin: 0 -5px;
  list-style: none;
  padding: 10px 0 0;
  text-align: center;
  letter-spacing: -4px;
}

@media only screen and (max-width: 1023px) {
  /* line 3269, app/assets/stylesheets/application.scss */
  .heroSlider .slick-dots {
    right: 55%;
  }
}

/* line 3271, app/assets/stylesheets/application.scss */
.heroSlider .slick-dots li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 0 5px;
}

/* line 3276, app/assets/stylesheets/application.scss */
.heroSlider .slick-dots button {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 4px;
  border: none;
  cursor: pointer;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ececec;
  text-indent: -9999px;
  -webkit-border-radius: 0;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 3293, app/assets/stylesheets/application.scss */
.heroSlider .slick-dots .slick-active button {
  background-color: #fcd600;
}

/* line 3296, app/assets/stylesheets/application.scss */
.hero-item {
  font-size: 18px;
  line-height: 1.39;
  position: relative;
}

@media only screen and (max-width: 1279px) {
  /* line 3301, app/assets/stylesheets/application.scss */
  .hero-item {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3304, app/assets/stylesheets/application.scss */
  .hero-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3307, app/assets/stylesheets/application.scss */
  .hero-item {
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 15px 15px -15px #ccc;
    box-shadow: 0 15px 15px -15px #ccc;
  }
}

@media only screen and (max-width: 374px) {
  /* line 3316, app/assets/stylesheets/application.scss */
  .hero-item {
    font-size: 14px;
  }
}

/* line 3318, app/assets/stylesheets/application.scss */
.hero-item .visual {
  position: relative;
}

/* line 3320, app/assets/stylesheets/application.scss */
.hero-item .visual .more {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 16px;
  font-size: 14px;
  line-height: 1.43;
  text-decoration: none;
  border-radius: 0 0 0 8px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 3335, app/assets/stylesheets/application.scss */
.hero-item .visual .more:hover {
  background: rgba(255, 255, 255, 0.75);
}

@media only screen and (max-width: 1279px) {
  /* line 3338, app/assets/stylesheets/application.scss */
  .hero-item .visual .more {
    padding: 10px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3342, app/assets/stylesheets/application.scss */
  .hero-item .visual .more {
    display: none;
  }
}

/* line 3344, app/assets/stylesheets/application.scss */
.hero-item .visual img {
  display: block;
  border-radius: 10px 10px 0px 0px;
  width: 100%;
}

@media only screen and (max-width: 479px) {
  /* line 3349, app/assets/stylesheets/application.scss */
  .hero-item .visual {
    height: 160px;
    position: relative;
    overflow: hidden;
  }
  /* line 3353, app/assets/stylesheets/application.scss */
  .hero-item .visual img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* line 3362, app/assets/stylesheets/application.scss */
.hero-item p {
  margin: 0 0 24px;
}

@media only screen and (max-width: 1279px) {
  /* line 3365, app/assets/stylesheets/application.scss */
  .hero-item p {
    margin-bottom: 22px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3368, app/assets/stylesheets/application.scss */
  .hero-item p {
    margin-bottom: 16px;
  }
}

/* line 3370, app/assets/stylesheets/application.scss */
.hero-item .content {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  z-index: 15;
  background: #fff;
  border-radius: 18px 0 0 0;
  padding: 40px 55px 25px 30px;
}

@media only screen and (max-width: 1279px) {
  /* line 3380, app/assets/stylesheets/application.scss */
  .hero-item .content {
    padding: 30px 20px 15px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3383, app/assets/stylesheets/application.scss */
  .hero-item .content {
    width: 55%;
    padding: 20px 15px 5px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3387, app/assets/stylesheets/application.scss */
  .hero-item .content {
    width: auto;
    position: static;
    padding: 20px 16px 16px;
  }
}

/* line 3391, app/assets/stylesheets/application.scss */
.hero-item .content .more {
  color: #1c5c8a;
}

@media only screen and (max-width: 767px) {
  /* line 3394, app/assets/stylesheets/application.scss */
  .hero-item .content .more {
    color: #333;
    font-size: 16px;
    line-height: 1;
    display: block;
    max-width: 320px;
    background: none;
    padding: 11px 41px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #333;
  }
  /* line 3406, app/assets/stylesheets/application.scss */
  .hero-item .content .more:hover {
    color: #fff;
    background: #333;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3410, app/assets/stylesheets/application.scss */
  .hero-item h2 {
    font-size: 22px;
    margin: 0 0 8px;
    line-height: 1.09;
  }
}

/* line 3415, app/assets/stylesheets/application.scss */
.search-section .section-inner {
  padding-top: 30px;
}

@media only screen and (max-width: 767px) {
  /* line 3419, app/assets/stylesheets/application.scss */
  .search-section .section-inner {
    padding-top: 0px;
    padding-bottom: 30px;
  }
}

/* line 3425, app/assets/stylesheets/application.scss */
.news-section .section-inner {
  padding-top: 33px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1279px) {
  /* line 3429, app/assets/stylesheets/application.scss */
  .news-section .section-inner {
    padding-bottom: 30px;
  }
}

/* line 3432, app/assets/stylesheets/application.scss */
.news-section h2 {
  margin-bottom: 18px;
}

@media only screen and (max-width: 767px) {
  /* line 3435, app/assets/stylesheets/application.scss */
  .news-section h2 {
    margin-bottom: 9px;
  }
}

/* line 3438, app/assets/stylesheets/application.scss */
.news-section h2 .btn {
  float: right;
  margin: -3px 0 0 30px;
}

@media only screen and (max-width: 1279px) {
  /* line 3442, app/assets/stylesheets/application.scss */
  .news-section h2 .btn {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3446, app/assets/stylesheets/application.scss */
  .news-section {
    padding: 0 0 17px;
  }
  /* line 3448, app/assets/stylesheets/application.scss */
  .news-section .section-inner {
    padding: 0;
  }
  /* line 3450, app/assets/stylesheets/application.scss */
  .news-section .white-bg {
    background: none;
  }
}

/* line 3453, app/assets/stylesheets/application.scss */
.news-list {
  padding: 0;
  line-height: 0;
  list-style: none;
  letter-spacing: -4px;
}

/* line 3460, app/assets/stylesheets/application.scss */
.news-list .news-item {
  width: 33.3%;
  vertical-align: top;
  display: inline-block;
  padding: 0 30px 15px;
  border-left: 1px solid #d5d5d5;
}

/* line 3467, app/assets/stylesheets/application.scss */
.news-list .news-item:first-child {
  border-left: none;
}

@media only screen and (max-width: 1279px) {
  /* line 3470, app/assets/stylesheets/application.scss */
  .news-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  /* line 3473, app/assets/stylesheets/application.scss */
  .news-list .news-item {
    padding: 0 15px 5px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3476, app/assets/stylesheets/application.scss */
  .news-list {
    margin-left: -25px;
    margin-right: -25px;
  }
  /* line 3479, app/assets/stylesheets/application.scss */
  .news-list .news-item {
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 3483, app/assets/stylesheets/application.scss */
  .news-list .news-item:nth-child(odd) {
    border-left: none;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3486, app/assets/stylesheets/application.scss */
  .news-list {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -25px;
    margin-right: -25px;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 3494, app/assets/stylesheets/application.scss */
  .news-list .news-item {
    width: 230px;
    border: none;
    padding: 0 5px;
    white-space: normal;
  }
}

/* line 3500, app/assets/stylesheets/application.scss */
.news-item {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
}

@media only screen and (max-width: 1279px) {
  /* line 3505, app/assets/stylesheets/application.scss */
  .news-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3508, app/assets/stylesheets/application.scss */
  .news-item .inner {
    padding: 12px;
    background: #fff;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.15;
    -webkit-box-shadow: 0 15px 15px -15px #ccc;
    box-shadow: 0 15px 15px -15px #ccc;
  }
}

/* line 3516, app/assets/stylesheets/application.scss */
.news-item .date {
  display: block;
  font-size: 14px;
  line-height: 1.43;
}

@media only screen and (max-width: 1279px) {
  /* line 3521, app/assets/stylesheets/application.scss */
  .news-item .date {
    margin-bottom: 3px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3524, app/assets/stylesheets/application.scss */
  .news-item .date {
    display: none;
  }
}

/* line 3526, app/assets/stylesheets/application.scss */
.news-item .title {
  display: block;
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.14;
}

@media only screen and (max-width: 1279px) {
  /* line 3533, app/assets/stylesheets/application.scss */
  .news-item .title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3536, app/assets/stylesheets/application.scss */
  .news-item .title {
    line-height: 1;
    font-size: 16px;
    margin-bottom: 8px;
  }
}

/* line 3540, app/assets/stylesheets/application.scss */
.news-item .title a,
.faq-list .title a {
  text-decoration: none;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 3546, app/assets/stylesheets/application.scss */
.news-item .title a:hover,
.faq-list .title a:hover {
  color: #fcd600;
}

/* line 3549, app/assets/stylesheets/application.scss */
.news-item p {
  margin: 0 0 20px;
}

@media only screen and (max-width: 1279px) {
  /* line 3552, app/assets/stylesheets/application.scss */
  .news-item p {
    margin-bottom: 18px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3555, app/assets/stylesheets/application.scss */
  .news-item p {
    margin: 0;
  }
}

/* line 3557, app/assets/stylesheets/application.scss */
.news-item .btn-holder {
  display: none;
  padding: 5px 0 0;
}

/* line 3560, app/assets/stylesheets/application.scss */
.news-item .btn-holder .btn {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 3563, app/assets/stylesheets/application.scss */
  .news-item .btn-holder {
    display: none;
  }
}

/* line 3566, app/assets/stylesheets/application.scss */
.about-section {
  background: #ececec;
}

@media only screen and (max-width: 767px) {
  /* line 3569, app/assets/stylesheets/application.scss */
  .about-section {
    background: none;
    padding-bottom: 17px;
  }
}

/* line 3572, app/assets/stylesheets/application.scss */
.about-section .show-on-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 3575, app/assets/stylesheets/application.scss */
  .about-section .show-on-mobile {
    display: block;
  }
}

/* line 3577, app/assets/stylesheets/application.scss */
.about-section .section-inner {
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (max-width: 1279px) {
  /* line 3581, app/assets/stylesheets/application.scss */
  .about-section .section-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3585, app/assets/stylesheets/application.scss */
  .about-section .section-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 3588, app/assets/stylesheets/application.scss */
.about-section .section-inner:after {
  content: '';
  clear: both;
  display: block;
}

/* line 3592, app/assets/stylesheets/application.scss */
.about-section .content {
  float: left;
  padding-top: 30px;
  padding-bottom: 25px;
}

@media only screen and (max-width: 1279px) {
  /* line 3597, app/assets/stylesheets/application.scss */
  .about-section .content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3601, app/assets/stylesheets/application.scss */
  .about-section .content {
    float: none;
  }
}

/* line 3603, app/assets/stylesheets/application.scss */
.about-section .info-content {
  width: 33.5%;
  font-size: 15px;
  line-height: 1.35;
  padding-right: 30px;
}

/* line 3608, app/assets/stylesheets/application.scss */
.about-section .info-content h3 {
  margin-bottom: 11px;
}

/* line 3610, app/assets/stylesheets/application.scss */
.about-section .info-content p {
  margin-bottom: 20px;
}

/* line 3612, app/assets/stylesheets/application.scss */
.about-section .info-content .info-title {
  color: #6b6b6b;
  width: 100%;
  display: block;
  line-height: 1;
  padding: 0;
  border: none;
  height: 48px;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 20px;
  background: none;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #d5d5d5;
}

/* line 3627, app/assets/stylesheets/application.scss */
.about-section .info-content .select-holder {
  display: none;
}

/* line 3629, app/assets/stylesheets/application.scss */
.about-section .info-content .select-holder select {
  color: #000;
  width: 100%;
  border: none;
  height: 48px;
  line-height: 1;
  display: block;
  padding: 0 16px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: url(/assets/select-arrow-0f9a82121cd9bd982b0742ec10ba3bc5b7d03c78277e3370ca9db04511401b6c.svg) calc(100% - 19px) 50% no-repeat;
}

@media only screen and (max-width: 1279px) {
  /* line 3646, app/assets/stylesheets/application.scss */
  .about-section .info-content {
    font-size: 14px;
    padding-right: 20px;
  }
  /* line 3649, app/assets/stylesheets/application.scss */
  .about-section .info-content p {
    margin-bottom: 19px;
  }
  /* line 3651, app/assets/stylesheets/application.scss */
  .about-section .info-content .info-title {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3655, app/assets/stylesheets/application.scss */
  .about-section .info-content {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3658, app/assets/stylesheets/application.scss */
  .about-section .info-content {
    padding: 0;
    margin: 0 0 32px;
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
    -webkit-box-shadow: 0 15px 15px -15px #ccc;
    box-shadow: 0 15px 15px -15px #ccc;
  }
  /* line 3666, app/assets/stylesheets/application.scss */
  .about-section .info-content .select-holder {
    margin: 0;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 3671, app/assets/stylesheets/application.scss */
  .about-section .info-content .hide-on-mobile {
    display: none;
  }
  /* line 3673, app/assets/stylesheets/application.scss */
  .about-section .info-content .info-title {
    margin: 0;
    padding: 16px;
    border-bottom: none;
    border-top: 1px solid #d5d5d5;
  }
}

/* line 3678, app/assets/stylesheets/application.scss */
.about-section .more {
  color: #044b7f;
  vertical-align: top;
  display: inline-block;
}

/* line 3682, app/assets/stylesheets/application.scss */
.about-section .main-content {
  z-index: 10;
  width: 66.5%;
  font-size: 18px;
  line-height: 1.39;
  min-height: 397px;
  position: relative;
  padding-left: 430px;
  padding-right: 30px;
  background-size: auto 100%;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/* line 3694, app/assets/stylesheets/application.scss */
.about-section .main-content .visual {
  display: none;
  margin: 0 -16px 20px;
}

@media only screen and (max-width: 767px) {
  /* line 3698, app/assets/stylesheets/application.scss */
  .about-section .main-content .visual {
    display: block;
  }
}

/* line 3700, app/assets/stylesheets/application.scss */
.about-section .main-content .visual img {
  display: block;
  width: 100%;
}

/* line 3703, app/assets/stylesheets/application.scss */
.about-section .main-content:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 49%;
  opacity: .7;
  z-index: -10;
  background: #fff;
}

/* line 3713, app/assets/stylesheets/application.scss */
.about-section .main-content p {
  margin: 0 0 24px;
}

@media only screen and (max-width: 1279px) {
  /* line 3716, app/assets/stylesheets/application.scss */
  .about-section .main-content {
    font-size: 16px;
    min-height: 350px;
    padding-left: 340px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3722, app/assets/stylesheets/application.scss */
  .about-section .main-content {
    width: auto;
    min-height: 300px;
    margin-left: -20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3727, app/assets/stylesheets/application.scss */
  .about-section .main-content {
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 15px;
    border-radius: 8px;
    padding: 0 16px 16px;
    background: #fff !important;
    -webkit-box-shadow: 0 15px 15px -15px #ccc;
    box-shadow: 0 15px 15px -15px #ccc;
  }
  /* line 3737, app/assets/stylesheets/application.scss */
  .about-section .main-content .more {
    color: #333;
    font-size: 16px;
    line-height: 1;
    display: block;
    max-width: 320px;
    background: none;
    padding: 11px 41px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #333;
  }
  /* line 3749, app/assets/stylesheets/application.scss */
  .about-section .main-content .more:hover {
    color: #fff;
    background: #333;
  }
  /* line 3752, app/assets/stylesheets/application.scss */
  .about-section .main-content p {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 374px) {
  /* line 3755, app/assets/stylesheets/application.scss */
  .about-section .main-content {
    font-size: 14px;
  }
}

/* line 3757, app/assets/stylesheets/application.scss */
.about-section .city-list {
  margin: 0;
  padding: 0;
  color: #5c5c5c;
  font-size: 16px;
  list-style: none;
  line-height: 1.56;
  letter-spacing: 0;
}

/* line 3765, app/assets/stylesheets/application.scss */
.about-section .city-list li {
  margin: 0 0 27px;
}

/* line 3767, app/assets/stylesheets/application.scss */
.about-section .city-list .title {
  color: #000;
}

/* line 3769, app/assets/stylesheets/application.scss */
.about-section .city-list p {
  margin: 0;
}

@media only screen and (max-width: 1279px) {
  /* line 3772, app/assets/stylesheets/application.scss */
  .about-section .city-list {
    font-size: 14px;
  }
  /* line 3774, app/assets/stylesheets/application.scss */
  .about-section .city-list li {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3777, app/assets/stylesheets/application.scss */
  .about-section .city-list {
    display: none;
  }
}

/* line 3780, app/assets/stylesheets/application.scss */
.bookstore-section {
  color: #fff;
  background: #1c5c8a;
}

@media only screen and (max-width: 767px) {
  /* line 3784, app/assets/stylesheets/application.scss */
  .bookstore-section {
    margin-bottom: 17px;
  }
}

/* line 3786, app/assets/stylesheets/application.scss */
.bookstore-section .section-inner {
  padding: 52px 30px 8px;
}

@media only screen and (max-width: 1279px) {
  /* line 3789, app/assets/stylesheets/application.scss */
  .bookstore-section .section-inner {
    padding: 30px 20px 5px;
  }
}

/* line 3791, app/assets/stylesheets/application.scss */
.bookstore-section h2 {
  color: inherit;
  margin-bottom: 28px;
}

/* line 3794, app/assets/stylesheets/application.scss */
.bookstore-section h2:after {
  content: '';
  clear: both;
  display: block;
}

/* line 3798, app/assets/stylesheets/application.scss */
.bookstore-section h2 .btn {
  float: right;
  margin: 8px 0 0 30px;
}

@media only screen and (max-width: 1279px) {
  /* line 3802, app/assets/stylesheets/application.scss */
  .bookstore-section h2 .btn {
    margin-top: 3px;
  }
}

/* line 3805, app/assets/stylesheets/application.scss */
.book-list {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  list-style: none;
  letter-spacing: -4px;
}

/* line 3813, app/assets/stylesheets/application.scss */
.book-list > .book-item {
  width: 50%;
  padding: 0 15px;
  letter-spacing: 0;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1023px) {
  /* line 3820, app/assets/stylesheets/application.scss */
  .book-list > .book-item {
    width: 100%;
  }
}

@media only screen and (max-width: 450px) {
  /* line 3824, app/assets/stylesheets/application.scss */
  .book-list > .book-item {
    display: inline-grid;
  }
  /* line 3826, app/assets/stylesheets/application.scss */
  .preview {
    display: flex !important;
    justify-content: center;
  }
}

/* line 3831, app/assets/stylesheets/application.scss */
.book-item {
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 20px;
  line-height: 1.25;
}

@media only screen and (max-width: 1279px) {
  /* line 3837, app/assets/stylesheets/application.scss */
  .book-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3840, app/assets/stylesheets/application.scss */
  .book-item {
    max-width: 800px;
  }
}

/* line 3842, app/assets/stylesheets/application.scss */
.book-item:after {
  content: '';
  clear: both;
  display: block;
}

/* line 3846, app/assets/stylesheets/application.scss */
.book-item .visual {
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 20px 0 0;
}

/* line 3853, app/assets/stylesheets/application.scss */
.book-item .visual a {
  display: block;
}

/* line 3855, app/assets/stylesheets/application.scss */
.book-item .visual .preview {
  z-index: 10;
  display: block;
  position: relative;
}

/* line 3859, app/assets/stylesheets/application.scss */
.book-item .visual .preview:after {
  content: '';
  position: absolute;
  top: 40px;
  left: 11px;
  right: 11px;
  bottom: -30px;
  z-index: -10;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.2) url(/assets/book-shadow-09a4a4f3ac7a862c1f06e2150eb1c1e9053d413cf41b0cacf93a2858fb89e8a9.png) no-repeat;
  -webkit-filter: blur(13.6px);
  filter: blur(13.6px);
}

@media only screen and (max-width: 1023px) {
  /* line 3872, app/assets/stylesheets/application.scss */
  .book-item .visual .preview:after {
    display: none;
  }
}

/* line 3874, app/assets/stylesheets/application.scss */
.book-item .visual .preview img {
  display: block;
}

/* line 3877, app/assets/stylesheets/application.scss */
.book-item .visual .shop {
  display: block;
  padding: 30px 0 0;
}

@media only screen and (max-width: 1023px) {
  /* line 3881, app/assets/stylesheets/application.scss */
  .book-item .visual .shop {
    display: none;
  }
}

/* line 3883, app/assets/stylesheets/application.scss */
.book-item .visual .shop img {
  width: auto;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* line 3888, app/assets/stylesheets/application.scss */
.book-item .content {
  overflow: hidden;
  padding: 2px 0 0;
}

/* line 3891, app/assets/stylesheets/application.scss */
.book-item .title {
  display: block;
  font-size: 28px;
  min-height: 57px;
  margin: 0 0 13px;
  line-height: 1.07;
}

/* line 3897, app/assets/stylesheets/application.scss */
.book-item .title a {
  text-decoration: none;
}

@media only screen and (max-width: 1279px) {
  /* line 3900, app/assets/stylesheets/application.scss */
  .book-item .title {
    min-height: 0;
    font-size: 22px;
    margin-bottom: 10px;
  }
}

/* line 3904, app/assets/stylesheets/application.scss */
.book-item .year {
  display: block;
  margin: 0 0 10px;
}

/* line 3907, app/assets/stylesheets/application.scss */
.book-item p {
  margin: 0 0 20px;
}

/* line 3910, app/assets/stylesheets/application.scss */
.subscribe-panel {
  padding: 30px 0;
}

@media only screen and (max-width: 767px) {
  /* line 3913, app/assets/stylesheets/application.scss */
  .subscribe-panel {
    display: block;
  }
}

/* line 3915, app/assets/stylesheets/application.scss */
.subscribe-panel .subscribe-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fbd633;
}

@media only screen and (max-width: 1279px) {
  /* line 3929, app/assets/stylesheets/application.scss */
  .subscribe-panel .subscribe-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 3933, app/assets/stylesheets/application.scss */
  .subscribe-panel .subscribe-inner {
    display: block;
  }
}

/* line 3935, app/assets/stylesheets/application.scss */
.subscribe-panel h2 {
  line-height: 1;
  font-size: 40px;
  margin: 0 30px 0 0;
  white-space: nowrap;
}

@media only screen and (max-width: 1023px) {
  /* line 3941, app/assets/stylesheets/application.scss */
  .subscribe-panel h2 {
    margin: 0 0 25px;
    font-size: 25px;
  }
}

/* line 3946, app/assets/stylesheets/application.scss */
.subscribe-form {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 556px;
}

@media only screen and (max-width: 1279px) {
  /* line 3952, app/assets/stylesheets/application.scss */
  .subscribe-form {
    max-width: 480px;
  }
}

/* line 3954, app/assets/stylesheets/application.scss */
.subscribe-form fieldset {
  margin: 0;
  padding: 0;
  border: none;
  min-width: 0;
}

/* line 3959, app/assets/stylesheets/application.scss */
.subscribe-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* line 3966, app/assets/stylesheets/application.scss */
.subscribe-form .btn-submit {
  color: #333;
  height: 50px;
  border: none;
  font-size: 16px;
  padding: 0 20px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 50px;
  font-weight: bold;
  background: #ececec;
  font-family: inherit;
  -webkit-border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 3989, app/assets/stylesheets/application.scss */
.subscribe-form .btn-submit:hover {
  background-color: #d5d5d5;
}

/* line 3991, app/assets/stylesheets/application.scss */
.subscribe-form input.text {
  color: #333;
  width: 100%;
  height: 50px;
  border: none;
  display: block;
  line-height: 1;
  font-size: 16px;
  padding: 0 15px;
  background: none;
  padding: 0 20px 0 0;
  max-width: calc(100% - 124px);
  border-bottom: 1px solid #d5d5d5;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 4007, app/assets/stylesheets/application.scss */
.subscribe-form input.text::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 4013, app/assets/stylesheets/application.scss */
.subscribe-form input.text::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 4019, app/assets/stylesheets/application.scss */
.subscribe-form input.text:-moz-placeholder {
  color: #666;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 4025, app/assets/stylesheets/application.scss */
.subscribe-form input.text::-moz-placeholder {
  color: #666;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 4031, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus {
  border-bottom-color: #e0e0e0;
}

/* line 4033, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus::-webkit-input-placeholder {
  color: transparent;
}

/* line 4035, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus::-webkit-input-placeholder {
  color: transparent;
}

/* line 4037, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus:-moz-placeholder {
  color: transparent;
}

/* line 4039, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus::-moz-placeholder {
  color: transparent;
}

/* line 4041, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus + .btn-submit {
  background-color: #e7e7e7;
}

/* line 4043, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus + .btn-submit:hover {
  background-color: #e0e0e0;
}

/* line 4046, app/assets/stylesheets/application.scss */
.events-section .section-inner {
  margin-bottom: 30px;
  padding: 33px 30px 15px;
  -webkit-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1279px) {
  /* line 4052, app/assets/stylesheets/application.scss */
  .events-section .section-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4056, app/assets/stylesheets/application.scss */
  .events-section .section-inner {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4061, app/assets/stylesheets/application.scss */
  .events-section .section-inner {
    display: block;
  }
}

/* line 4064, app/assets/stylesheets/application.scss */
.events-section h2 {
  margin-bottom: 18px;
}

/* line 4066, app/assets/stylesheets/application.scss */
.events-section h2:after {
  content: '';
  clear: both;
  display: block;
}

/* line 4070, app/assets/stylesheets/application.scss */
.events-section h2 .btn {
  float: right;
  margin: -3px 0 0 30px;
}

@media only screen and (max-width: 1279px) {
  /* line 4074, app/assets/stylesheets/application.scss */
  .events-section h2 .btn {
    margin-top: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* line 4078, app/assets/stylesheets/application.scss */
  .events-section.type2 {
    padding-bottom: 20px;
  }
  /* line 4080, app/assets/stylesheets/application.scss */
  .events-section.type2 h2 {
    margin-left: -10px;
  }
  /* line 4082, app/assets/stylesheets/application.scss */
  .events-section.type2 .section-inner {
    padding-bottom: 21px;
  }
}

/* line 4085, app/assets/stylesheets/application.scss */
.events-list {
  padding: 0;
  font-size: 0;
  line-height: 0;
  list-style: none;
  letter-spacing: -4px;
  margin: 0 -34px 0 -64px;
}

/* line 4092, app/assets/stylesheets/application.scss */
.events-list .event-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 34px;
  width: 50%;
}

@media only screen and (max-width: 1279px) {
  /* line 4098, app/assets/stylesheets/application.scss */
  .events-list {
    margin-left: -35px;
    margin-right: -15px;
  }
  /* line 4101, app/assets/stylesheets/application.scss */
  .events-list .event-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4105, app/assets/stylesheets/application.scss */
  .events-list .event-item {
    width: 100%;
    max-width: 800px;
  }
}

/* line 4109, app/assets/stylesheets/application.scss */
.event-item {
  color: #000;
  font-size: 16px;
  margin: 0 0 20px;
  line-height: 1.25;
  letter-spacing: 0;
}

@media only screen and (max-width: 1279px) {
  /* line 4116, app/assets/stylesheets/application.scss */
  .event-item {
    font-size: 14px;
  }
}

/* line 4118, app/assets/stylesheets/application.scss */
.event-item:after {
  content: '';
  clear: both;
  display: block;
}

/* line 4122, app/assets/stylesheets/application.scss */
.event-item .event-info {
  float: left;
  width: 278px;
  padding: 30px;
  color: #848484;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.43;
  min-height: 250px;
  margin: 0 30px 0 0;
  background: #f7f7f7;
  border-right: 1px solid #d5d5d5;
}

@media only screen and (max-width: 1279px) {
  /* line 4135, app/assets/stylesheets/application.scss */
  .event-item .event-info {
    max-width: 220px;
    min-height: 220px;
  }
}

/* line 4138, app/assets/stylesheets/application.scss */
.event-item .event-info .date {
  color: #252525;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

/* line 4144, app/assets/stylesheets/application.scss */
.event-item .event-info .day {
  color: #000;
  display: block;
  font-size: 64px;
  font-weight: bold;
  line-height: 1.25;
}

/* line 4150, app/assets/stylesheets/application.scss */
.event-item .event-info .time {
  display: block;
}

/* line 4152, app/assets/stylesheets/application.scss */
.event-item .event-info .place {
  color: #252525;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

/* line 4158, app/assets/stylesheets/application.scss */
.event-item .content {
  margin: 20px 0 0;
  overflow: hidden;
}

/* line 4161, app/assets/stylesheets/application.scss */
.event-item p {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1279px) {
  /* line 4164, app/assets/stylesheets/application.scss */
  .event-item p {
    margin-bottom: 18px;
  }
}

/* line 4166, app/assets/stylesheets/application.scss */
.event-item .title {
  display: block;
  font-size: 22px;
  margin: 0 0 10px;
  line-height: 1.14;
}

@media only screen and (max-width: 1279px) {
  /* line 4172, app/assets/stylesheets/application.scss */
  .event-item .title {
    font-size: 20px;
  }
}

/* line 4174, app/assets/stylesheets/application.scss */
.event-item .title a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .5s eaes;
  -o-transition: color .5s eaes;
  transition: color .5s eaes;
}

/* line 4180, app/assets/stylesheets/application.scss */
.event-item .title a:hover {
  color: #fcd600;
  -webkit-transition: color .2s eaes;
  -o-transition: color .2s eaes;
  transition: color .2s eaes;
}

/* line 4186, app/assets/stylesheets/application.scss */
.events-list2 {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  font-size: 0;
  line-height: 0;
  font-weight: 500;
  letter-spacing: -4px;
}

/* line 4194, app/assets/stylesheets/application.scss */
.events-list2 > li {
  width: 50%;
  letter-spacing: 0;
  font-size: 14px;
  padding: 0 15px;
  margin: 0 0 30px;
  line-height: 1.15;
  vertical-align: top;
  display: inline-block;
}

/* line 4203, app/assets/stylesheets/application.scss */
.events-list2 > li.blue .inner {
  background-color: #c5d1eb;
  -webkit-box-shadow: 0 15px 15px -15px #c5d1eb;
  box-shadow: 0 15px 15px -15px #c5d1eb;
}

/* line 4207, app/assets/stylesheets/application.scss */
.events-list2 > li.purple .inner {
  background-color: #d9c5eb;
  -webkit-box-shadow: 0 15px 15px -15px #d9c5eb;
  box-shadow: 0 15px 15px -15px #d9c5eb;
}

@media only screen and (max-width: 1023px) {
  /* line 4212, app/assets/stylesheets/application.scss */
  .events-list2 > li {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4216, app/assets/stylesheets/application.scss */
  .events-list2 {
    margin-left: -10px;
    margin-right: -10px;
  }
  /* line 4219, app/assets/stylesheets/application.scss */
  .events-list2 > li {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 4222, app/assets/stylesheets/application.scss */
.events-list2 .inner {
  padding: 20px;
  border-radius: 8px;
}

/* line 4225, app/assets/stylesheets/application.scss */
.events-list2 .inner:after {
  content: '';
  clear: both;
  display: block;
}

/* line 4229, app/assets/stylesheets/application.scss */
.events-list2 .preview {
  width: 47%;
  float: left;
  margin: 0 20px 0 0;
}

@media only screen and (max-width: 1279px) {
  /* line 4234, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    width: 40%;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4237, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    margin-right: 10px;
  }
}

/* line 4239, app/assets/stylesheets/application.scss */
.events-list2 .visual {
  width: 80px;
}

/* line 4241, app/assets/stylesheets/application.scss */
.events-list2 .visual a {
  display: block;
}

/* line 4243, app/assets/stylesheets/application.scss */
.events-list2 .visual a img {
  display: block;
  max-width: 100%;
}

/* line 4246, app/assets/stylesheets/application.scss */
.events-list2 .title {
  color: #000;
  display: block;
  font-size: 28px;
  max-width: 185px;
  margin: 0 0 20px;
  line-height: 0.89;
}

@media only screen and (max-width: 1023px) {
  /* line 4254, app/assets/stylesheets/application.scss */
  .events-list2 .title {
    font-size: 24px;
  }
}

/* line 4256, app/assets/stylesheets/application.scss */
.events-list2 .content {
  overflow: hidden;
  max-width: 222px;
  min-height: 150px;
  padding: 0 0 35px;
  position: relative;
}

/* line 4262, app/assets/stylesheets/application.scss */
.events-list2 .btn-holder {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 4267, app/assets/stylesheets/application.scss */
.events-list2 p {
  margin: 0 0 16px;
}

/* line 4269, app/assets/stylesheets/application.scss */
.events-list2 .btn {
  width: 100%;
  max-width: 175px;
  padding-left: 20px;
  padding-right: 20px;
}

@media only screen and (max-width: 1023px) {
  /* line 4275, app/assets/stylesheets/application.scss */
  .events-list2 .btn {
    max-width: none;
  }
}

/* line 4277, app/assets/stylesheets/application.scss */
.events-list2 .show-on-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 4280, app/assets/stylesheets/application.scss */
  .events-list2 {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -5px;
    margin-right: -5px;
  }
  /* line 4286, app/assets/stylesheets/application.scss */
  .events-list2 > li {
    width: 345px;
    font-size: 14px;
    line-height: 1.15;
    padding-left: 5px;
    padding-right: 5px;
    white-space: normal;
    -webkit-box-shadow: 0 15px 15px -15px #ccc;
    box-shadow: 0 15px 15px -15px #ccc;
  }
  /* line 4295, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    width: 130px;
    margin-right: 16px;
  }
  /* line 4298, app/assets/stylesheets/application.scss */
  .events-list2 .title {
    font-size: 28px;
    line-height: .86;
  }
  /* line 4301, app/assets/stylesheets/application.scss */
  .events-list2 .show-on-mobile {
    display: block;
  }
  /* line 4303, app/assets/stylesheets/application.scss */
  .events-list2 .hide-on-mobile {
    display: none;
  }
}

@media only screen and (max-width: 374px) {
  /* line 4306, app/assets/stylesheets/application.scss */
  .events-list2 > li {
    width: 310px;
    font-size: 13px;
  }
  /* line 4309, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    width: 120px;
    margin-right: 10px;
  }
  /* line 4312, app/assets/stylesheets/application.scss */
  .events-list2 .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 4315, app/assets/stylesheets/application.scss */
  .events-list2 .title {
    font-size: 24px;
  }
}

/* line 4318, app/assets/stylesheets/application.scss */
.faq-section {
  padding: 52px 0 20px;
}

@media only screen and (max-width: 1279px) {
  /* line 4321, app/assets/stylesheets/application.scss */
  .faq-section {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4324, app/assets/stylesheets/application.scss */
  .faq-section {
    display: none;
  }
}

/* line 4326, app/assets/stylesheets/application.scss */
.faq-section h2 {
  margin-bottom: 26px;
}

/* line 4328, app/assets/stylesheets/application.scss */
.faq-section h2:after {
  content: '';
  clear: both;
  display: block;
}

/* line 4332, app/assets/stylesheets/application.scss */
.faq-section h2 .btn {
  float: right;
  padding-left: 26px;
  padding-right: 26px;
  margin: -3px 0 0 30px;
}

@media only screen and (max-width: 1279px) {
  /* line 4338, app/assets/stylesheets/application.scss */
  .faq-section h2 .btn {
    margin-top: 0;
  }
}

/* line 4341, app/assets/stylesheets/application.scss */
.faq-list {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 0 -35px;
  list-style: none;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: -4px;
}

/* line 4353, app/assets/stylesheets/application.scss */
.faq-list > li {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: 33.3%;
  padding: 0 35px;
  font-size: 15px;
  margin: 0 0 10px;
  line-height: 1.35;
  letter-spacing: 0;
  vertical-align: top;
  display: inline-block;
}

/* line 4366, app/assets/stylesheets/application.scss */
.faq-list .inner {
  padding: 30px 0 0;
  border-top: 1px solid #7d7d7d;
}

/* line 4369, app/assets/stylesheets/application.scss */
.faq-list .title {
  display: block;
  font-size: 24px;
  min-height: 50px;
  margin: 0 0 10px;
  line-height: 1.1;
}

/* line 4375, app/assets/stylesheets/application.scss */
.faq-list p {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1279px) {
  /* line 4378, app/assets/stylesheets/application.scss */
  .faq-list {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* line 4381, app/assets/stylesheets/application.scss */
  .faq-list > li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 4385, app/assets/stylesheets/application.scss */
.donate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin: 0 0 20px;
  line-height: 1.43;
  border-radius: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f6ddb2;
  padding: 15px 100px 15px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0 15px 15px -15px #f6ddb2;
  box-shadow: 0 15px 15px -15px #f6ddb2;
}

@media only screen and (max-width: 1023px) {
  /* line 4404, app/assets/stylesheets/application.scss */
  .donate {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

/* line 4408, app/assets/stylesheets/application.scss */
.donate h2 {
  /*    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
  line-height: 1;
  font-size: 50px;
  min-height: 70px;
  position: relative;
  margin: 0 30px 0 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  padding: 0 0 0 85px;
}

/* line 4422, app/assets/stylesheets/application.scss */
.donate h2:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 65px;
  height: 70px;
  margin: -35px 0 0;
  background: url(/assets/ico-donate-d59fffea673969721cff31305fdb74a7bdcff6e090ade53d357f089cfb8bfc9e.svg) no-repeat;
  background-size: 100% 100%;
}

@media only screen and (max-width: 1023px) {
  /* line 4433, app/assets/stylesheets/application.scss */
  .donate h2 {
    padding-left: 0;
    margin-right: 50px;
    padding-bottom: 85px;
  }
  /* line 4437, app/assets/stylesheets/application.scss */
  .donate h2:after {
    top: auto;
    bottom: 0;
    margin-top: 0;
  }
}

/* line 4441, app/assets/stylesheets/application.scss */
.donate p {
  margin: 0;
}

/* line 4443, app/assets/stylesheets/application.scss */
.donate .content {
  max-width: 520px;
}

@media only screen and (max-width: 767px) {
  /* line 4446, app/assets/stylesheets/application.scss */
  .donate {
    font-size: 14px;
    border-radius: 0;
    line-height: 1.15;
    margin-left: -20px;
    margin-right: -20px;
    background: #fcd600;
    padding: 24px 18px 24px 20px;
  }
  /* line 4454, app/assets/stylesheets/application.scss */
  .donate h2 {
    width: 140px;
    min-height: 0;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 28px;
    line-height: .86;
    padding: 0 0 112px;
    margin: 0 26px 0 0;
    white-space: normal;
  }
  /* line 4465, app/assets/stylesheets/application.scss */
  .donate h2:after {
    width: 74px;
    height: 80px;
  }
}

/* line 4469, app/assets/stylesheets/application.scss */
.info-list {
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  list-style: none;
  padding: 0 0 20px;
  letter-spacing: -4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 4480, app/assets/stylesheets/application.scss */
.info-list > li {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: 33.3%;
  padding: 0 15px;
  font-size: 15px;
  margin: 0 0 30px;
  line-height: 1.35;
  letter-spacing: 0;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1279px) {
  /* line 4494, app/assets/stylesheets/application.scss */
  .info-list > li {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1279px) {
  /* line 4498, app/assets/stylesheets/application.scss */
  .info-list {
    margin-left: -5px;
    margin-right: -5px;
  }
  /* line 4501, app/assets/stylesheets/application.scss */
  .info-list > li {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* line 4504, app/assets/stylesheets/application.scss */
.info-list .inner {
  z-index: 10;
  display: block;
  position: relative;
  border-radius: 8px;
  text-decoration: none;
  background-color: #ececec;
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding: 20px 140px 20px 20px;
  background-position: 100% 50%;
  -webkit-box-shadow: 0 20px 20px -20px #dadada;
  box-shadow: 0 20px 20px -20px #dadada;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 4520, app/assets/stylesheets/application.scss */
.info-list .inner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -10;
  background: #999;
  border-radius: 8px;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

/* line 4534, app/assets/stylesheets/application.scss */
.info-list .inner:hover {
  -webkit-box-shadow: 0 10px 10px -10px #dadada;
  box-shadow: 0 10px 10px -10px #dadada;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

/* line 4540, app/assets/stylesheets/application.scss */
.info-list .inner:hover:after {
  opacity: .1;
  -webkit-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

@media only screen and (max-width: 1279px) {
  /* line 4546, app/assets/stylesheets/application.scss */
  .info-list .inner {
    padding: 15px 100px 15px 15px;
  }
}

/* line 4548, app/assets/stylesheets/application.scss */
.info-list .title {
  display: block;
  font-size: 28px;
  margin: 0 0 10px;
  line-height: 1.07;
}

/* line 4553, app/assets/stylesheets/application.scss */
.info-list p {
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  /* line 4556, app/assets/stylesheets/application.scss */
  .info-list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  /* line 4560, app/assets/stylesheets/application.scss */
  .info-list > li {
    width: 330px;
    white-space: normal;
    -webkit-box-shadow: 0 15px 15px -15px #ccc;
    box-shadow: 0 15px 15px -15px #ccc;
  }
}

/* line 4566, app/assets/stylesheets/application.scss */
.quick-links-section {
  display: none;
  padding: 20px 0;
}

/* line 4570, app/assets/stylesheets/application.scss */
.quick-links-list {
  color: #fff;
  margin: 0 -20px;
  list-style: none;
  font-size: 0;
  line-height: 0;
  font-weight: 300;
  white-space: nowrap;
  padding: 0 0 14px 15px;
  overflow-x: auto;
  overflow-y: hidden;
  letter-spacing: -4px;
}

/* line 4582, app/assets/stylesheets/application.scss */
.quick-links-list > li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 1.15;
  white-space: normal;
  margin: 0 5px 10px;
}

@media only screen and (max-width: 375px) {
  /* line 4591, app/assets/stylesheets/application.scss */
  .quick-links-list > li {
    font-size: 3.7333vw;
    margin-left: 1.3333vw;
    margin-right: 1.3333vw;
  }
}

/* line 4595, app/assets/stylesheets/application.scss */
.quick-links-list > li.green a {
  background: #107e7d;
  -webkit-box-shadow: 0 10px 10px -10px #107e7d;
  box-shadow: 0 10px 10px -10px #107e7d;
}

/* line 4599, app/assets/stylesheets/application.scss */
.quick-links-list > li.red a {
  background: #95190c;
  -webkit-box-shadow: 0 10px 10px -10px #95190c;
  box-shadow: 0 10px 10px -10px #95190c;
}

/* line 4603, app/assets/stylesheets/application.scss */
.quick-links-list > li.blue a {
  background: #044b7f;
  -webkit-box-shadow: 0 10px 10px -10px #044b7f;
  box-shadow: 0 10px 10px -10px #044b7f;
}

/* line 4607, app/assets/stylesheets/application.scss */
.quick-links-list > li.yellow {
  color: #000;
}

/* line 4609, app/assets/stylesheets/application.scss */
.quick-links-list > li.yellow a {
  background: #fcd600;
  -webkit-box-shadow: 0 10px 10px -10px #fcd600;
  box-shadow: 0 10px 10px -10px #fcd600;
}

/* line 4613, app/assets/stylesheets/application.scss */
.quick-links-list a {
  width: 160px;
  height: 160px;
  display: block;
  border-radius: 8px;
  text-decoration: none;
  padding: 22px 40px 20px 20px;
}

@media only screen and (max-width: 375px) {
  /* line 4621, app/assets/stylesheets/application.scss */
  .quick-links-list a {
    width: 42.6667vw;
    height: 42.6667vw;
    padding: 5.8667vw 10.6667vw 5.3333vw 5.3333vw;
  }
}

/* line 4625, app/assets/stylesheets/application.scss */
.quick-links-list .title {
  display: block;
  font-size: 20px;
  line-height: 1;
  margin: 0 0 8px;
}

@media only screen and (max-width: 375px) {
  /* line 4631, app/assets/stylesheets/application.scss */
  .quick-links-list .title {
    font-size: 5.3333vw;
    margin-bottom: 2.1333vw;
  }
}

/* line 4635, app/assets/stylesheets/application.scss */
.page-heading {
  background: #fff;
}

/* line 4639, app/assets/stylesheets/application.scss */
.page-heading h1 {
  margin: 0;
  line-height: 1;
  font-size: 50px;
  padding: 29px 0 30px;
  letter-spacing: 0;
}

/* line 4647, app/assets/stylesheets/application.scss */
.page-heading h1 small {
  color: #9b9b9b;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.54;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* line 4655, app/assets/stylesheets/application.scss */
.page-heading .back {
  display: none;
  position: absolute;
  top: 0;
  left: -50px;
  bottom: 0;
  width: 54px;
}

/* line 4662, app/assets/stylesheets/application.scss */
.page-heading .back:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
  background: url(/assets/ico-back-2459e03811b95faeba7a1c5ea46aff03844d1969f309c145c20de58beaffa77e.svg) no-repeat;
  background-size: 100% 100%;
}

/* line 4672, app/assets/stylesheets/application.scss */
.page-heading a {
  color: #044b7f;
  text-decoration: none;
}

/* line 4675, app/assets/stylesheets/application.scss */
.page-heading a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1023px) {
  /* line 4678, app/assets/stylesheets/application.scss */
  .page-heading {
    height: 0px;
    background: none;
    text-align: center;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease;
  }
  /* line 4687, app/assets/stylesheets/application.scss */
  .page-heading .container {
    position: fixed;
    top: 0;
    left: 50px;
    right: 50px;
    z-index: 2000;
  }
  /* line 4693, app/assets/stylesheets/application.scss */
  .page-heading h1 {
    border: none;
    line-height: 1;
    font-size: 16px;
    padding: 12px 0;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 4710, app/assets/stylesheets/application.scss */
  .page-heading h1 small {
    margin: 0 0 4px;
    font-size: 11px;
    line-height: 1.45;
    width: 100%;
  }
  /* line 4715, app/assets/stylesheets/application.scss */
  .page-heading .back {
    display: block;
  }
}

/* line 4718, app/assets/stylesheets/application.scss */
.nav-open .page-heading {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 4723, app/assets/stylesheets/application.scss */
.team-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 4727, app/assets/stylesheets/application.scss */
.team-list > li {
  padding: 50px 0 35px;
  border-top: 1px solid #d5d5d5;
}

/* line 4730, app/assets/stylesheets/application.scss */
.team-list > li:first-child {
  border-top: none;
}

@media only screen and (max-width: 767px) {
  /* line 4733, app/assets/stylesheets/application.scss */
  .team-list > li {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4736, app/assets/stylesheets/application.scss */
  .team-list > li {
    padding-top: 25px;
    padding-bottom: 5px;
  }
}

/* line 4739, app/assets/stylesheets/application.scss */
.team-list .description-panel {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* line 4743, app/assets/stylesheets/application.scss */
.team-list .members {
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  list-style: none;
  padding: 4px 0 0;
  position: relative;
  letter-spacing: -4px;
}

@media only screen and (max-width: 767px) {
  /* line 4752, app/assets/stylesheets/application.scss */
  .team-list .members {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4758, app/assets/stylesheets/application.scss */
  .team-list .members {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4761, app/assets/stylesheets/application.scss */
  .team-list .members {
    padding-left: 10px;
  }
}

/* line 4763, app/assets/stylesheets/application.scss */
.team-list .members > li {
  width: 20%;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 1279px) {
  /* line 4771, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4774, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4777, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    width: 200px;
    white-space: normal;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4781, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    width: 180px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4785, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    width: 45vw;
    font-size: 4vw;
  }
}

/* line 4788, app/assets/stylesheets/application.scss */
.team-list .members > li:not(.active) {
  margin-bottom: 0 !important;
}

/* line 4790, app/assets/stylesheets/application.scss */
.team-list .members > li.active > a {
  background: #fff;
}

/* line 4792, app/assets/stylesheets/application.scss */
.team-list .members > li.active > a:after {
  opacity: 1;
}

/* line 4794, app/assets/stylesheets/application.scss */
.team-list .members > li.active .expanded {
  display: block;
}

/* line 4796, app/assets/stylesheets/application.scss */
.team-list .members > li > a {
  padding: 15px;
  display: block;
  position: relative;
  border-radius: 14px;
  text-decoration: none;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 767px) {
  /* line 4806, app/assets/stylesheets/application.scss */
  .team-list .members > li > a {
    padding: 10px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4809, app/assets/stylesheets/application.scss */
  .team-list .members > li > a {
    padding: 2.5vw;
  }
}

/* line 4811, app/assets/stylesheets/application.scss */
.team-list .members > li > a:hover {
  background: #fff;
}

/* line 4813, app/assets/stylesheets/application.scss */
.team-list .members > li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  margin: 0 0 0 -15px;
  border-bottom: 20px solid #333;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

/* line 4823, app/assets/stylesheets/application.scss */
.team-list .members.type2 {
  padding-top: 17px;
}

@media only screen and (max-width: 767px) {
  /* line 4826, app/assets/stylesheets/application.scss */
  .team-list .members.type2 {
    padding-top: 0;
  }
}

/* line 4828, app/assets/stylesheets/application.scss */
.team-list .members.type2 > li {
  width: 16.6%;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 5px;
}

@media only screen and (max-width: 1279px) {
  /* line 4834, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4837, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4840, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 180px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4843, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 160px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4847, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 40vw;
    font-size: 3.5vw;
  }
}

@media only screen and (max-width: 1279px) {
  /* line 4851, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li > a {
    padding: 10px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4854, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li > a {
    padding: 2.5vw;
  }
}

/* line 4856, app/assets/stylesheets/application.scss */
.team-list .members.type2 .post {
  font-size: 16px;
  line-height: 1.25;
}

@media only screen and (max-width: 479px) {
  /* line 4860, app/assets/stylesheets/application.scss */
  .team-list .members.type2 .post {
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4863, app/assets/stylesheets/application.scss */
  .team-list .members.type2 .post {
    font-size: 3vw;
  }
}

/* line 4865, app/assets/stylesheets/application.scss */
.team-list .members p {
  margin-bottom: 27px;
}

@media only screen and (max-width: 479px) {
  /* line 4868, app/assets/stylesheets/application.scss */
  .team-list .members p {
    margin-bottom: 21px;
  }
}

/* line 4870, app/assets/stylesheets/application.scss */
.team-list .members .visual {
  z-index: 10;
  margin: 0 0 22px;
  position: relative;
}

/* line 4874, app/assets/stylesheets/application.scss */
.team-list .members .visual img {
  border-radius: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
}

/* line 4882, app/assets/stylesheets/application.scss */
.team-list .members .visual .shadow {
  position: absolute;
  top: 18.5%;
  left: 7.5%;
  right: 7.5%;
  bottom: -3.5%;
  z-index: -10;
  border-radius: 8px;
  -webkit-filter: blur(13.6px);
  filter: blur(13.6px);
}

/* line 4892, app/assets/stylesheets/application.scss */
.team-list .members .title,
.team-list .members .status {
  display: block;
  font-weight: bold;
}

/* line 4896, app/assets/stylesheets/application.scss */
.team-list .members .post {
  color: #7d7d7d;
  display: block;
  font-size: 18px;
  line-height: 1.11;
  padding: 10px 0 0;
}

@media only screen and (max-width: 479px) {
  /* line 4903, app/assets/stylesheets/application.scss */
  .team-list .members .post {
    font-size: 14px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4906, app/assets/stylesheets/application.scss */
  .team-list .members .post {
    font-size: 3.5vw;
    padding-top: 2.5vw;
  }
}

/* line 4909, app/assets/stylesheets/application.scss */
.team-list .expanded {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 2500;
  display: none;
  background: #333;
  font-weight: 300;
  padding: 50px 15px;
}

@media only screen and (max-width: 1279px) {
  /* line 4921, app/assets/stylesheets/application.scss */
  .team-list .expanded {
    padding: 35px 15px 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4924, app/assets/stylesheets/application.scss */
  .team-list .expanded {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2500;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media only screen and (max-width: 560px) {
  /* line 4934, app/assets/stylesheets/application.scss */
  .team-list .expanded {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4937, app/assets/stylesheets/application.scss */
  .team-list .expanded {
    font-size: 14px;
  }
}

/* line 4939, app/assets/stylesheets/application.scss */
.team-list .expanded:after, .team-list .expanded:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1000px;
  background: #333;
}

@media only screen and (max-width: 767px) {
  /* line 4947, app/assets/stylesheets/application.scss */
  .team-list .expanded:after, .team-list .expanded:before {
    display: none;
  }
}

/* line 4949, app/assets/stylesheets/application.scss */
.team-list .expanded:after {
  left: 100%;
}

/* line 4951, app/assets/stylesheets/application.scss */
.team-list .expanded:before {
  right: 100%;
}

/* line 4953, app/assets/stylesheets/application.scss */
.team-list .expanded .visual {
  float: right;
  width: 40%;
  margin: 0 0 0 11%;
  border-radius: 8px;
  overflow: hidden;
}

@media only screen and (max-width: 1320px) {
  /* line 4960, app/assets/stylesheets/application.scss */
  .team-list .expanded .visual {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1279px) {
  /* line 4963, app/assets/stylesheets/application.scss */
  .team-list .expanded .visual {
    margin-left: 5%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4966, app/assets/stylesheets/application.scss */
  .team-list .expanded .visual {
    float: none;
    width: auto;
    max-width: 480px;
    margin: 0 0 20px;
  }
}

/* line 4971, app/assets/stylesheets/application.scss */
.team-list .expanded .content {
  overflow: hidden;
  padding: 5px 0 0;
}

/* line 4974, app/assets/stylesheets/application.scss */
.team-list .expanded h2 {
  margin: 0;
  color: inherit;
  line-height: 1;
  font-size: 50px;
}

/* line 4979, app/assets/stylesheets/application.scss */
.team-list .expanded h2.status {
  margin-bottom: 28px;
}

@media only screen and (max-width: 1279px) {
  /* line 4982, app/assets/stylesheets/application.scss */
  .team-list .expanded h2 {
    font-size: 40px;
  }
  /* line 4984, app/assets/stylesheets/application.scss */
  .team-list .expanded h2.status {
    margin-bottom: 18px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4987, app/assets/stylesheets/application.scss */
  .team-list .expanded h2 {
    font-size: 32px;
  }
  /* line 4989, app/assets/stylesheets/application.scss */
  .team-list .expanded h2.status {
    margin-bottom: 10px;
  }
}

/* line 4991, app/assets/stylesheets/application.scss */
.team-list .expanded .close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  z-index: 150;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: calc((100vw - 1200px) / -2 + 25px);
}

@media only screen and (max-width: 1320px) {
  /* line 5002, app/assets/stylesheets/application.scss */
  .team-list .expanded .close {
    right: 15px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 560px) {
  /* line 5006, app/assets/stylesheets/application.scss */
  .team-list .expanded .close {
    top: 15px;
  }
}

/* line 5008, app/assets/stylesheets/application.scss */
.team-list .expanded .close:after, .team-list .expanded .close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 32px;
  z-index: 10;
  background: #fff;
  margin: 0 0 0 -16px;
}

/* line 5018, app/assets/stylesheets/application.scss */
.team-list .expanded .close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 5022, app/assets/stylesheets/application.scss */
.team-list .expanded .close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 5027, app/assets/stylesheets/application.scss */
.light-section, .gray-section {
  padding: 50px 0;
}

/* line 5030, app/assets/stylesheets/application.scss */
.light-section .description-panel, .gray-section .description-panel {
  padding: 0;
  border: none;
  margin: 0 0 20px;
}

/* line 5037, app/assets/stylesheets/application.scss */
.gray-section {
  background: #ececec;
}

/* line 5040, app/assets/stylesheets/application.scss */
.gray-section .btn-holder {
  text-align: center;
}

/* line 5044, app/assets/stylesheets/application.scss */
.gray-section .btn-holder .btn {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 5050, app/assets/stylesheets/application.scss */
.donation-list {
  padding: 0;
  margin: 0 -15px;
  list-style: none;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}

/* line 5057, app/assets/stylesheets/application.scss */
.donation-list > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 30px;
  padding: 0 15px;
  width: 50%;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: 0;
}

@media only screen and (max-width: 1023px) {
  /* line 5067, app/assets/stylesheets/application.scss */
  .donation-list > li {
    width: auto;
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5071, app/assets/stylesheets/application.scss */
  .donation-list > li {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

/* line 5074, app/assets/stylesheets/application.scss */
.donation-list .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 8px;
  padding: 20px 30px 20px 20px;
  -webkit-box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1023px) {
  /* line 5084, app/assets/stylesheets/application.scss */
  .donation-list .inner {
    min-height: 140px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5087, app/assets/stylesheets/application.scss */
  .donation-list .inner {
    padding: 10px;
    min-height: 120px;
  }
}

/* line 5090, app/assets/stylesheets/application.scss */
.donation-list .preview {
  width: 155px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0 30px 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px solid #d5d5d5;
}

@media only screen and (max-width: 479px) {
  /* line 5107, app/assets/stylesheets/application.scss */
  .donation-list .preview {
    width: 90px;
    margin-right: 15px;
  }
}

/* line 5110, app/assets/stylesheets/application.scss */
.donation-list .year {
  display: block;
  font-size: 25px;
  font-weight: bold;
}

@media only screen and (max-width: 479px) {
  /* line 5115, app/assets/stylesheets/application.scss */
  .donation-list .year {
    font-size: 20px;
  }
}

/* line 5117, app/assets/stylesheets/application.scss */
.donation-list .status {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 500;
}

/* line 5122, app/assets/stylesheets/application.scss */
.donation-list .status.progress {
  color: #fcd600;
}

/* line 5124, app/assets/stylesheets/application.scss */
.donation-list .status.completed {
  color: #107e7d;
}

/* line 5126, app/assets/stylesheets/application.scss */
.donation-list .title {
  display: block;
  margin: 0 0 10px;
  font-weight: bold;
}

/* line 5130, app/assets/stylesheets/application.scss */
.donation-list .members {
  padding: 0;
  margin: 0 0 -3px;
  list-style: none;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}

/* line 5137, app/assets/stylesheets/application.scss */
.donation-list .members li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 0 3px 3px 0;
}

/* line 5142, app/assets/stylesheets/application.scss */
.donation-list .members img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: block;
}

@media only screen and (max-width: 479px) {
  /* line 5148, app/assets/stylesheets/application.scss */
  .donation-list .members img {
    width: 30px;
    height: 30px;
  }
}

/* line 5152, app/assets/stylesheets/application.scss */
.supporters-list {
  font-size: 0;
  line-height: 0;
  list-style: none;
  padding: 72px 0 0;
  text-align: center;
  margin: 0 -15px 20px;
  letter-spacing: -4px;
}

@media only screen and (max-width: 1023px) {
  /* line 5161, app/assets/stylesheets/application.scss */
  .supporters-list {
    max-width: 700px;
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5167, app/assets/stylesheets/application.scss */
  .supporters-list {
    padding-top: 0;
    max-width: 460px;
  }
}

/* line 5170, app/assets/stylesheets/application.scss */
.supporters-list > li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 1.25;
  width: 50%;
  padding: 0 15px;
  margin: 0 0 30px;
}

/* line 5179, app/assets/stylesheets/application.scss */
.supporters-list > li.wide {
  width: 66%;
}

@media only screen and (max-width: 1023px) {
  /* line 5182, app/assets/stylesheets/application.scss */
  .supporters-list > li {
    padding: 0;
    width: auto;
    display: block;
  }
  /* line 5186, app/assets/stylesheets/application.scss */
  .supporters-list > li.wide {
    width: auto;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5189, app/assets/stylesheets/application.scss */
  .supporters-list > li {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 15px;
  }
}

/* line 5193, app/assets/stylesheets/application.scss */
.supporters-list .inner {
  background: #fff;
  border-radius: 20px;
  padding: 30px 30px 20px;
}

@media only screen and (max-width: 767px) {
  /* line 5198, app/assets/stylesheets/application.scss */
  .supporters-list .inner {
    padding: 15px 15px 10px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5201, app/assets/stylesheets/application.scss */
  .supporters-list .inner {
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 5205, app/assets/stylesheets/application.scss */
.supporters-list .visual {
  z-index: 10;
  width: 200px;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
  position: relative;
  margin: 0 auto 33px;
}

@media only screen and (max-width: 767px) {
  /* line 5215, app/assets/stylesheets/application.scss */
  .supporters-list .visual {
    margin-bottom: 20px;
  }
}

/* line 5217, app/assets/stylesheets/application.scss */
.supporters-list .visual img {
  display: block;
  margin: 0 auto;
}

/* line 5220, app/assets/stylesheets/application.scss */
.supporters-list .visual .shadow {
  position: absolute;
  top: 38px;
  left: 15px;
  right: 15px;
  bottom: -4px;
  z-index: -10;
  border-radius: 5px;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

/* line 5233, app/assets/stylesheets/application.scss */
.supporters-list .title {
  color: #000;
  display: block;
  line-height: 1;
  font-size: 34px;
  font-weight: 500;
  margin: 0 0 10px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  /* line 5242, app/assets/stylesheets/application.scss */
  .supporters-list .title {
    font-size: 30px;
  }
}

/* line 5244, app/assets/stylesheets/application.scss */
.supporters-list p {
  margin: 0 0 20px;
}

/* line 5246, app/assets/stylesheets/application.scss */
.supporters-list .inner-list {
  margin: 0;
  -webkit-columns: 2;
  columns: 2;
  font-size: 20px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  padding: 10px 0 0;
  counter-reset: item;
}

@media only screen and (max-width: 767px) {
  /* line 5259, app/assets/stylesheets/application.scss */
  .supporters-list .inner-list {
    padding-top: 0;
    font-size: 16px;
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5264, app/assets/stylesheets/application.scss */
  .supporters-list .inner-list {
    -webkit-columns: 1;
    columns: 1;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 5270, app/assets/stylesheets/application.scss */
.supporters-list .inner-list > li {
  counter-increment: item;
}

/* line 5272, app/assets/stylesheets/application.scss */
.supporters-list .inner-list > li:before {
  margin-right: 10px;
  content: counters(item, ".") ".";
}

/* line 5277, app/assets/stylesheets/application.scss */
.supporters-item {
  padding: 52px 0 48px;
  border-bottom: 1px solid #d5d5d5;
}

@media only screen and (max-width: 767px) {
  /* line 5281, app/assets/stylesheets/application.scss */
  .supporters-item {
    padding: 30px 0;
  }
}

/* line 5283, app/assets/stylesheets/application.scss */
.supporters-item:first-of-type {
  padding-top: 0;
}

/* line 5285, app/assets/stylesheets/application.scss */
.supporters-item h2 {
  font-size: 40px;
  line-height: 1;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  /* line 5290, app/assets/stylesheets/application.scss */
  .supporters-item h2 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5293, app/assets/stylesheets/application.scss */
  .supporters-item h2 {
    font-size: 30px;
  }
}

/* line 5295, app/assets/stylesheets/application.scss */
.supporters-item h2 small {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  padding: 9px 0 0;
}

@media only screen and (max-width: 767px) {
  /* line 5302, app/assets/stylesheets/application.scss */
  .supporters-item h2 small {
    font-size: 14px;
    font-weight: normal;
  }
}

/* line 5305, app/assets/stylesheets/application.scss */
.supporters-item .num-list {
  margin: 0;
  -webkit-columns: 4;
  columns: 4;
  padding: 0 5px;
  font-size: 20px;
  line-height: 1.5;
  -webkit-column-gap: 45px;
  column-gap: 45px;
  list-style: none;
  counter-reset: item;
}

@media only screen and (max-width: 1023px) {
  /* line 5317, app/assets/stylesheets/application.scss */
  .supporters-item .num-list {
    -webkit-columns: 3;
    columns: 3;
    -webkit-column-gap: 30px;
    column-gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5323, app/assets/stylesheets/application.scss */
  .supporters-item .num-list {
    padding: 0;
    -webkit-columns: 2;
    columns: 2;
    font-size: 18px;
    -webkit-column-gap: 14px;
    column-gap: 14px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5331, app/assets/stylesheets/application.scss */
  .supporters-item .num-list {
    -webkit-columns: 1;
    columns: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}

/* line 5336, app/assets/stylesheets/application.scss */
.supporters-item .num-list > li {
  counter-increment: item;
}

/* line 5338, app/assets/stylesheets/application.scss */
.supporters-item .num-list > li:before {
  margin-right: 10px;
  content: counters(item, ".") ".";
}

@media only screen and (max-width: 767px) {
  /* line 5342, app/assets/stylesheets/application.scss */
  .supporters-item .num-list > li:before {
    margin-right: 4px;
  }
}

/* line 5344, app/assets/stylesheets/application.scss */
.supporters-item .num-list.type2 {
  -webkit-columns: 5;
  columns: 5;
  font-size: 16px;
  -webkit-column-gap: 10px;
  column-gap: 10px;
  line-height: 1.88;
}

/* line 5351, app/assets/stylesheets/application.scss */
.supporters-item .num-list.type2 > li:before {
  margin-right: 6px;
}

@media only screen and (max-width: 1023px) {
  /* line 5354, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 > li:before {
    margin-right: 2px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 5357, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 4;
    columns: 4;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5361, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 3;
    columns: 3;
  }
}

@media only screen and (max-width: 600px) {
  /* line 5365, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 2;
    columns: 2;
  }
}

@media only screen and (max-width: 400px) {
  /* line 5369, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 1;
    columns: 1;
  }
}

/* line 5373, app/assets/stylesheets/application.scss */
.supporters-info {
  display: block;
  font-size: 15px;
  padding: 54px 0 0;
  line-height: 1.33;
  letter-spacing: 0;
}

@media only screen and (max-width: 767px) {
  /* line 5380, app/assets/stylesheets/application.scss */
  .supporters-info {
    padding-top: 30px;
  }
}

/* line 5383, app/assets/stylesheets/application.scss */
h4.offset2 {
  margin-bottom: 30px;
}

/* line 5386, app/assets/stylesheets/application.scss */
h2.h1 {
  color: #000;
  font-size: 50px;
}

@media only screen and (max-width: 1023px) {
  /* line 5390, app/assets/stylesheets/application.scss */
  h2.h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5393, app/assets/stylesheets/application.scss */
  h2.h1 {
    font-size: 30px;
  }
}

/* line 5396, app/assets/stylesheets/application.scss */
.description-panel .marker-list {
  padding: 0;
  list-style: none;
  margin: -10px 0 20px;
}

/* line 5400, app/assets/stylesheets/application.scss */
.description-panel .marker-list li {
  margin: 0 0 20px;
  position: relative;
  padding: 0 0 0 36px;
}

@media only screen and (max-width: 767px) {
  /* line 5405, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li {
    padding-left: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5409, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li {
    margin-bottom: 10px;
  }
}

/* line 5411, app/assets/stylesheets/application.scss */
.description-panel .marker-list li:after {
  content: '';
  position: absolute;
  top: 12px;
  left: 12px;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 50%;
}

@media only screen and (max-width: 1023px) {
  /* line 5421, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li:after {
    top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5424, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li:after {
    top: 8px;
    left: 5px;
  }
}

/* line 5428, app/assets/stylesheets/application.scss */
.research-list.type2 {
  font-size: 16px;
  padding-top: 35px;
  line-height: 1.56;
  text-align: center;
  margin: 0 -15px 20px;
}

/* line 5434, app/assets/stylesheets/application.scss */
.research-list.type2 li {
  width: 20%;
  margin: 0 0 30px;
  padding: 54px 15px 0;
}

@media only screen and (max-width: 1023px) {
  /* line 5439, app/assets/stylesheets/application.scss */
  .research-list.type2 li {
    width: 33.3%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5442, app/assets/stylesheets/application.scss */
  .research-list.type2 li {
    width: 50%;
    display: inline-block;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5446, app/assets/stylesheets/application.scss */
  .research-list.type2 li {
    width: auto;
    display: block;
  }
}

/* line 5449, app/assets/stylesheets/application.scss */
.research-list.type2 a {
  color: #044b7f;
}

/* line 5451, app/assets/stylesheets/application.scss */
.research-list.type2 .ico {
  margin: -120px auto 20px;
}

/* line 5453, app/assets/stylesheets/application.scss */
.research-list.type2 .cont {
  min-height: 0;
  padding: 66px 20px 25px;
}

/* line 5457, app/assets/stylesheets/application.scss */
.donate-form-section {
  padding: 50px 0;
  background: #fff;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  /* line 5463, app/assets/stylesheets/application.scss */
  .donate-form-section {
    padding: 10.4167vw 0;
  }
}

/* line 5465, app/assets/stylesheets/application.scss */
.donate-form-section h2 {
  color: #000;
  font-size: 72px;
  margin: 0 0 50px;
  font-weight: 500;
  line-height: 1.11;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  /* line 5473, app/assets/stylesheets/application.scss */
  .donate-form-section h2 {
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5476, app/assets/stylesheets/application.scss */
  .donate-form-section h2 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5479, app/assets/stylesheets/application.scss */
  .donate-form-section h2 {
    font-size: 10.8333vw;
    margin-bottom: 10.4167vw;
  }
}

/* line 5482, app/assets/stylesheets/application.scss */
.donate-form-section + .content-section .description-panel:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* line 5487, app/assets/stylesheets/application.scss */
.donate-form {
  margin: 0;
  padding: 0;
}

/* line 5490, app/assets/stylesheets/application.scss */
.donate-form fieldset {
  margin: 0;
  padding: 0;
  border: none;
  min-width: 0;
}

/* line 5495, app/assets/stylesheets/application.scss */
.donate-form .steps-list {
  padding: 0;
  margin: 0 -73px 50px;
  list-style: none;
  text-align: center;
  counter-reset: item;
  font-size: 0;
  line-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: -4px;
}

@media only screen and (max-width: 767px) {
  /* line 5509, app/assets/stylesheets/application.scss */
  .donate-form .steps-list {
    margin-left: -35px;
    margin-right: -35px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5513, app/assets/stylesheets/application.scss */
  .donate-form .steps-list {
    margin-left: -7.2917vw;
    margin-right: -7.2917vw;
    margin-bottom: 10.4167vw;
  }
}

/* line 5517, app/assets/stylesheets/application.scss */
.donate-form .steps-list li {
  z-index: 10;
  margin: 0 73px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  position: relative;
  counter-increment: item;
}

@media only screen and (max-width: 767px) {
  /* line 5526, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li {
    margin-left: 35px;
    margin-right: 35px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5530, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li {
    margin-left: 7.2917vw;
    margin-right: 7.2917vw;
  }
}

/* line 5533, app/assets/stylesheets/application.scss */
.donate-form .steps-list li:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  height: 1px;
  width: 126px;
  margin: 0 10px 0 0;
  background: #ececec;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 767px) {
  /* line 5546, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li:after {
    width: 55px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5549, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li:after {
    width: 11.4583vw;
    margin-right: 2.0833vw;
  }
}

/* line 5552, app/assets/stylesheets/application.scss */
.donate-form .steps-list li:before {
  content: '';
  position: absolute;
  top: 23px;
  left: 8px;
  right: 8px;
  bottom: -4px;
  opacity: 0;
  z-index: -10;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  border-radius: 50%;
  background: #fcd600;
  -webkit-transition: opacity .35s ease;
  -o-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

/* line 5568, app/assets/stylesheets/application.scss */
.donate-form .steps-list li:first-child:after {
  display: none;
}

/* line 5570, app/assets/stylesheets/application.scss */
.donate-form .steps-list li span {
  border-radius: 50%;
}

/* line 5572, app/assets/stylesheets/application.scss */
.donate-form .steps-list li span:after {
  content: counters(item, ".") "";
  display: block;
  height: 100px;
  width: 100px;
  line-height: 96px;
  border-radius: 50%;
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  color: #ececec;
  border: 2px solid #ececec;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 767px) {
  /* line 5588, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li span:after {
    font-size: 30px;
    width: 80px;
    height: 80px;
    line-height: 76px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5594, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li span:after {
    font-size: 6.25vw;
    width: 16.6667vw;
    height: 16.6667vw;
    line-height: calc(16.6667vw - 4px);
  }
}

/* line 5599, app/assets/stylesheets/application.scss */
.donate-form .steps-list li span:before {
  position: absolute;
  content: '';
  top: 23px;
  left: 8px;
  right: 8px;
  bottom: -4px;
  opacity: 0;
  border-radius: 50%;
  background: #fcd600;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  -webkit-transition: opacity .35s ease;
  -o-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

/* line 5614, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active:before {
  opacity: 1;
}

/* line 5616, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active:after {
  background: #fcd600;
}

/* line 5618, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active span {
  cursor: pointer;
}

/* line 5620, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active span:after {
  color: #000;
  background: #fcd600;
  border-color: #fcd600;
}

/* line 5624, app/assets/stylesheets/application.scss */
.donate-form .tab {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
  -webkit-transition: all 0s ease .35s, opacity .35s ease;
  -o-transition: all 0s ease .35s, opacity .35s ease;
  transition: all 0s ease .35s, opacity .35s ease;
}

/* line 5632, app/assets/stylesheets/application.scss */
.donate-form .tab.active {
  position: static;
  opacity: 1;
  top: auto;
  left: auto;
  -webkit-transition: opacity .35s ease;
  -o-transition: opacity .35s ease;
  transition: opacity .35s ease;
}

/* line 5640, app/assets/stylesheets/application.scss */
.donate-form h4 {
  text-align: center;
  margin: 0 0 30px;
}

/* line 5643, app/assets/stylesheets/application.scss */
.donate-form .form-row {
  margin: 0 0 30px;
}

@media only screen and (max-width: 479px) {
  /* line 5646, app/assets/stylesheets/application.scss */
  .donate-form .form-row {
    margin-bottom: 6.25vw;
  }
}

/* line 5648, app/assets/stylesheets/application.scss */
.donate-form .input-item {
  position: relative;
}

/* line 5650, app/assets/stylesheets/application.scss */
.donate-form .input-item > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  color: #7d7d7d;
  font-size: 24px;
  padding: 0 20px;
  max-width: 100%;
  line-height: 70px;
  border-radius: 8px;
  pointer-events: none;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 479px) {
  /* line 5666, app/assets/stylesheets/application.scss */
  .donate-form .input-item > label {
    height: 14.5833vw;
    font-size: 5vw;
    padding: 0 4.1667vw;
    line-height: 14.5833vw;
    border-radius: 1.6667vw;
  }
}

/* line 5672, app/assets/stylesheets/application.scss */
.donate-form .input-item.on-focus > label {
  top: -10px;
  left: 10px;
  height: 20px;
  color: #d5d5d5;
  font-size: 20px;
  background: #fff;
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  max-width: calc(100% - 20px);
}

@media only screen and (max-width: 479px) {
  /* line 5684, app/assets/stylesheets/application.scss */
  .donate-form .input-item.on-focus > label {
    top: -2.0833vw;
    left: 2.0833vw;
    height: 4.1667vw;
    font-size: 4.1667vw;
    line-height: 4.1667vw;
    padding-left: 2.0833vw;
    padding-right: 2.0833vw;
    max-width: calc(100% - 4.1667vw);
  }
}

/* line 5693, app/assets/stylesheets/application.scss */
.donate-form input.text {
  padding: 0 20px;
  display: block;
  width: 100%;
  color: #000;
  font-size: 24px;
  line-height: 1;
  height: 70px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #d5d5d5;
}

@media only screen and (max-width: 479px) {
  /* line 5709, app/assets/stylesheets/application.scss */
  .donate-form input.text {
    height: 14.5833vw;
    padding: 0 4.1667vw;
    font-size: 5vw;
    border-radius: 1.6667vw;
  }
}

/* line 5714, app/assets/stylesheets/application.scss */
.donate-form input.text::-webkit-input-placeholder {
  color: #7d7d7d;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 5720, app/assets/stylesheets/application.scss */
.donate-form input.text::-webkit-input-placeholder {
  color: #7d7d7d;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 5726, app/assets/stylesheets/application.scss */
.donate-form input.text:-moz-placeholder {
  color: #7d7d7d;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 5732, app/assets/stylesheets/application.scss */
.donate-form input.text::-moz-placeholder {
  color: #7d7d7d;
  opacity: 1;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 5738, app/assets/stylesheets/application.scss */
.donate-form input.text:focus::-webkit-input-placeholder {
  color: transparent;
}

/* line 5740, app/assets/stylesheets/application.scss */
.donate-form input.text:focus::-webkit-input-placeholder {
  color: transparent;
}

/* line 5742, app/assets/stylesheets/application.scss */
.donate-form input.text:focus:-moz-placeholder {
  color: transparent;
}

/* line 5744, app/assets/stylesheets/application.scss */
.donate-form input.text:focus::-moz-placeholder {
  color: transparent;
}

/* line 5746, app/assets/stylesheets/application.scss */
.donate-form .col-row {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}

@media only screen and (max-width: 479px) {
  /* line 5751, app/assets/stylesheets/application.scss */
  .donate-form .col-row {
    margin-left: -3.125vw;
    margin-right: -3.125vw;
  }
}

/* line 5754, app/assets/stylesheets/application.scss */
.donate-form .col-row > .col {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  float: none;
}

@media only screen and (max-width: 479px) {
  /* line 5760, app/assets/stylesheets/application.scss */
  .donate-form .col-row > .col {
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 5764, app/assets/stylesheets/application.scss */
  .donate-form .col-row > .col.hide-on-tablet {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5767, app/assets/stylesheets/application.scss */
  .donate-form .col-row > .col.hide-on-mobile {
    display: none !important;
  }
}

/* line 5769, app/assets/stylesheets/application.scss */
.donate-form .radio-list {
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  font-weight: bold;
  list-style: none;
  text-align: center;
  letter-spacing: -4px;
}

@media only screen and (max-width: 479px) {
  /* line 5779, app/assets/stylesheets/application.scss */
  .donate-form .radio-list {
    margin-left: -3.125vw;
    margin-right: -3.125vw;
  }
}

/* line 5782, app/assets/stylesheets/application.scss */
.donate-form .radio-list.items-4 > li {
  width: 25%;
}

@media only screen and (max-width: 1023px) {
  /* line 5785, app/assets/stylesheets/application.scss */
  .donate-form .radio-list.items-4 > li {
    width: 50%;
  }
}

/* line 5787, app/assets/stylesheets/application.scss */
.donate-form .radio-list > li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 24px;
  line-height: 1.25;
  width: 20%;
  padding: 0 15px;
  margin: 0 0 30px;
}

@media only screen and (max-width: 1023px) {
  /* line 5797, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li {
    width: 25%;
  }
  /* line 5799, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li.amount {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5802, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5805, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li {
    font-size: 5vw;
    padding: 0 3.125vw;
    margin: 0 0 6.25vw;
  }
  /* line 5809, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li.amount {
    width: 100%;
  }
}

/* line 5811, app/assets/stylesheets/application.scss */
.donate-form .radio-list label {
  display: block;
  position: relative;
}

/* line 5814, app/assets/stylesheets/application.scss */
.donate-form .radio-list input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  z-index: 15;
  cursor: pointer;
}

/* line 5828, app/assets/stylesheets/application.scss */
.donate-form .radio-list input[type="radio"] + span {
  padding: 19px;
  display: block;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #4a4a4a;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

@media only screen and (max-width: 479px) {
  /* line 5838, app/assets/stylesheets/application.scss */
  .donate-form .radio-list input[type="radio"] + span {
    padding: 3.9583vw;
    border-radius: 1.6667vw;
  }
}

/* line 5841, app/assets/stylesheets/application.scss */
.donate-form .radio-list input[type="radio"]:checked + span,
.donate-form .radio-list input[type="radio"]:checked + input.text {
  background: #fcd600;
  border-color: #fcd600;
  -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

/* line 5847, app/assets/stylesheets/application.scss */
.donate-form .radio-list input.text {
  font-weight: bold;
  text-align: center;
  background: #f7f7f7;
  border: 1px solid #4a4a4a;
}

/* line 5852, app/assets/stylesheets/application.scss */
.donate-form .btn-holder {
  padding: 20px 0 0;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  /* line 5856, app/assets/stylesheets/application.scss */
  .donate-form .btn-holder {
    padding-top: 4.1667vw;
  }
}

/* line 5858, app/assets/stylesheets/application.scss */
.donate-form .btn-holder .btn {
  z-index: 10;
  padding: 27px;
  border: none;
  line-height: 1;
  font-size: 16px;
  font-weight: 500;
  min-width: 300px;
  position: relative;
  border-radius: 8px;
  background: #fcd600;
}

@media only screen and (max-width: 479px) {
  /* line 5870, app/assets/stylesheets/application.scss */
  .donate-form .btn-holder .btn {
    padding: 5.625vw;
    min-width: 62.5vw;
    border-radius: 1.6667vw;
  }
}

/* line 5874, app/assets/stylesheets/application.scss */
.donate-form .btn-holder .btn:after {
  content: '';
  position: absolute;
  top: 19px;
  left: 23px;
  right: 23px;
  bottom: -4px;
  z-index: -10;
  border-radius: 7px;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  background: #fcd600;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 5889, app/assets/stylesheets/application.scss */
.donate-form .btn-holder .btn:hover:after {
  bottom: -1px;
}

/* line 5891, app/assets/stylesheets/application.scss */
.donate-form .total-content {
  font-weight: 500;
  max-width: 382px;
  margin: 0 auto 30px;
}

/* line 5895, app/assets/stylesheets/application.scss */
.donate-form .total-content dl {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}

/* line 5901, app/assets/stylesheets/application.scss */
.donate-form .total-content dt, .donate-form .total-content dd {
  margin: 0;
  width: 50%;
  padding: 0 15px;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.25;
  vertical-align: top;
  display: inline-block;
}

@media only screen and (max-width: 479px) {
  /* line 5911, app/assets/stylesheets/application.scss */
  .donate-form .total-content dt, .donate-form .total-content dd {
    font-size: 14px;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
  }
}

/* line 5915, app/assets/stylesheets/application.scss */
.donate-form .total-content dt {
  color: #7d7d7d;
  padding-left: 0;
  text-align: right;
}

/* line 5919, app/assets/stylesheets/application.scss */
.donate-form .total-content dd {
  padding-right: 0;
}

/* line 5922, app/assets/stylesheets/application.scss */
.vitiligans-list {
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  list-style: none;
  padding: 40px 0 0;
  letter-spacing: -4px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 5931, app/assets/stylesheets/application.scss */
  .vitiligans-list {
    padding-top: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}

/* line 5935, app/assets/stylesheets/application.scss */
.vitiligans-list > li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 1.25;
  padding: 0 15px;
  margin: 0 0 50px;
  width: 25%;
}

@media only screen and (max-width: 1023px) {
  /* line 5945, app/assets/stylesheets/application.scss */
  .vitiligans-list > li {
    width: 33.3%;
    max-width: 308px;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5950, app/assets/stylesheets/application.scss */
  .vitiligans-list > li {
    width: 50%;
    font-size: 14px;
    max-width: 298px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5958, app/assets/stylesheets/application.scss */
  .vitiligans-list > li {
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 5963, app/assets/stylesheets/application.scss */
.vitiligans-list > li > a {
  display: block;
  padding: 0 0 30px;
  position: relative;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  /* line 5969, app/assets/stylesheets/application.scss */
  .vitiligans-list > li > a {
    padding-bottom: 0;
  }
}

/* line 5971, app/assets/stylesheets/application.scss */
.vitiligans-list > li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  opacity: 0;
  margin-left: -15px;
  border-bottom: 20px solid #333;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

/* line 5981, app/assets/stylesheets/application.scss */
.vitiligans-list > li > a .visual {
  z-index: 10;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 0 20px;
  overflow: visible;
  position: relative;
}

@media only screen and (max-width: 767px) {
  /* line 5990, app/assets/stylesheets/application.scss */
  .vitiligans-list > li > a .visual {
    margin-bottom: 15px;
  }
}

/* line 5992, app/assets/stylesheets/application.scss */
.vitiligans-list > li > a .visual img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

/* line 5996, app/assets/stylesheets/application.scss */
.vitiligans-list > li > a .visual .shadow {
  position: absolute;
  top: 18.02%;
  left: 7.57%;
  right: 7.57%;
  bottom: -1.5%;
  z-index: -10;
  -webkit-filter: blur(13px);
  filter: blur(13px);
  border-radius: 7px;
}

/* line 6006, app/assets/stylesheets/application.scss */
.vitiligans-list > li.open > a:after {
  opacity: 1;
}

/* line 6008, app/assets/stylesheets/application.scss */
.vitiligans-list > li.open .expanded {
  top: 0;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  /* line 6013, app/assets/stylesheets/application.scss */
  .vitiligans-list > li.open .expanded {
    display: block;
  }
}

/* line 6015, app/assets/stylesheets/application.scss */
.vitiligans-list > li:not(.open) {
  padding-bottom: 0 !important;
}

/* line 6017, app/assets/stylesheets/application.scss */
.vitiligans-list .name {
  display: block;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  /* line 6023, app/assets/stylesheets/application.scss */
  .vitiligans-list .name {
    font-size: 16px;
  }
}

/* line 6025, app/assets/stylesheets/application.scss */
.vitiligans-list .post {
  display: block;
  color: #7d7d7d;
}

/* line 6028, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded {
  position: absolute;
  top: -9999px;
  left: -9999px;
  right: 9999px;
  color: #fff;
  z-index: 1000;
  font-size: 20px;
  line-height: 1.5;
  background: #333;
  padding: 50px 15px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
  /* line 6054, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6057, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded {
    display: block;
    font-size: 16px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 6061, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded {
    font-size: 14px;
  }
}

/* line 6063, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded:after, .vitiligans-list .expanded:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50vw;
  background: #333;
}

/* line 6070, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded:after {
  left: 100%;
}

/* line 6072, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded:before {
  right: 100%;
}

/* line 6074, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 24px;
  height: 24px;
  z-index: 150;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: calc((100vw - 1200px) / -2 + 25px);
}

@media only screen and (max-width: 1320px) {
  /* line 6086, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded .close {
    right: 15px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 560px) {
  /* line 6090, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded .close {
    top: 15px;
  }
}

/* line 6092, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .close:after, .vitiligans-list .expanded .close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 32px;
  z-index: 10;
  background: #fff;
  margin: 0 0 0 -16px;
}

/* line 6102, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 6106, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-width: 767px) {
  /* line 6111, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded {
    position: fixed;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2500;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
  }
}

/* line 6121, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .visual {
  margin: 0;
  width: 40%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 0 0 11.25%;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1320px) {
  /* line 6135, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded .visual {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6138, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded .visual {
    width: auto;
    max-width: 480px;
    margin: 0 0 30px;
  }
}

/* line 6142, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .visual img {
  width: 100%;
  display: block;
}

/* line 6145, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded h2 {
  margin: 0;
  color: inherit;
  font-weight: normal;
}

/* line 6149, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded h2 + p {
  margin-top: 30px;
}

@media only screen and (max-width: 479px) {
  /* line 6152, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded h2 + p {
    margin-top: 18px;
  }
}

/* line 6154, app/assets/stylesheets/application.scss */
.vitiligans-list + .description-panel {
  margin-top: 0;
}

/* line 6157, app/assets/stylesheets/application.scss */
.description-panel hr {
  height: 1px;
  border: none;
  margin: 30px 0 0;
  background: #d5d5d5;
}

/* line 6163, app/assets/stylesheets/application.scss */
.video-panel {
  margin-bottom: 0;
}

/* line 6165, app/assets/stylesheets/application.scss */
.video-panel .video-list {
  margin-bottom: -30px;
}

@media only screen and (max-width: 479px) {
  /* line 6168, app/assets/stylesheets/application.scss */
  .video-panel .video-list {
    margin-bottom: -15px;
  }
}

/* line 6170, app/assets/stylesheets/application.scss */
.video-panel .video-list > li {
  width: 50%;
}

@media only screen and (max-width: 1023px) {
  /* line 6173, app/assets/stylesheets/application.scss */
  .video-panel .video-list > li {
    width: auto;
    display: block;
    max-width: 500px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6178, app/assets/stylesheets/application.scss */
  .video-panel .video-list > li {
    width: 50%;
    display: inline-block;
  }
}

@media only screen and (max-width: 479px) {
  /* line 6182, app/assets/stylesheets/application.scss */
  .video-panel .video-list > li {
    width: auto;
    display: block;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 6186, app/assets/stylesheets/application.scss */
  .video-panel .video-list a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

@media only screen and (max-width: 479px) {
  /* line 6191, app/assets/stylesheets/application.scss */
  .video-panel .video-list a {
    display: block;
  }
}

/* line 6193, app/assets/stylesheets/application.scss */
.video-panel .video-list .year {
  margin: 0 0 36px;
}

@media only screen and (max-width: 767px) {
  /* line 6196, app/assets/stylesheets/application.scss */
  .video-panel .video-list .year {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

/* line 6199, app/assets/stylesheets/application.scss */
.video-panel .video-list .ico {
  width: 80px;
  display: block;
  position: static;
}

/* line 6203, app/assets/stylesheets/application.scss */
.video-panel .video-list .ico img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 6207, app/assets/stylesheets/application.scss */
  .video-panel .video-list .ico {
    width: 60px;
  }
}

/* line 6210, app/assets/stylesheets/application.scss */
.gray-section .video-panel {
  margin-bottom: 0;
}

/* line 6213, app/assets/stylesheets/application.scss */
.media-list {
  padding: 0;
  font-size: 0;
  line-height: 0;
  list-style: none;
  letter-spacing: -4px;
  margin: 0 -15px -50px;
}

@media only screen and (max-width: 767px) {
  /* line 6221, app/assets/stylesheets/application.scss */
  .media-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -20px;
  }
}

/* line 6225, app/assets/stylesheets/application.scss */
.media-list > li {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  padding: 0 15px;
  margin: 0 0 50px;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}

@media only screen and (max-width: 1023px) {
  /* line 6235, app/assets/stylesheets/application.scss */
  .media-list > li {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6238, app/assets/stylesheets/application.scss */
  .media-list > li {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 2.9167vw;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 6244, app/assets/stylesheets/application.scss */
  .media-list > li {
    max-width: 380px;
    font-size: 14px;
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 6251, app/assets/stylesheets/application.scss */
.media-list a {
  display: block;
  text-decoration: none;
}

/* line 6254, app/assets/stylesheets/application.scss */
.media-list .visual {
  display: block;
  margin: 0 0 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  border-radius: 8px;
}

/* line 6261, app/assets/stylesheets/application.scss */
.media-list .visual img {
  display: block;
  width: 100%;
}

/* line 6264, app/assets/stylesheets/application.scss */
.media-list .title {
  display: block;
  font-weight: bold;
}

/* line 6268, app/assets/stylesheets/application.scss */
.video-popup iframe {
  width: 100%;
  height: 560px;
  display: block;
  min-height: 200px;
}

@media only screen and (max-width: 1023px) {
  /* line 6274, app/assets/stylesheets/application.scss */
  .video-popup iframe {
    height: 54.6875vw;
  }
}

/* line 6277, app/assets/stylesheets/application.scss */
.video-popup h2 {
  padding: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  /* line 6281, app/assets/stylesheets/application.scss */
  .video-popup h2 {
    padding: 20px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 6284, app/assets/stylesheets/application.scss */
  .video-popup h2 {
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 6289, app/assets/stylesheets/application.scss */
.description-panel h2 .subtitle {
  display: block;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: 0;
  padding: 12px 0 0;
}

/* line 6297, app/assets/stylesheets/application.scss */
.img-text-block:after {
  content: '';
  clear: both;
  display: block;
}

/* line 6302, app/assets/stylesheets/application.scss */
.img-text-block .visual {
  width: 50%;
  float: right;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
}

/* line 6308, app/assets/stylesheets/application.scss */
.img-text-block .content {
  overflow: hidden;
}

@media only screen and (max-width: 1023px) {
  /* line 6312, app/assets/stylesheets/application.scss */
  .img-text-block .visual {
    padding: 0;
    width: auto;
    float: none;
    max-width: 585px;
    margin: 0 auto 30px;
  }
}

/* line 6319, app/assets/stylesheets/application.scss */
.events-list3 {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 6323, app/assets/stylesheets/application.scss */
.events-list3 > li {
  padding: 39px 0 28px;
  border-top: 1px solid #d5d5d5;
}

/* line 6326, app/assets/stylesheets/application.scss */
.events-list3 > li:first-child {
  padding-top: 0;
  border-top: none;
}

@media only screen and (max-width: 767px) {
  /* line 6330, app/assets/stylesheets/application.scss */
  .events-list3 > li {
    padding: 20px 0 5px;
  }
}

/* line 6332, app/assets/stylesheets/application.scss */
.events-list3 > li:last-child {
  padding-bottom: 0;
}

/* line 6334, app/assets/stylesheets/application.scss */
.events-list3 > li:after {
  content: '';
  clear: both;
  display: block;
}

/* line 6338, app/assets/stylesheets/application.scss */
.events-list3 .date {
  float: left;
  width: 175px;
  line-height: 1;
  font-size: 40px;
  font-weight: bold;
  margin: 0 30px 0 0;
  font-weight: normal;
}

/* line 6346, app/assets/stylesheets/application.scss */
.events-list3 .visual {
  float: right;
  width: 277px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: visible;
  margin: 0 0 0 30px;
}

/* line 6354, app/assets/stylesheets/application.scss */
.events-list3 .visual img {
  display: block;
  width: 100%;
}

/* line 6357, app/assets/stylesheets/application.scss */
.events-list3 .content {
  overflow: hidden;
}

@media only screen and (max-width: 1023px) {
  /* line 6360, app/assets/stylesheets/application.scss */
  .events-list3 .date {
    width: auto;
    float: none;
    display: block;
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6366, app/assets/stylesheets/application.scss */
  .events-list3 .visual {
    float: none;
    margin: 0 0 30px;
  }
}

/* line 6369, app/assets/stylesheets/application.scss */
.photo-copyright {
  position: absolute;
  bottom: 0;
  left: 5px;
  color: #fff;
  font-size: 1vw;
}

/* line 6376, app/assets/stylesheets/application.scss */
.info-copyright {
  position: absolute;
  bottom: 0;
  font-size: 0.5vw;
  right: 5px;
}

/* line 6382, app/assets/stylesheets/application.scss */
.extra-grants {
  display: none;
}

/* line 6385, app/assets/stylesheets/application.scss */
a.without-underline {
  text-decoration: none;
}

/* line 6388, app/assets/stylesheets/application.scss */
ul.news {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 6392, app/assets/stylesheets/application.scss */
ul.news li {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #d5d5d5;
}

/* line 6404, app/assets/stylesheets/application.scss */
ul.news li .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}

/* line 6416, app/assets/stylesheets/application.scss */
ul.news li .name {
  max-width: 350px;
  min-width: 350px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  /* line 6427, app/assets/stylesheets/application.scss */
  ul.news li {
    display: inline !important;
  }
  /* line 6430, app/assets/stylesheets/application.scss */
  ul.news li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 6434, app/assets/stylesheets/application.scss */
  ul.news li .content {
    margin-bottom: 25px;
  }
}

/* line 6439, app/assets/stylesheets/application.scss */
.map-section .search-markers {
  margin-bottom: 50px;
}

/* line 6443, app/assets/stylesheets/application.scss */
.search-markers .text {
  color: #333;
  width: 100%;
  height: 50px;
  border: none;
  display: block;
  line-height: 1;
  font-size: 16px;
  padding: 0 15px;
  background: none;
  padding: 0 20px 0 0;
  border-bottom: 1px solid #d5d5d5;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

/* line 6460, app/assets/stylesheets/application.scss */
.search-markers .btn {
  float: right;
}

/* Map Legend */
/* line 6465, app/assets/stylesheets/application.scss */
#map-legend {
  background: white;
  padding: 4px;
  list-style: none;
  font-size: 12px;
  width: 150px;
}

/* line 6472, app/assets/stylesheets/application.scss */
#map-legend li {
  padding: 3px;
  padding-left: 16px;
  width: 16px;
}

/* The legend doubles as a filter: click an entry to show only that kind of pin.
   The pin itself lives on ::before: the sprite is one 157px strip, so painting
   it as the li background made the whole strip show up next to the label once
   the entries grew to the width of their text. */
/* Above the map now, so it reads as a row of filters rather than a box
   floating over the pins. Narrow screens let it wrap. */
/* line 6484, app/assets/stylesheets/application.scss */
#map-legend {
  width: auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  align-items: center;
  margin: 0 0 12px;
  padding: 10px 0 0;
  background: none;
  font-size: 13px;
}

/* line 6496, app/assets/stylesheets/application.scss */
#map-legend .legend-count {
  color: #6F879B;
}

/* line 6499, app/assets/stylesheets/application.scss */
#map-legend li {
  position: relative;
  width: auto;
  padding-left: 20px;
  white-space: nowrap;
  border-radius: 3px;
  opacity: 0.45;
  transition: opacity 0.15s ease, background-color 0.15s ease;
  background: none;
}

/* line 6509, app/assets/stylesheets/application.scss */
#map-legend li::before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  background-image: url(/assets/mini_markers-2a22fe1036b1abe49bb1718a6ab1e271cb09f724811179b97ab4c8e9992f27e4.png);
  background-repeat: no-repeat;
}

/* line 6519, app/assets/stylesheets/application.scss */
#map-legend li.is-active {
  opacity: 1;
}

/* line 6522, app/assets/stylesheets/application.scss */
#map-legend li:hover {
  background-color: #f2f5f8;
}

/* line 6525, app/assets/stylesheets/application.scss */
#map-legend li a {
  color: inherit;
  text-decoration: none;
  display: block;
}

/* line 6530, app/assets/stylesheets/application.scss */
#map-legend li.legend-reset {
  opacity: 1;
  padding-left: 3px;
  margin-top: 2px;
  border-top: 1px solid #ebeff4;
}

/* line 6536, app/assets/stylesheets/application.scss */
#map-legend li.legend-reset::before {
  content: none;
}

/* line 6539, app/assets/stylesheets/application.scss */
#map-legend li.legend-reset a {
  color: #006EDA;
}

/* line 6542, app/assets/stylesheets/application.scss */
#map-legend li.biobank::before {
  background-position: 0 0;
}

/* line 6545, app/assets/stylesheets/application.scss */
#map-legend li.clinical_trial::before {
  background-position: -16px 0;
}

/* line 6548, app/assets/stylesheets/application.scss */
#map-legend li.director::before {
  background-position: -32px 0;
}

/* line 6551, app/assets/stylesheets/application.scss */
#map-legend li.doctor::before {
  background-position: -46px 0;
}

/* line 6554, app/assets/stylesheets/application.scss */
#map-legend li.partner::before {
  background-position: -64px 0;
}

/* line 6557, app/assets/stylesheets/application.scss */
#map-legend li.researcher::before {
  background-position: -78px 0;
}

/* line 6560, app/assets/stylesheets/application.scss */
#map-legend li.support_organization::before {
  background-position: -93px 0;
}

/* line 6563, app/assets/stylesheets/application.scss */
#map-legend li.specialist::before {
  background-position: -112px 0;
}

/* line 6566, app/assets/stylesheets/application.scss */
#map-legend li.default::before {
  background-position: -125px 0;
}

/* line 6569, app/assets/stylesheets/application.scss */
#map-legend li.wvd_signature::before {
  background-position: -144px 0;
}

/* line 6574, app/assets/stylesheets/application.scss */
.error-page .error-image {
  max-height: 350px;
}

/* line 6577, app/assets/stylesheets/application.scss */
.error-page .error-content {
  text-align: center;
}

/* line 6582, app/assets/stylesheets/application.scss */
.button-other-events {
  text-align: right;
  padding-right: 20px;
}

/* line 6587, app/assets/stylesheets/application.scss */
.btn-scroll-up {
  display: none;
  width: 54px;
  height: 54px;
  border-radius: 3px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 50000 !important;
  background: rgba(105, 107, 110, 0.2);
  -webkit-transition: background, 250ms, ease;
  transition: background, 250ms, ease;
}

/* line 6601, app/assets/stylesheets/application.scss */
.btn-scroll-up:after {
  content: "";
  background-image: url(/assets/up_arrow-a1ab30ad86e684689a65d6c37fa0c630d55e84a5b19570b504ec0c8af3a4c620.svg);
  background-repeat: no-repeat;
  background-size: auto;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
}

/* line 6617, app/assets/stylesheets/application.scss */
.address {
  font-style: italic;
}

/* line 6621, app/assets/stylesheets/application.scss */
.addres-list p {
  margin: 0 0 10px;
}

/* line 6625, app/assets/stylesheets/application.scss */
.date-of-published {
  min-width: 150px;
}

/* line 6629, app/assets/stylesheets/application.scss */
.past-events-list {
  list-style: none;
}

/* line 6632, app/assets/stylesheets/application.scss */
.past-events-list .date {
  display: block;
  font-size: 14px;
  line-height: 1.43;
}

/* line 6639, app/assets/stylesheets/application.scss */
.pdf-news-box {
  margin-top: 30px;
}

@media only screen and (max-width: 479px) {
  /* line 6643, app/assets/stylesheets/application.scss */
  .pdf-news-box {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 6649, app/assets/stylesheets/application.scss */
  div .adaptive-term {
    padding-top: 50px;
  }
}

/* line 6654, app/assets/stylesheets/application.scss */
.meta-page-title {
  display: none;
}

/* line 6658, app/assets/stylesheets/application.scss */
p.small {
  font-size: 14px;
}

/* line 6662, app/assets/stylesheets/application.scss */
.center {
  text-align: center;
}

/* line 6666, app/assets/stylesheets/application.scss */
.flip {
  height: 70px;
  overflow: hidden;
}

/* line 6671, app/assets/stylesheets/application.scss */
.flip > div > div {
  padding: 4px 12px;
  height: 70px;
  margin-bottom: 70px;
  display: inline-block;
}

/* line 6678, app/assets/stylesheets/application.scss */
.flip div:first-child {
  animation: show 4s linear infinite;
}

@keyframes show {
  0% {
    margin-top: 0px;
  }
  5% {
    margin-top: 0px;
  }
  33% {
    margin-top: 0px;
  }
  38% {
    margin-top: -130px;
  }
  66% {
    margin-top: -130px;
  }
  71% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -130px;
  }
}

/* line 6693, app/assets/stylesheets/application.scss */
.img-icon {
  width: 25px;
  margin-bottom: -6px;
}

/* line 6698, app/assets/stylesheets/application.scss */
section.ai-guide-panel {
  padding: 30px 0;
}

/* line 6701, app/assets/stylesheets/application.scss */
section.ai-guide-panel .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fbd633;
  box-shadow: 0 15px 15px -15px #aaa;
}

/* line 6716, app/assets/stylesheets/application.scss */
section.ai-guide-panel h2, section.ai-guide-panel p {
  margin: 0px;
  padding: 0px;
}

/* line 6721, app/assets/stylesheets/application.scss */
section.ai-guide-panel h2 {
  font-size: 40px;
}

/* line 6725, app/assets/stylesheets/application.scss */
section.ai-guide-panel p {
  font-size: 14px;
}

/* line 6728, app/assets/stylesheets/application.scss */
section.ai-guide-panel p.desktop {
  display: block;
}

/* line 6731, app/assets/stylesheets/application.scss */
section.ai-guide-panel p.mobile {
  display: none;
}

/* line 6735, app/assets/stylesheets/application.scss */
section.ai-guide-panel .col-3 {
  width: 20%;
}

/* line 6739, app/assets/stylesheets/application.scss */
section.ai-guide-panel .col-4 {
  width: 55%;
}

@media only screen and (max-width: 767px) {
  /* line 6745, app/assets/stylesheets/application.scss */
  section.ai-guide-panel {
    padding: 0 0 30px 0;
  }
  /* line 6748, app/assets/stylesheets/application.scss */
  section.ai-guide-panel p.desktop {
    display: none;
  }
  /* line 6751, app/assets/stylesheets/application.scss */
  section.ai-guide-panel p.mobile {
    display: block;
  }
  /* line 6755, app/assets/stylesheets/application.scss */
  section.ai-guide-panel h2 {
    font-size: 28px;
  }
  /* line 6759, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .row {
    padding: 20px 10px;
  }
  /* line 6763, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .col-3 {
    width: 25%;
  }
  /* line 6767, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .col-4 {
    width: 40%;
  }
  /* line 6772, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .launch-link a {
    padding: 10px;
  }
}

/* line 6779, app/assets/stylesheets/application.scss */
.text-right {
  text-align: right;
}

/* line 6783, app/assets/stylesheets/application.scss */
.text-center {
  text-align: center;
}

/* line 6787, app/assets/stylesheets/application.scss */
.ai-chat-iframe {
  height: 700px;
  width: 100%;
}

/* line 6792, app/assets/stylesheets/application.scss */
.ai-chat-iframe iframe {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 450px) {
  /* line 6798, app/assets/stylesheets/application.scss */
  .hide_on_mobile {
    display: none !important;
  }
}

/* line 6804, app/assets/stylesheets/application.scss */
.journey-map-section .section-inner {
  padding: 30px 20px;
  position: relative;
}

/* line 6808, app/assets/stylesheets/application.scss */
.journey-map-section .block-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 30px;
}

/* line 6815, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-form {
  display: flex;
  gap: 30px;
}

/* line 6819, app/assets/stylesheets/application.scss */
.journey-map-section .select-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 6823, app/assets/stylesheets/application.scss */
.journey-map-section .select-wrapper label {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

/* line 6829, app/assets/stylesheets/application.scss */
.journey-map-section .controls-wrapper {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: grid;
  gap: 10px;
  z-index: 10;
}

/* line 6838, app/assets/stylesheets/application.scss */
.journey-map-section .control {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 700;
  font-size: 36px;
  line-height: 1;
  user-select: none;
}

/* line 6853, app/assets/stylesheets/application.scss */
.journey-map-section .control-plus {
  padding-bottom: 4px;
}

/* line 6856, app/assets/stylesheets/application.scss */
.journey-map-section .control-minus {
  padding-bottom: 2px;
}

/* line 6859, app/assets/stylesheets/application.scss */
.journey-map-section .map-container {
  overflow: hidden;
}

/* line 6862, app/assets/stylesheets/application.scss */
.journey-map-section .map-wrappper {
  position: relative;
  width: 100%;
}

/* line 6866, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-qr {
  position: absolute;
  top: 80px;
  left: 60px;
  width: 82px;
}

/* line 6873, app/assets/stylesheets/application.scss */
.journey-map-section .text text {
  font-family: 'Inter', sans-serif;
  white-space: pre;
  letter-spacing: 0;
  font-weight: 400;
}

/* line 6879, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-lohit-punjabi {
  font-family: 'Lohit Punjabi', 'Inter', sans-serif;
}

/* line 6882, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-20 {
  font-size: 20px;
}

/* line 6885, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-28 {
  font-size: 28px;
}

/* line 6888, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-33 {
  font-size: 33px;
}

/* line 6891, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-35 {
  font-size: 35px;
}

/* line 6894, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-36 {
  font-size: 36px;
}

/* line 6897, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-39 {
  font-size: 39px;
}

/* line 6900, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-40 {
  font-size: 40px;
}

/* line 6903, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-60 {
  font-size: 60px;
}

/* line 6906, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-108 {
  font-size: 108px;
}

/* line 6909, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-medium {
  font-weight: 500;
}

/* line 6912, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-semi-bold {
  font-weight: 600;
}

/* line 6915, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-bold {
  font-weight: 700;
}

/* line 6918, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-extra-bold {
  font-weight: 800;
}

/* line 6921, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-032 {
  letter-spacing: 0.032em;
}

/* line 6924, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-015 {
  letter-spacing: 0.015em;
}

/* line 6927, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-001 {
  letter-spacing: 0.01em;
}

/* line 6930, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-negative-005 {
  letter-spacing: -0.005em;
}

/* line 6933, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-black {
  fill: black;
}

/* line 6936, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-gray {
  fill: #5A5A5A;
}

/* line 6939, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-blue {
  fill: #3C68B0;
}

/* line 6942, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-red {
  fill: #E62453;
}

/* line 6945, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-yellow {
  fill: #FAC80B;
}

/* line 6948, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-green {
  fill: #4CAD33;
}

/* line 6952, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-popup {
  padding: 30px;
  border-radius: 8px;
}

/* line 6955, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-popup .title-modal {
  color: #000;
  line-height: 1;
  font-size: 50px;
  margin: 0 0 30px;
  font-weight: bold;
  text-align: center;
}

/* line 6964, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-popup .content img {
  display: block;
  max-width: 100%;
  max-height: 400px;
  margin: 0 auto 0 0;
}

/* line 6973, app/assets/stylesheets/application.scss */
.journey-map-section[data-language="pa"] .journey-map-popup {
  font-family: 'Lohit Punjabi', 'Inter', sans-serif;
}

/* line 6977, app/assets/stylesheets/application.scss */
.journey-map-section .js-journey-map-click,
.journey-map-section .js-journey-map-click tspan,
.journey-map-section .js-journey-map-click .click-area {
  cursor: pointer;
}

/* line 6982, app/assets/stylesheets/application.scss */
.journey-map-section .purple {
  fill: #74358B;
}

/* line 6984, app/assets/stylesheets/application.scss */
.journey-map-section .purple:hover {
  fill: #632D77;
}

/* line 6988, app/assets/stylesheets/application.scss */
.journey-map-section .fuchsia {
  fill: #CD097F;
}

/* line 6990, app/assets/stylesheets/application.scss */
.journey-map-section .fuchsia:hover {
  fill: #B3086F;
}

/* line 6994, app/assets/stylesheets/application.scss */
.journey-map-section .red {
  fill: #E4051E;
}

/* line 6996, app/assets/stylesheets/application.scss */
.journey-map-section .red:hover {
  fill: #C9041A;
}

/* line 7000, app/assets/stylesheets/application.scss */
.journey-map-section .orange {
  fill: #E97B0F;
}

/* line 7002, app/assets/stylesheets/application.scss */
.journey-map-section .orange:hover {
  fill: #CC6B0D;
}

/* line 7006, app/assets/stylesheets/application.scss */
.journey-map-section .yellow {
  fill: #E5D900;
}

/* line 7008, app/assets/stylesheets/application.scss */
.journey-map-section .yellow:hover {
  fill: #C9BE00;
}

/* line 7012, app/assets/stylesheets/application.scss */
.journey-map-section .light-green {
  fill: #7DBA28;
}

/* line 7014, app/assets/stylesheets/application.scss */
.journey-map-section .light-green:hover {
  fill: #6FA522;
}

/* line 7018, app/assets/stylesheets/application.scss */
.journey-map-section .green {
  fill: #009257;
}

/* line 7020, app/assets/stylesheets/application.scss */
.journey-map-section .green:hover {
  fill: #007D4B;
}

/* line 7024, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue {
  fill: #5DC5EC;
}

/* line 7026, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue:hover {
  fill: #4AA8D4;
}

/* line 7030, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue-gradient {
  fill: url(#paint1_linear_2669_7692);
}

/* line 7032, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue-gradient:hover {
  fill: url(#paint1_linear_2669_7692_hover);
}

/* line 7036, app/assets/stylesheets/application.scss */
.journey-map-section .blue {
  fill: #0097BF;
}

/* line 7038, app/assets/stylesheets/application.scss */
.journey-map-section .blue:hover {
  fill: #0084A6;
}

/* line 7042, app/assets/stylesheets/application.scss */
.journey-map-section .dark-blue {
  fill: #0372B7;
}

/* line 7044, app/assets/stylesheets/application.scss */
.journey-map-section .dark-blue:hover {
  fill: #02629D;
}

/* line 7048, app/assets/stylesheets/application.scss */
.journey-map-section .grey {
  fill: #8B908F;
}

/* line 7050, app/assets/stylesheets/application.scss */
.journey-map-section .grey:hover {
  fill: #777C7B;
}

/* line 7054, app/assets/stylesheets/application.scss */
.journey-map-section .black {
  fill: #010202;
}

/* line 7056, app/assets/stylesheets/application.scss */
.journey-map-section .black:hover {
  fill: #000000;
}

/* line 7060, app/assets/stylesheets/application.scss */
.journey-map-section .black-stroke {
  stroke: #010202;
  fill: #FFFFFF;
}

/* line 7063, app/assets/stylesheets/application.scss */
.journey-map-section .black-stroke:hover {
  stroke: #000000;
}

/* line 7068, app/assets/stylesheets/application.scss */
.journey-map-section .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  display: none;
}

/* line 7075, app/assets/stylesheets/application.scss */
.journey-map-section .text.active {
  display: block;
}

/* line 7078, app/assets/stylesheets/application.scss */
.journey-map-section .text .js-journey-map-click,
.journey-map-section .text path,
.journey-map-section .text polygon,
.journey-map-section .text circle,
.journey-map-section .text rect {
  pointer-events: auto;
}

@media only screen and (max-width: 1279px) {
  /* line 7088, app/assets/stylesheets/application.scss */
  .journey-map-section .journey-map-popup .title-modal {
    font-size: 40px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 7096, app/assets/stylesheets/application.scss */
  .journey-map-section .journey-map-popup .title-modal {
    font-size: 38px;
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 7103, app/assets/stylesheets/application.scss */
  .journey-map-section .controls-wrapper {
    gap: 10px;
  }
  /* line 7106, app/assets/stylesheets/application.scss */
  .journey-map-section .control {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    font-size: 30px;
  }
  /* line 7113, app/assets/stylesheets/application.scss */
  .journey-map-section .journey-map-popup .title-modal {
    font-size: 28px;
    margin-bottom: 8px;
  }
}

/* line 7121, app/assets/stylesheets/application.scss */
ul.podcasts {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7126, app/assets/stylesheets/application.scss */
ul.podcasts li {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #d5d5d5;
}

/* line 7139, app/assets/stylesheets/application.scss */
ul.podcasts li .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}

/* line 7152, app/assets/stylesheets/application.scss */
ul.podcasts li .name {
  max-width: 350px;
  min-width: 350px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  margin-right: 22px;
}

/* line 7163, app/assets/stylesheets/application.scss */
.podcast-audio-file {
  text-align: center;
}

/* line 7167, app/assets/stylesheets/application.scss */
.podcast-image-cover {
  text-align: center;
}

/* line 7170, app/assets/stylesheets/application.scss */
.podcast-image-cover img {
  width: 75%;
}

@media only screen and (max-width: 767px) {
  /* line 7176, app/assets/stylesheets/application.scss */
  ul.podcasts li {
    display: inline !important;
  }
  /* line 7180, app/assets/stylesheets/application.scss */
  ul.podcasts li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7185, app/assets/stylesheets/application.scss */
  ul.podcasts li .content {
    margin-bottom: 25px;
  }
}

/* line 7190, app/assets/stylesheets/application.scss */
.podcasts-list {
  padding: 0;
  line-height: 0;
  list-style: none;
  letter-spacing: -4px;
}

/* line 7197, app/assets/stylesheets/application.scss */
.podcasts-list .podcasts-item {
  width: 33.3%;
  vertical-align: top;
  display: inline-block;
  padding: 0 30px 15px;
  border-left: 1px solid #d5d5d5;
}

/* line 7205, app/assets/stylesheets/application.scss */
.podcasts-list .podcasts-item:first-child {
  border-left: none;
}

@media only screen and (max-width: 1279px) {
  /* line 7210, app/assets/stylesheets/application.scss */
  .podcasts-list {
    margin-left: -10px;
    margin-right: -10px;
  }
  /* line 7215, app/assets/stylesheets/application.scss */
  .podcasts-list .podcasts-item {
    padding: 0 15px 5px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 7221, app/assets/stylesheets/application.scss */
  .podcasts-list {
    margin-left: -25px;
    margin-right: -25px;
  }
  /* line 7226, app/assets/stylesheets/application.scss */
  .podcasts-list .podcasts-item {
    width: 50%;
    padding-left: 25px;
    padding-right: 25px;
  }
  /* line 7232, app/assets/stylesheets/application.scss */
  .podcasts-list .podcasts-item:nth-child(odd) {
    border-left: none;
  }
}

@media only screen and (max-width: 767px) {
  /* line 7238, app/assets/stylesheets/application.scss */
  .podcasts-list {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -25px;
    margin-right: -25px;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 7248, app/assets/stylesheets/application.scss */
  .podcasts-list .podcasts-item {
    width: 230px;
    border: none;
    padding: 0 5px;
    white-space: normal;
  }
}

/* line 7256, app/assets/stylesheets/application.scss */
.podcasts-item {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
}

@media only screen and (max-width: 1279px) {
  /* line 7263, app/assets/stylesheets/application.scss */
  .podcasts-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 7269, app/assets/stylesheets/application.scss */
  .podcasts-item .inner {
    padding: 12px;
    background: #fff;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.15;
    -webkit-box-shadow: 0 15px 15px -15px #ccc;
    box-shadow: 0 15px 15px -15px #ccc;
  }
}

/* line 7280, app/assets/stylesheets/application.scss */
.podcasts-item .date {
  display: block;
  font-size: 14px;
  line-height: 1.43;
}

@media only screen and (max-width: 1279px) {
  /* line 7287, app/assets/stylesheets/application.scss */
  .podcasts-item .date {
    margin-bottom: 3px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 7293, app/assets/stylesheets/application.scss */
  .podcasts-item .date {
    display: none;
  }
}

/* line 7298, app/assets/stylesheets/application.scss */
.podcasts-item .title {
  display: block;
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: bold;
  line-height: 1.14;
}

@media only screen and (max-width: 1279px) {
  /* line 7307, app/assets/stylesheets/application.scss */
  .podcasts-item .title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 7313, app/assets/stylesheets/application.scss */
  .podcasts-item .title {
    line-height: 1;
    font-size: 16px;
    margin-bottom: 8px;
  }
}

/* line 7320, app/assets/stylesheets/application.scss */
.podcasts-item .title a, .faq-list .title a {
  text-decoration: none;
  -webkit-transition: color .35s ease;
  -o-transition: color .35s ease;
  transition: color .35s ease;
}

/* line 7327, app/assets/stylesheets/application.scss */
.podcasts-item .title a:hover, .faq-list .title a:hover {
  color: #fcd600;
}

/* line 7331, app/assets/stylesheets/application.scss */
.podcasts-item p {
  margin: 0 0 20px;
}

@media only screen and (max-width: 1279px) {
  /* line 7336, app/assets/stylesheets/application.scss */
  .podcasts-item p {
    margin-bottom: 18px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 7342, app/assets/stylesheets/application.scss */
  .podcasts-item p {
    margin: 0;
  }
}

/* line 7347, app/assets/stylesheets/application.scss */
.podcasts-item .btn-holder {
  display: none;
  padding: 5px 0 0;
}

/* line 7352, app/assets/stylesheets/application.scss */
.podcasts-item .btn-holder .btn {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 7357, app/assets/stylesheets/application.scss */
  .podcasts-item .btn-holder {
    display: block;
  }
}

/* line 7362, app/assets/stylesheets/application.scss */
.media-list-with-scroll {
  padding: 0;
  font-size: 0;
  line-height: 0;
  list-style: none;
  letter-spacing: -4px;
}

/* line 7370, app/assets/stylesheets/application.scss */
.media-list-with-scroll li {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  padding: 0 15px;
  margin: 0 0 50px;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0;
}

@media only screen and (max-width: 1023px) {
  /* line 7382, app/assets/stylesheets/application.scss */
  .media-list-with-scroll > li {
    width: 50%;
  }
}

/* line 7387, app/assets/stylesheets/application.scss */
.media-list-with-scroll a {
  display: block;
  text-decoration: none;
}

/* line 7392, app/assets/stylesheets/application.scss */
.media-list-with-scroll .visual {
  display: block;
  margin: 0 0 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  border-radius: 8px;
}

/* line 7401, app/assets/stylesheets/application.scss */
.media-list-with-scroll .visual img {
  display: block;
  width: 100%;
}

/* line 7406, app/assets/stylesheets/application.scss */
.media-list-with-scroll .title {
  display: block;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  /* line 7412, app/assets/stylesheets/application.scss */
  .media-list-with-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -25px;
    margin-right: -25px;
    white-space: nowrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 7422, app/assets/stylesheets/application.scss */
  .media-list-with-scroll li {
    width: 270px;
    border: none;
    padding: 0 5px;
    white-space: normal;
  }
}

/* line 7430, app/assets/stylesheets/application.scss */
ul.trials {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7435, app/assets/stylesheets/application.scss */
ul.trials li {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #d5d5d5;
}

/* line 7448, app/assets/stylesheets/application.scss */
ul.trials li .content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 100%;
}

/* line 7461, app/assets/stylesheets/application.scss */
ul.trials li .name {
  max-width: 350px;
  min-width: 350px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  /* line 7473, app/assets/stylesheets/application.scss */
  ul.trials li {
    display: inline !important;
  }
  /* line 7477, app/assets/stylesheets/application.scss */
  ul.trials li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7482, app/assets/stylesheets/application.scss */
  ul.trials li .content {
    margin-bottom: 25px;
  }
}

/* line 7487, app/assets/stylesheets/application.scss */
ul.publications {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7492, app/assets/stylesheets/application.scss */
ul.publications li {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #d5d5d5;
}

/* line 7505, app/assets/stylesheets/application.scss */
ul.publications li .content {
  max-width: 100%;
}

/* line 7509, app/assets/stylesheets/application.scss */
ul.publications li .name {
  max-width: 350px;
  min-width: 350px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  /* line 7521, app/assets/stylesheets/application.scss */
  ul.publications li {
    display: inline !important;
  }
  /* line 7525, app/assets/stylesheets/application.scss */
  ul.publications li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7530, app/assets/stylesheets/application.scss */
  ul.publications li .content {
    margin-bottom: 25px;
  }
}

/* line 7535, app/assets/stylesheets/application.scss */
ul.treatment_guidelines {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7540, app/assets/stylesheets/application.scss */
ul.treatment_guidelines li {
  padding: 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #d5d5d5;
}

/* line 7553, app/assets/stylesheets/application.scss */
ul.treatment_guidelines li .content {
  max-width: 100%;
}

/* line 7557, app/assets/stylesheets/application.scss */
ul.treatment_guidelines li .name {
  max-width: 350px;
  min-width: 350px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
  margin-right: 22px;
}

@media only screen and (max-width: 767px) {
  /* line 7569, app/assets/stylesheets/application.scss */
  ul.treatment_guidelines li {
    display: inline !important;
  }
  /* line 7573, app/assets/stylesheets/application.scss */
  ul.treatment_guidelines li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7578, app/assets/stylesheets/application.scss */
  ul.treatment_guidelines li .content {
    margin-bottom: 25px;
  }
}

/* line 7584, app/assets/stylesheets/application.scss */
#donate-popup .logo-image {
  margin-top: 50px;
  text-align: center;
}

/* line 7589, app/assets/stylesheets/application.scss */
#donate-popup .donate-popup {
  width: 500px;
}

/* line 7592, app/assets/stylesheets/application.scss */
#donate-popup .donate-popup .content {
  width: 75%;
  margin: auto;
  padding-bottom: 50px;
}

/* line 7598, app/assets/stylesheets/application.scss */
#donate-popup .donate-popup .donate-button {
  text-align: center;
}

/* line 7603, app/assets/stylesheets/application.scss */
#donate-popup h3 {
  text-align: center;
}

/* line 7608, app/assets/stylesheets/application.scss */
ul.news-sections-tags {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 7613, app/assets/stylesheets/application.scss */
ul.news-sections-tags li {
  display: inline-block;
  padding: 0 10px 0 0;
}

/* line 7618, app/assets/stylesheets/application.scss */
ul.news-sections-tags a.current {
  text-decoration: none;
}

/* line 7623, app/assets/stylesheets/application.scss */
.mobile-content-title {
  display: none;
}

@media all and (max-width: 1023px) {
  /* line 7628, app/assets/stylesheets/application.scss */
  #header .social-media-buttons {
    display: none;
  }
  /* line 7632, app/assets/stylesheets/application.scss */
  .mobile-content-title {
    display: block;
  }
  /* line 7636, app/assets/stylesheets/application.scss */
  .hide_header_title_on_mobile {
    display: none;
  }
}

/* line 7641, app/assets/stylesheets/application.scss */
.breadcrumbs {
  margin: 10px auto;
  padding: 5px 20px;
  max-width: 1240px;
  color: #555;
}

@media all and (max-width: 1023px) {
  /* line 7649, app/assets/stylesheets/application.scss */
  .breadcrumbs {
    margin: 100px auto 35px auto;
    border-bottom: 1px solid #ccc;
  }
}

/* Lexxy content uses :where() (0 specificity) which loses to site CSS resets.
   Override with normal specificity to restore proper spacing inside .lexxy-content. */
/* line 7657, app/assets/stylesheets/application.scss */
.lexxy-content p,
.lexxy-content ul,
.lexxy-content ol,
.lexxy-content blockquote,
.lexxy-content figure,
.lexxy-content pre {
  margin-block-end: var(--lexxy-content-margin, 1rem);
}

/* line 7666, app/assets/stylesheets/application.scss */
.lexxy-content ul {
  list-style-type: disc;
}

/* line 7667, app/assets/stylesheets/application.scss */
.lexxy-content ol {
  list-style-type: decimal;
}

/* line 7668, app/assets/stylesheets/application.scss */
.lexxy-content ul, .lexxy-content ol {
  margin-inline-start: 1.5rem;
}

/* line 7671, app/assets/stylesheets/application.scss */
.lexxy-content li.lexxy-nested-listitem {
  list-style-type: none;
}

/* ActionText attachment wrapper must not break layout of its children.
   display: contents removes the wrapper from the box tree so children
   (figures, divs, paragraphs from HTML blocks) participate directly
   in the parent's formatting context. */
/* line 7679, app/assets/stylesheets/application.scss */
action-text-attachment {
  display: contents;
}

/* line 7682, app/assets/stylesheets/application.scss */
.flash-messages {
  padding: 16px 0 0;
}

/* line 7684, app/assets/stylesheets/application.scss */
.flash-messages .flash-message {
  padding: 14px 18px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.4;
}

/* line 7689, app/assets/stylesheets/application.scss */
.flash-messages .flash-notice {
  background: #fdf3cf;
  border-left: 4px solid #f5c518;
}

/* line 7692, app/assets/stylesheets/application.scss */
.flash-messages .flash-alert {
  background: #fdecea;
  border-left: 4px solid #d93025;
}

/* line 7697, app/assets/stylesheets/application.scss */
.trial-finder-form .trial-finder-question {
  margin-bottom: 26px;
}

/* line 7699, app/assets/stylesheets/application.scss */
.trial-finder-label {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

/* line 7704, app/assets/stylesheets/application.scss */
.trial-finder-hint {
  display: block;
  color: #6f879b;
  font-size: 14px;
  margin-bottom: 8px;
}

/* line 7709, app/assets/stylesheets/application.scss */
.trial-finder-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}

/* line 7713, app/assets/stylesheets/application.scss */
.trial-finder-options .trial-finder-option {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #ebeff4;
  border-radius: 4px;
  padding: 10px 14px;
  cursor: pointer;
  font-size: 16px;
}

/* line 7723, app/assets/stylesheets/application.scss */
.trial-finder-options .trial-finder-option input {
  margin: 0;
}

/* line 7725, app/assets/stylesheets/application.scss */
.trial-finder-form input.text {
  max-width: 420px;
}

/* line 7727, app/assets/stylesheets/application.scss */
.trial-finder-summary {
  color: #6f879b;
  font-size: 15px;
}

/* Recruitment status next to a trial name, and the dimmer look the editors
   asked for on studies that are no longer taking part. */
/* line 7733, app/assets/stylesheets/application.scss */
.trial-status {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 9px;
  border-radius: 11px;
  background: #ebeff4;
  color: #6f879b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  vertical-align: middle;
  white-space: nowrap;
}

/* line 7745, app/assets/stylesheets/application.scss */
.trial-status.is-recruiting {
  background: #e4f6e3;
  color: #1f7a1b;
}

/* line 7749, app/assets/stylesheets/application.scss */
.trials li.trial-closed .name a,
.trials li.trial-closed .text {
  color: #8a97a3;
}

/* line 7752, app/assets/stylesheets/application.scss */
.trials li.trial-closed .date-of-published {
  opacity: 0.65;
}

/* line 7755, app/assets/stylesheets/application.scss */
.trial-inquiry {
  padding: 20px 0 40px;
}

/* line 7757, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 16px;
}

/* line 7762, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field {
  flex: 1 1 260px;
}

/* line 7764, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field--wide {
  flex-basis: 100%;
}

/* line 7766, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

/* line 7770, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field .text {
  width: 100%;
}

/* line 7772, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-note {
  color: #6f879b;
  font-size: 14px;
  margin: 10px 0 18px;
}

/* line 7778, app/assets/stylesheets/application.scss */
.trial-description.is-collapsed {
  max-height: 260px;
  overflow: hidden;
  position: relative;
}

/* line 7782, app/assets/stylesheets/application.scss */
.trial-description.is-collapsed:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

/* line 7790, app/assets/stylesheets/application.scss */
.trial-description-toggle {
  background: none;
  border: 0;
  color: #0b3762;
  cursor: pointer;
  font-size: 16px;
  padding: 6px 0;
  margin-bottom: 18px;
  text-decoration: underline;
}

/* line 7802, app/assets/stylesheets/application.scss */
.trial-finder-form input.text,
.trial-inquiry-form input.text,
.trial-inquiry-form select.text,
.trial-inquiry-form textarea.text {
  width: 100%;
  max-width: 420px;
  padding: 12px 14px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background: #fff;
  color: #24313f;
  font-size: 16px;
  line-height: 1.3;
  box-sizing: border-box;
}

/* line 7816, app/assets/stylesheets/application.scss */
.trial-finder-form input.text:focus,
.trial-inquiry-form input.text:focus,
.trial-inquiry-form select.text:focus,
.trial-inquiry-form textarea.text:focus {
  border-color: #f5c518;
  outline: none;
}

/* line 7822, app/assets/stylesheets/application.scss */
.trial-inquiry-form input.text,
.trial-inquiry-form select.text,
.trial-inquiry-form textarea.text {
  max-width: none;
}

/* line 7826, app/assets/stylesheets/application.scss */
.trial-finder-form input.text[type="number"] {
  max-width: 200px;
}

/* line 7828, app/assets/stylesheets/application.scss */
.trial-finder-form input[type="submit"] {
  margin-top: 8px;
}

/* line 7833, app/assets/stylesheets/application.scss */
.arts-cover-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #f0efed;
  border: 1px solid #ebeff4;
  color: #b3bfcb;
  font-size: 64px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}

/* line 7848, app/assets/stylesheets/application.scss */
.observatory-years {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
}

/* line 7853, app/assets/stylesheets/application.scss */
.observatory-years .observatory-year {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #ebeff4;
  border-radius: 20px;
  background: #fff;
  color: #24313f;
  font-size: 16px;
  text-decoration: none;
}

/* line 7862, app/assets/stylesheets/application.scss */
.observatory-years .observatory-year:hover {
  border-color: #f5c518;
}

/* line 7864, app/assets/stylesheets/application.scss */
.observatory-years .observatory-year.is-current {
  background: #f5c518;
  border-color: #f5c518;
  font-weight: bold;
}

/* line 7869, app/assets/stylesheets/application.scss */
#observatory-legend {
  margin: 10px;
  padding: 10px 14px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  list-style: none;
}

/* line 7876, app/assets/stylesheets/application.scss */
#observatory-legend li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 6px;
}

/* line 7883, app/assets/stylesheets/application.scss */
#observatory-legend li:last-child {
  margin-bottom: 0;
}

/* line 7885, app/assets/stylesheets/application.scss */
#observatory-legend li img {
  width: 15px;
  height: 22px;
}

/* line 7889, app/assets/stylesheets/application.scss */
.observatory-summary,
.observatory-empty {
  color: #6f879b;
  font-size: 15px;
  padding: 18px 0 0;
}

/* line 7896, app/assets/stylesheets/application.scss */
.map-search-results {
  margin-top: 20px;
}

/* line 7898, app/assets/stylesheets/application.scss */
.map-search-results li {
  list-style: none;
  padding: 0 0 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #ebeff4;
}

/* line 7903, app/assets/stylesheets/application.scss */
.map-search-results .title {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 7908, app/assets/stylesheets/application.scss */
.map-search-results p {
  margin: 0 0 4px;
}

/* FAQ grouped into sections, with a jump list at the top. */
/* line 7912, app/assets/stylesheets/application.scss */
.faq-sections-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}

/* line 7919, app/assets/stylesheets/application.scss */
.faq-sections-nav li {
  margin: 0;
}

/* line 7921, app/assets/stylesheets/application.scss */
.faq-sections-nav a {
  display: inline-block;
  padding: 5px 14px;
  border: 1px solid #ebeff4;
  border-radius: 16px;
  background: #f7f6f5;
  color: #24313f;
  font-size: 14px;
  text-decoration: none;
}

/* line 7930, app/assets/stylesheets/application.scss */
.faq-sections-nav a:hover {
  border-color: #006EDA;
  color: #006EDA;
}

/* Named .faq-group, not .faq-section: the older class belongs to the FAQ block
   on other pages and is hidden below 768px, which quietly took every question
   off the page on a phone. Its own spacing, too — the description panel's 50px
   of padding left a gap the editors could see between sections. */
/* line 7938, app/assets/stylesheets/application.scss */
.faq-group {
  margin-bottom: 20px;
  scroll-margin-top: 160px;
}

/* line 7941, app/assets/stylesheets/application.scss */
.faq-group .description-panel {
  padding-top: 24px;
  margin-top: 18px;
}

/* line 7944, app/assets/stylesheets/application.scss */
.faq-group:first-of-type .description-panel {
  padding-top: 0;
  margin-top: 0;
}

/* line 7947, app/assets/stylesheets/application.scss */
.faq-group h2 {
  margin-bottom: 14px;
}
/*! jQuery UI - v1.12.1 - 2018-06-26
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0 10px 0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{padding:0 10px 0; margin: -1px;}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/images/ui-icons_444444_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
:root {
  /* Colors */
  --lexxy-color-ink: oklch(20% 0 0);
  --lexxy-color-ink-medium: oklch(40% 0 0);
  --lexxy-color-ink-light: oklch(60% 0 0);
  --lexxy-color-ink-lighter: oklch(85% 0 0);
  --lexxy-color-ink-lightest: oklch(96% 0 0);
  --lexxy-color-ink-inverted: white;

  --lexxy-color-accent-dark: oklch(57% 0.19 260);
  --lexxy-color-accent-medium: oklch(75% 0.196 258);
  --lexxy-color-accent-light: oklch(88% 0.026 254);
  --lexxy-color-accent-lightest: oklch(92% 0.026 254);

  --lexxy-color-red: oklch(60% 0.15 27);
  --lexxy-color-green: oklch(60% 0.15 145);
  --lexxy-color-blue: oklch(66% 0.196 258);
  --lexxy-color-purple: oklch(60% 0.15 305);

  --lexxy-color-code-token-att: #d73a49;
  --lexxy-color-code-token-comment: #6a737d;
  --lexxy-color-code-token-function: #6f42c1;
  --lexxy-color-code-token-operator: #d73a49;
  --lexxy-color-code-token-property: #005cc5;
  --lexxy-color-code-token-punctuation: #24292e;
  --lexxy-color-code-token-selector: #22863a;
  --lexxy-color-code-token-variable: #e36209;

  --lexxy-color-canvas: var(--lexxy-color-ink-inverted);
  --lexxy-color-text: var(--lexxy-color-ink);
  --lexxy-color-text-subtle: var(--lexxy-color-ink-medium);
  --lexxy-color-link: var(--lexxy-color-accent-dark);
  --lexxy-color-selected: var(--lexxy-color-accent-lightest);
  --lexxy-color-selected-hover: var(--lexxy-color-accent-light);
  --lexxy-color-selected-dark: var(--lexxy-color-blue);
  --lexxy-color-selected-50: color-mix(in oklch, var(--lexxy-color-selected-dark) 50%, transparent);
  --lexxy-color-code-bg: var(--lexxy-color-ink-lightest);

  /* Text color highlights */
  --highlight-1: rgb(136, 118, 38);
  --highlight-2: rgb(185, 94, 6);
  --highlight-3: rgb(207, 0, 0);
  --highlight-4: rgb(216, 28, 170);
  --highlight-5: rgb(144, 19, 254);
  --highlight-6: rgb(5, 98, 185);
  --highlight-7: rgb(17, 138, 15);
  --highlight-8: rgb(148, 82, 22);
  --highlight-9: rgb(102, 102, 102);

  --highlight-bg-1: rgba(229, 223, 6, 0.3);
  --highlight-bg-2: rgba(255, 185, 87, 0.3);
  --highlight-bg-3: rgba(255, 118, 118, 0.3); 
  --highlight-bg-4: rgba(248, 137, 216, 0.3);
  --highlight-bg-5: rgba(190, 165, 255, 0.3); 
  --highlight-bg-6: rgba(124, 192, 252, 0.3);
  --highlight-bg-7: rgba(140, 255, 129, 0.3); 
  --highlight-bg-8: rgba(221, 170, 123, 0.3);
  --highlight-bg-9: rgba(200, 200, 200, 0.3);

  /* Tables */
  --lexxy-color-table-header-bg: var(--lexxy-color-ink-lightest);
  --lexxy-color-table-cell-border: var(--lexxy-color-ink-lighter);
  --lexxy-color-table-cell-selected: var(--lexxy-color-selected);
  --lexxy-color-table-cell-selected-border: var(--lexxy-color-selected-dark);
  --lexxy-color-table-cell-selected-bg: var(--lexxy-color-accent-lightest);
  --lexxy-color-table-cell-add: var(--lexxy-color-selected-50);
  --lexxy-color-table-cell-toggle: var(--lexxy-color-accent-lightest);
  --lexxy-color-table-cell-remove: oklch(60% 0.15 27 / 0.1);
  --lexxy-table-cell-add-size: 4px;

  /* Typography */
  --lexxy-font-base: system-ui, sans-serif;
  --lexxy-font-mono: ui-monospace, "Menlo", "Monaco", Consolas, monospace;
  --lexxy-text-small: 0.875rem;
  --lexxy-content-margin: 1rem;

  /* Focus ring */
  --lexxy-focus-ring-color: var(--lexxy-color-accent-dark);
  --lexxy-focus-ring-offset: -2px;
  --lexxy-focus-ring-size: 2px;

  /* Misc */
  --lexxy-toolbar-button-size: 2lh;
  --lexxy-radius: 0.5ch;
  --lexxy-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --lexxy-z-popup: 1000;
}
@import url(/assets/lexxy-variables-8c25c91ccd68390a9422380c5b0377575a2e742a442c2dd7ba620c57de5f4777.css);

/* Text styles
/* -------------------------------------------------------------------------- */

:where(.lexxy-content) {
  color: var(--lexxy-color-ink);

  h1, h2, h3, h4, h5, h6 {
    display: block;
    font-weight: bold;
    hyphens: auto;
    margin-block: 0 var(--lexxy-content-margin);
    overflow-wrap: break-word;

    @supports (text-wrap: balance) {
      text-wrap: balance;
    }
  }

  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  h4 { font-size: 1rem; }
  h5 { font-size: 0.875rem; }
  h6 { font-size: 0.75rem; }

  p,
  ul,
  ol,
  dl,
  blockquote,
  figure,
  .attachment,
  .attachment-gallery {
    margin-block: 0 var(--lexxy-content-margin);
    position: relative;

    &:not(lexxy-editor &) {
      overflow-wrap: break-word;

      @supports (text-wrap: pretty) {
        text-wrap: pretty;
      }
    }
  }

  .lexxy-content__italic {
    font-style: italic;
  }

  .lexxy-content__bold {
    font-weight: bold;
  }

  .lexxy-content__strikethrough {
    text-decoration: line-through;
  }

  .lexxy-content__underline {
    text-decoration: underline;
  }

  .lexxy-content__strikethrough.lexxy-content__underline {
    text-decoration: line-through underline;
  }

  mark,
  .lexxy-content__highlight {
    background-color: transparent;
    color: inherit;
  }

  blockquote {
    border-inline-start: 0.25em solid var(--lexxy-color-ink-lighter);
    font-style: italic;
    margin: var(--lexxy-content-margin) 0;
    padding: 0.5lh 2ch;

    p:last-child {
      margin-block-end: 0;
    }
  }

  p:empty {
    display: none;
  }

  a {
    color: var(--lexxy-color-link);
    text-decoration: underline;
  }

  img,
  video,
  embed,
  object {
    inline-size: auto;
    margin-inline: auto;
    max-block-size: 32rem;
    object-fit: contain;

    a:has(&) {
      display: inline-block;
    }
  }

  code, pre {
    background-color: var(--lexxy-color-ink-lightest);
    border-radius: var(--lexxy-radius);
    color: var(--lexxy-color-ink);
    font-family: var(--lexxy-font-mono);
    font-size: 0.9em;
    padding: 0.25ch 0.5ch;

    &:is(pre),
    &[data-language] {
      border-radius: var(--lexxy-radius);
      display: block;
      hyphens: none;
      margin-block: 0 var(--lexxy-content-margin);
      overflow-x: auto;
      overflow-wrap: break-word;
      padding: 1ch;
      tab-size: 2;
      white-space: pre;

      @supports (text-wrap: nowrap) {
        text-wrap: nowrap;
      }
    }
  }

  ol, ul:not(.lexxy-prompt-menu) {
    margin-inline-start: calc(var(--lexxy-content-margin) * 1.5);
    padding: 0;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  li.lexxy-nested-listitem {
    list-style-type: none;

    ol, ul {
      margin-block-end: 0;
    }
  }

  hr {
    border: 0;
    border-block-end: 1px solid currentColor;
    inline-size: 20%;
    margin: calc(0.5em + var(--lexxy-content-margin)) 0;
  }

  .horizontal-divider {
    margin: 0;
    padding: calc(0.5em + var(--lexxy-content-margin)) 0;

    hr {
      margin: 0;
    }
  }

  *:has(+ .horizontal-divider) {
    margin-block-end: 0;
  }

  > :last-child {
    margin-block-end: 0;
  }

  /* Keywords and attributes */
  .code-token__attr,
  .token.attr-name,
  .token.atrule,
  .token.attr,
  .token.keyword {
    color: var(--lexxy-color-code-token-att);
  }

  /* Constants, booleans, numbers, properties, tags */
  .code-token__property,
  .token.boolean,
  .token.constant,
  .token.number,
  .token.property,
  .token.symbol,
  .token.tag {
    color: var(--lexxy-color-code-token-property);
  }

  /* Strings, selectors, and built-in constructs */
  .code-token__selector,
  .token.attr-value,
  .token.builtin,
  .token.char,
  .token.inserted,
  .token.line,
  .token.selector,
  .token.string {
    color: var(--lexxy-color-code-token-selector);
  }

  /* Comments and meta information */
  .code-token__comment,
  .token.cdata,
  .token.comment,
  .token.doctype,
  .token.prolog {
    color: var(--lexxy-color-code-token-comment);
    font-style: italic;
  }

  /* Operators and symbolic entities */
  .code-token__operator,
  .token.deleted,
  .token.entity,
  .token.operator,
  .token.url,
  code[data-language="diff"] .code-token__operator + .code-token__selector {
    color: var(--lexxy-color-code-token-operator);
  }

  /* Functions and class names */
  .code-token__function,
  .token.class,
  .token.class-name,
  .token.function {
    color: var(--lexxy-color-code-token-function);
  }

  /* Variables, regex, namespaces, important */
  .code-token__variable,
  .token.important,
  .token.namespace,
  .token.regex,
  .token.variable {
    color: var(--lexxy-color-code-token-variable);
  }

  /* Punctuation */
  .code-token__punctuation,
  .token.punctuation {
    color: var(--lexxy-color-code-token-punctuation);
  }

  /* Tables */
  :where(.lexxy-content__table-wrapper) {
    margin: 0;
    margin-block: 1ch;
    overflow-x: auto;
  }

  table {
    border-collapse: collapse;
    border-spacing: 0;
    inline-size: calc(100% - 0.5ch);
    margin: 0.25ch;

    th,
    td {
      border: 1px solid var(--lexxy-color-ink-lighter);
      min-width: 5ch;
      max-width: 50ch;
      padding: 1ch;
      text-align: start;
      word-break: normal;

      *:last-child {
        margin-block-end: 0;
      }

      &.lexxy-content__table-cell--header {
        background-color: var(--lexxy-color-table-header-bg);
        font-weight: bold;
      }

      *:is(code, pre) {
        hyphens: auto;
        white-space: pre-wrap;

        @supports (text-wrap: wrap) {
          text-wrap: wrap;
        }
      }
    }
  }


  /* Attachments
  /* ------------------------------------------------------------------------ */

  p:has(.attachment) {
    text-align: center;
  }

  .attachment {
    --lexxy-attachment-gap: 0.75ch;

    block-size: auto;
    box-sizing: border-box;
    border-radius: var(--lexxy-radius);
    display: block;
    inline-size: fit-content;
    margin-inline: auto;
    max-inline-size: 100%;
    min-inline-size: 10ch;
    padding: var(--lexxy-attachment-gap);
    position: relative;
    text-align: center;
  }

  .attachment__caption {
    color: var(--lexxy-color-text-subtle);
    display: block;
    font-size: var(--lexxy-text-small);
    padding: 1ch;
  }

  .attachment__icon {
    aspect-ratio: 4/5;
    background-color: color-mix(var(--lexxy-attachment-icon-color), transparent 90%);
    block-size: 3lh;
    border: 1px solid var(--lexxy-attachment-icon-color);
    border-block-start-width: 1.5ch;
    border-radius: var(--lexxy-radius);
    box-sizing: border-box;
    color: var(--lexxy-attachment-icon-color);
    display: grid;
    font-size: var(--lexxy-text-small);
    font-weight: bold;
    inline-size: auto;
    overflow: hidden;
    place-content: center;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .attachment--preview {
    img, video {
      border-radius: var(--lexxy-radius);
      block-size: auto;
      display: block;
      margin-inline: auto;
      max-inline-size: 100%;
      -webkit-user-select: none;

      @supports (user-select: none) {
        user-select: none;
      }
    }

    > a {
      display: block;
    }

    .attachment__caption {
      padding-block-end: 0.5ch;
    }
  }

  .attachment--file {
    --lexxy-attachment-icon-color: var(--lexxy-color-text-subtle);

    align-items: center;
    display: flex;
    flex-wrap: wrap;
    inline-size: auto;

    .attachment__caption {
      display: grid;
      flex: 1;
      text-align: start;
    }

    .attachment__name {
      color: var(--lexxy-color-ink);
      font-weight: bold;
    }
  }

  .attachment--psd,
  .attachment--key,
  .attachment--sketch,
  .attachment--ai,
  .attachment--eps,
  .attachment--indd,
  .attachment--svg,
  .attachment--ppt,
  .attachment--pptx {
    --lexxy-attachment-icon-color: var(--lexxy-color-red);
  }

  .attachment--css,
  .attachment--php,
  .attachment--json,
  .attachment--htm,
  .attachment--html,
  .attachment--rb,
  .attachment--erb,
  .attachment--ts,
  .attachment--js {
    --lexxy-attachment-icon-color: var(--lexxy-color-purple);
  }

  .attachment--txt,
  .attachment--pages,
  .attachment--rtf,
  .attachment--md,
  .attachment--doc,
  .attachment--docx {
    --lexxy-attachment-icon-color: var(--lexxy-color-blue);
  }

  .attachment--csv,
  .attachment--numbers,
  .attachment--xls,
  .attachment--xlsx {
    --lexxy-attachment-icon-color: var(--lexxy-color-green);
  }

  .attachment--error {
    padding-block: 2ch;
  }


  /* Image galleries */
  /* ------------------------------------------------------------------------ */

  .attachment-gallery {
    display: block;
    text-align: center;

    .attachment {
      display: inline-flex;
      flex-direction: column;
      gap: 0;
      inline-size: calc(33.333% - 0.8ch);
      vertical-align: top;

      .attachment__caption {
        padding-block-end: 1ch;
      }
    }

    &.attachment-gallery--2,
    &.attachment-gallery--4 {
      .attachment {
        inline-size: calc(50% - 0.8ch);
      }
    }
  }


  /* Custom attachments such as mentions, etc. */
  /* ------------------------------------------------------------------------ */

  action-text-attachment[content-type^="application/vnd.actiontext"] {
    --lexxy-attachment-bg-color: transparent;
    --lexxy-attachment-image-size: 1em;
    --lexxy-attachment-text-color: currentColor;

    align-items: center;
    background: var(--lexxy-attachment-bg-color);
    border-radius: var(--lexxy-radius);
    color: var(--lexxy-attachment-text-color);
    display: inline-flex;
    gap: 0.25ch;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: normal;

    img {
      block-size: var(--lexxy-attachment-image-size);
      border-radius: 50%;
      inline-size: var(--lexxy-attachment-image-size);
    }
  }


  /* Horizontal divider */
  /* ------------------------------------------------------------------------ */

  .horizontal-divider {
    margin: 0;
    margin-block-end: .5em;
    padding: 1.5em 0 .5em;

    hr {
      border: 0;
      border-block-end: 1px solid currentColor;
      inline-size: 20%;
      margin: 0;
    }
  }
}