/*
 * 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;
}
/*
 * 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;
}

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

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

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

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

/* line 3231, 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 3241, app/assets/stylesheets/application.scss */
  .heroSlider:after {
    display: none;
  }
}

/* line 3243, 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 3256, app/assets/stylesheets/application.scss */
  .heroSlider .slick-dots {
    right: 55%;
  }
}

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

/* line 3263, 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 3280, app/assets/stylesheets/application.scss */
.heroSlider .slick-dots .slick-active button {
  background-color: #fcd600;
}

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

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

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

@media only screen and (max-width: 767px) {
  /* line 3294, 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 3303, app/assets/stylesheets/application.scss */
  .hero-item {
    font-size: 14px;
  }
}

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

/* line 3307, 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 3322, 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 3325, app/assets/stylesheets/application.scss */
  .hero-item .visual .more {
    padding: 10px;
    font-size: 13px;
  }
}

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

/* line 3331, 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 3336, app/assets/stylesheets/application.scss */
  .hero-item .visual {
    height: 160px;
    position: relative;
    overflow: hidden;
  }
  /* line 3340, 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 3349, app/assets/stylesheets/application.scss */
.hero-item p {
  margin: 0 0 24px;
}

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

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

/* line 3357, 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 3367, app/assets/stylesheets/application.scss */
  .hero-item .content {
    padding: 30px 20px 15px;
  }
}

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

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

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

@media only screen and (max-width: 767px) {
  /* line 3381, 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 3393, app/assets/stylesheets/application.scss */
  .hero-item .content .more:hover {
    color: #fff;
    background: #333;
  }
}

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

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

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

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

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

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

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

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

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

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

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

/* line 3447, 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 3454, app/assets/stylesheets/application.scss */
.news-list .news-item:first-child {
  border-left: none;
}

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

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

@media only screen and (max-width: 767px) {
  /* line 3473, 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 3481, app/assets/stylesheets/application.scss */
  .news-list .news-item {
    width: 230px;
    border: none;
    padding: 0 5px;
    white-space: normal;
  }
}

/* line 3487, 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 3492, app/assets/stylesheets/application.scss */
  .news-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3495, 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 3503, 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 3508, app/assets/stylesheets/application.scss */
  .news-item .date {
    margin-bottom: 3px;
  }
}

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

/* line 3513, 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 3520, app/assets/stylesheets/application.scss */
  .news-item .title {
    font-size: 20px;
  }
}

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

/* line 3527, 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 3533, app/assets/stylesheets/application.scss */
.news-item .title a:hover,
.faq-list .title a:hover {
  color: #fcd600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3599, 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 3614, app/assets/stylesheets/application.scss */
.about-section .info-content .select-holder {
  display: none;
}

/* line 3616, 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 3633, app/assets/stylesheets/application.scss */
  .about-section .info-content {
    font-size: 14px;
    padding-right: 20px;
  }
  /* line 3636, app/assets/stylesheets/application.scss */
  .about-section .info-content p {
    margin-bottom: 19px;
  }
  /* line 3638, 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 3642, app/assets/stylesheets/application.scss */
  .about-section .info-content {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3645, 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 3653, app/assets/stylesheets/application.scss */
  .about-section .info-content .select-holder {
    margin: 0;
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /* line 3658, app/assets/stylesheets/application.scss */
  .about-section .info-content .hide-on-mobile {
    display: none;
  }
  /* line 3660, app/assets/stylesheets/application.scss */
  .about-section .info-content .info-title {
    margin: 0;
    padding: 16px;
    border-bottom: none;
    border-top: 1px solid #d5d5d5;
  }
}

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

/* line 3669, 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 3681, app/assets/stylesheets/application.scss */
.about-section .main-content .visual {
  display: none;
  margin: 0 -16px 20px;
}

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

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

/* line 3690, 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 3700, app/assets/stylesheets/application.scss */
.about-section .main-content p {
  margin: 0 0 24px;
}

@media only screen and (max-width: 1279px) {
  /* line 3703, 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 3709, 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 3714, 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 3724, 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 3736, app/assets/stylesheets/application.scss */
  .about-section .main-content .more:hover {
    color: #fff;
    background: #333;
  }
  /* line 3739, app/assets/stylesheets/application.scss */
  .about-section .main-content p {
    margin-bottom: 15px;
  }
}

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

/* line 3744, 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 3752, app/assets/stylesheets/application.scss */
.about-section .city-list li {
  margin: 0 0 27px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* line 3792, 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 3800, 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 3807, app/assets/stylesheets/application.scss */
  .book-list > .book-item {
    width: 100%;
  }
}

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

/* line 3818, 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 3824, app/assets/stylesheets/application.scss */
  .book-item {
    font-size: 14px;
  }
}

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

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

/* line 3833, 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 3840, app/assets/stylesheets/application.scss */
.book-item .visual a {
  display: block;
}

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

/* line 3846, 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 3859, app/assets/stylesheets/application.scss */
  .book-item .visual .preview:after {
    display: none;
  }
}

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

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

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

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

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

/* line 3878, 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 3884, app/assets/stylesheets/application.scss */
.book-item .title a {
  text-decoration: none;
}

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

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

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

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

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

/* line 3902, 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 3916, app/assets/stylesheets/application.scss */
  .subscribe-panel .subscribe-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

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

/* line 3922, 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 3928, app/assets/stylesheets/application.scss */
  .subscribe-panel h2 {
    margin: 0 0 25px;
    font-size: 25px;
  }
}

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

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

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

/* line 3946, 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 3953, 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 3976, app/assets/stylesheets/application.scss */
.subscribe-form .btn-submit:hover {
  background-color: #d5d5d5;
}

/* line 3978, 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 3994, 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 4000, 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 4006, 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 4012, 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 4018, app/assets/stylesheets/application.scss */
.subscribe-form input.text:focus {
  border-bottom-color: #e0e0e0;
}

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

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

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

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

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

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

/* line 4033, 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 4039, app/assets/stylesheets/application.scss */
  .events-section .section-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4043, 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 4048, app/assets/stylesheets/application.scss */
  .events-section .section-inner {
    display: block;
  }
}

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

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

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

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

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

/* line 4072, 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 4079, 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 4085, app/assets/stylesheets/application.scss */
  .events-list {
    margin-left: -35px;
    margin-right: -15px;
  }
  /* line 4088, app/assets/stylesheets/application.scss */
  .events-list .event-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}

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

/* line 4096, 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 4103, app/assets/stylesheets/application.scss */
  .event-item {
    font-size: 14px;
  }
}

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

/* line 4109, 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 4122, app/assets/stylesheets/application.scss */
  .event-item .event-info {
    max-width: 220px;
    min-height: 220px;
  }
}

/* line 4125, app/assets/stylesheets/application.scss */
.event-item .event-info .date {
  color: #252525;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

/* line 4131, 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 4137, app/assets/stylesheets/application.scss */
.event-item .event-info .time {
  display: block;
}

/* line 4139, app/assets/stylesheets/application.scss */
.event-item .event-info .place {
  color: #252525;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

/* line 4145, app/assets/stylesheets/application.scss */
.event-item .content {
  margin: 20px 0 0;
  overflow: hidden;
}

/* line 4148, app/assets/stylesheets/application.scss */
.event-item p {
  margin-bottom: 20px;
}

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

/* line 4153, 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 4159, app/assets/stylesheets/application.scss */
  .event-item .title {
    font-size: 20px;
  }
}

/* line 4161, 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 4167, 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 4173, 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 4181, 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 4190, 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 4194, 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 4199, app/assets/stylesheets/application.scss */
  .events-list2 > li {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4203, app/assets/stylesheets/application.scss */
  .events-list2 {
    margin-left: -10px;
    margin-right: -10px;
  }
  /* line 4206, app/assets/stylesheets/application.scss */
  .events-list2 > li {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 4209, app/assets/stylesheets/application.scss */
.events-list2 .inner {
  padding: 20px;
  border-radius: 8px;
}

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

/* line 4216, 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 4221, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    width: 40%;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4224, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    margin-right: 10px;
  }
}

/* line 4226, app/assets/stylesheets/application.scss */
.events-list2 .visual {
  width: 80px;
}

/* line 4228, app/assets/stylesheets/application.scss */
.events-list2 .visual a {
  display: block;
}

/* line 4230, app/assets/stylesheets/application.scss */
.events-list2 .visual a img {
  display: block;
  max-width: 100%;
}

/* line 4233, 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 4241, app/assets/stylesheets/application.scss */
  .events-list2 .title {
    font-size: 24px;
  }
}

/* line 4243, app/assets/stylesheets/application.scss */
.events-list2 .content {
  overflow: hidden;
  max-width: 222px;
  min-height: 150px;
  padding: 0 0 35px;
  position: relative;
}

/* line 4249, app/assets/stylesheets/application.scss */
.events-list2 .btn-holder {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* line 4254, app/assets/stylesheets/application.scss */
.events-list2 p {
  margin: 0 0 16px;
}

/* line 4256, 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 4262, app/assets/stylesheets/application.scss */
  .events-list2 .btn {
    max-width: none;
  }
}

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

@media only screen and (max-width: 767px) {
  /* line 4267, app/assets/stylesheets/application.scss */
  .events-list2 {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: -5px;
    margin-right: -5px;
  }
  /* line 4273, 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 4282, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    width: 130px;
    margin-right: 16px;
  }
  /* line 4285, app/assets/stylesheets/application.scss */
  .events-list2 .title {
    font-size: 28px;
    line-height: .86;
  }
  /* line 4288, app/assets/stylesheets/application.scss */
  .events-list2 .show-on-mobile {
    display: block;
  }
  /* line 4290, app/assets/stylesheets/application.scss */
  .events-list2 .hide-on-mobile {
    display: none;
  }
}

@media only screen and (max-width: 374px) {
  /* line 4293, app/assets/stylesheets/application.scss */
  .events-list2 > li {
    width: 310px;
    font-size: 13px;
  }
  /* line 4296, app/assets/stylesheets/application.scss */
  .events-list2 .preview {
    width: 120px;
    margin-right: 10px;
  }
  /* line 4299, app/assets/stylesheets/application.scss */
  .events-list2 .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 4302, app/assets/stylesheets/application.scss */
  .events-list2 .title {
    font-size: 24px;
  }
}

/* line 4305, app/assets/stylesheets/application.scss */
.faq-section {
  padding: 52px 0 20px;
}

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

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

/* line 4313, app/assets/stylesheets/application.scss */
.faq-section h2 {
  margin-bottom: 26px;
}

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

/* line 4319, 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 4325, app/assets/stylesheets/application.scss */
  .faq-section h2 .btn {
    margin-top: 0;
  }
}

/* line 4328, 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 4340, 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 4353, app/assets/stylesheets/application.scss */
.faq-list .inner {
  padding: 30px 0 0;
  border-top: 1px solid #7d7d7d;
}

/* line 4356, 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 4362, app/assets/stylesheets/application.scss */
.faq-list p {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1279px) {
  /* line 4365, app/assets/stylesheets/application.scss */
  .faq-list {
    margin-left: -15px;
    margin-right: -15px;
  }
  /* line 4368, app/assets/stylesheets/application.scss */
  .faq-list > li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 4372, 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 4391, app/assets/stylesheets/application.scss */
  .donate {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

/* line 4395, 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 4409, 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 4420, app/assets/stylesheets/application.scss */
  .donate h2 {
    padding-left: 0;
    margin-right: 50px;
    padding-bottom: 85px;
  }
  /* line 4424, app/assets/stylesheets/application.scss */
  .donate h2:after {
    top: auto;
    bottom: 0;
    margin-top: 0;
  }
}

/* line 4428, app/assets/stylesheets/application.scss */
.donate p {
  margin: 0;
}

/* line 4430, app/assets/stylesheets/application.scss */
.donate .content {
  max-width: 520px;
}

@media only screen and (max-width: 767px) {
  /* line 4433, 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 4441, 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 4452, app/assets/stylesheets/application.scss */
  .donate h2:after {
    width: 74px;
    height: 80px;
  }
}

/* line 4456, 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 4467, 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 4481, app/assets/stylesheets/application.scss */
  .info-list > li {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1279px) {
  /* line 4485, app/assets/stylesheets/application.scss */
  .info-list {
    margin-left: -5px;
    margin-right: -5px;
  }
  /* line 4488, app/assets/stylesheets/application.scss */
  .info-list > li {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* line 4491, 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 4507, 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 4521, 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 4527, 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 4533, app/assets/stylesheets/application.scss */
  .info-list .inner {
    padding: 15px 100px 15px 15px;
  }
}

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

/* line 4540, app/assets/stylesheets/application.scss */
.info-list p {
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  /* line 4543, app/assets/stylesheets/application.scss */
  .info-list {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  /* line 4547, 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 4553, app/assets/stylesheets/application.scss */
.quick-links-section {
  display: none;
  padding: 20px 0;
}

/* line 4557, 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 4569, 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 4578, app/assets/stylesheets/application.scss */
  .quick-links-list > li {
    font-size: 3.7333vw;
    margin-left: 1.3333vw;
    margin-right: 1.3333vw;
  }
}

/* line 4582, 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 4586, 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 4590, 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 4594, app/assets/stylesheets/application.scss */
.quick-links-list > li.yellow {
  color: #000;
}

/* line 4596, 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 4600, 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 4608, 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 4612, 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 4618, app/assets/stylesheets/application.scss */
  .quick-links-list .title {
    font-size: 5.3333vw;
    margin-bottom: 2.1333vw;
  }
}

/* line 4622, app/assets/stylesheets/application.scss */
.page-heading {
  background: #fff;
}

/* line 4626, app/assets/stylesheets/application.scss */
.page-heading h1 {
  margin: 0;
  line-height: 1;
  font-size: 50px;
  padding: 29px 0 30px;
  letter-spacing: 0;
}

/* line 4634, 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 4642, app/assets/stylesheets/application.scss */
.page-heading .back {
  display: none;
  position: absolute;
  top: 0;
  left: -50px;
  bottom: 0;
  width: 54px;
}

/* line 4649, 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 4659, app/assets/stylesheets/application.scss */
.page-heading a {
  color: #044b7f;
  text-decoration: none;
}

/* line 4662, app/assets/stylesheets/application.scss */
.page-heading a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1023px) {
  /* line 4665, 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 4674, app/assets/stylesheets/application.scss */
  .page-heading .container {
    position: fixed;
    top: 0;
    left: 50px;
    right: 50px;
    z-index: 2000;
  }
  /* line 4680, 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 4697, app/assets/stylesheets/application.scss */
  .page-heading h1 small {
    margin: 0 0 4px;
    font-size: 11px;
    line-height: 1.45;
    width: 100%;
  }
  /* line 4702, app/assets/stylesheets/application.scss */
  .page-heading .back {
    display: block;
  }
}

/* line 4705, app/assets/stylesheets/application.scss */
.nav-open .page-heading {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* line 4710, app/assets/stylesheets/application.scss */
.team-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 4714, app/assets/stylesheets/application.scss */
.team-list > li {
  padding: 50px 0 35px;
  border-top: 1px solid #d5d5d5;
}

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

@media only screen and (max-width: 767px) {
  /* line 4720, app/assets/stylesheets/application.scss */
  .team-list > li {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4723, app/assets/stylesheets/application.scss */
  .team-list > li {
    padding-top: 25px;
    padding-bottom: 5px;
  }
}

/* line 4726, app/assets/stylesheets/application.scss */
.team-list .description-panel {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

/* line 4730, 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 4739, 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 4745, app/assets/stylesheets/application.scss */
  .team-list .members {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4748, app/assets/stylesheets/application.scss */
  .team-list .members {
    padding-left: 10px;
  }
}

/* line 4750, 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 4758, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    font-size: 18px;
  }
}

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

@media only screen and (max-width: 767px) {
  /* line 4764, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    width: 200px;
    white-space: normal;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4768, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    width: 180px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4772, app/assets/stylesheets/application.scss */
  .team-list .members > li {
    width: 45vw;
    font-size: 4vw;
  }
}

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

/* line 4777, app/assets/stylesheets/application.scss */
.team-list .members > li.active > a {
  background: #fff;
}

/* line 4779, app/assets/stylesheets/application.scss */
.team-list .members > li.active > a:after {
  opacity: 1;
}

/* line 4781, app/assets/stylesheets/application.scss */
.team-list .members > li.active .expanded {
  display: block;
}

/* line 4783, 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 4793, app/assets/stylesheets/application.scss */
  .team-list .members > li > a {
    padding: 10px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4796, app/assets/stylesheets/application.scss */
  .team-list .members > li > a {
    padding: 2.5vw;
  }
}

/* line 4798, app/assets/stylesheets/application.scss */
.team-list .members > li > a:hover {
  background: #fff;
}

/* line 4800, 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 4810, app/assets/stylesheets/application.scss */
.team-list .members.type2 {
  padding-top: 17px;
}

@media only screen and (max-width: 767px) {
  /* line 4813, app/assets/stylesheets/application.scss */
  .team-list .members.type2 {
    padding-top: 0;
  }
}

/* line 4815, 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 4821, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 4824, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 20%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4827, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 180px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4830, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 160px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4834, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li {
    width: 40vw;
    font-size: 3.5vw;
  }
}

@media only screen and (max-width: 1279px) {
  /* line 4838, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li > a {
    padding: 10px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4841, app/assets/stylesheets/application.scss */
  .team-list .members.type2 > li > a {
    padding: 2.5vw;
  }
}

/* line 4843, 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 4847, app/assets/stylesheets/application.scss */
  .team-list .members.type2 .post {
    font-size: 12px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4850, app/assets/stylesheets/application.scss */
  .team-list .members.type2 .post {
    font-size: 3vw;
  }
}

/* line 4852, app/assets/stylesheets/application.scss */
.team-list .members p {
  margin-bottom: 27px;
}

@media only screen and (max-width: 479px) {
  /* line 4855, app/assets/stylesheets/application.scss */
  .team-list .members p {
    margin-bottom: 21px;
  }
}

/* line 4857, app/assets/stylesheets/application.scss */
.team-list .members .visual {
  z-index: 10;
  margin: 0 0 22px;
  position: relative;
}

/* line 4861, 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 4869, 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 4879, app/assets/stylesheets/application.scss */
.team-list .members .title,
.team-list .members .status {
  display: block;
  font-weight: bold;
}

/* line 4883, 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 4890, app/assets/stylesheets/application.scss */
  .team-list .members .post {
    font-size: 14px;
  }
}

@media only screen and (max-width: 400px) {
  /* line 4893, app/assets/stylesheets/application.scss */
  .team-list .members .post {
    font-size: 3.5vw;
    padding-top: 2.5vw;
  }
}

/* line 4896, 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 4908, app/assets/stylesheets/application.scss */
  .team-list .expanded {
    padding: 35px 15px 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4911, 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 4921, app/assets/stylesheets/application.scss */
  .team-list .expanded {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4924, app/assets/stylesheets/application.scss */
  .team-list .expanded {
    font-size: 14px;
  }
}

/* line 4926, 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 4934, app/assets/stylesheets/application.scss */
  .team-list .expanded:after, .team-list .expanded:before {
    display: none;
  }
}

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

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

/* line 4940, 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 4947, app/assets/stylesheets/application.scss */
  .team-list .expanded .visual {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1279px) {
  /* line 4950, app/assets/stylesheets/application.scss */
  .team-list .expanded .visual {
    margin-left: 5%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 4953, app/assets/stylesheets/application.scss */
  .team-list .expanded .visual {
    float: none;
    width: auto;
    max-width: 480px;
    margin: 0 0 20px;
  }
}

/* line 4958, app/assets/stylesheets/application.scss */
.team-list .expanded .content {
  overflow: hidden;
  padding: 5px 0 0;
}

/* line 4961, app/assets/stylesheets/application.scss */
.team-list .expanded h2 {
  margin: 0;
  color: inherit;
  line-height: 1;
  font-size: 50px;
}

/* line 4966, app/assets/stylesheets/application.scss */
.team-list .expanded h2.status {
  margin-bottom: 28px;
}

@media only screen and (max-width: 1279px) {
  /* line 4969, app/assets/stylesheets/application.scss */
  .team-list .expanded h2 {
    font-size: 40px;
  }
  /* line 4971, app/assets/stylesheets/application.scss */
  .team-list .expanded h2.status {
    margin-bottom: 18px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 4974, app/assets/stylesheets/application.scss */
  .team-list .expanded h2 {
    font-size: 32px;
  }
  /* line 4976, app/assets/stylesheets/application.scss */
  .team-list .expanded h2.status {
    margin-bottom: 10px;
  }
}

/* line 4978, 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 4989, app/assets/stylesheets/application.scss */
  .team-list .expanded .close {
    right: 15px;
    margin-right: 0;
  }
}

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

/* line 4995, 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 5005, app/assets/stylesheets/application.scss */
.team-list .expanded .close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

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

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

/* line 5017, app/assets/stylesheets/application.scss */
.light-section .description-panel, .gray-section .description-panel {
  padding: 0;
  border: none;
  margin: 0 0 20px;
}

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

/* line 5027, app/assets/stylesheets/application.scss */
.gray-section .btn-holder {
  text-align: center;
}

/* line 5031, app/assets/stylesheets/application.scss */
.gray-section .btn-holder .btn {
  padding-left: 20px;
  padding-right: 20px;
}

/* line 5037, 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 5044, 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 5054, app/assets/stylesheets/application.scss */
  .donation-list > li {
    width: auto;
    display: block;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5058, app/assets/stylesheets/application.scss */
  .donation-list > li {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

/* line 5061, 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 5071, app/assets/stylesheets/application.scss */
  .donation-list .inner {
    min-height: 140px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5074, app/assets/stylesheets/application.scss */
  .donation-list .inner {
    padding: 10px;
    min-height: 120px;
  }
}

/* line 5077, 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 5094, app/assets/stylesheets/application.scss */
  .donation-list .preview {
    width: 90px;
    margin-right: 15px;
  }
}

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

@media only screen and (max-width: 479px) {
  /* line 5102, app/assets/stylesheets/application.scss */
  .donation-list .year {
    font-size: 20px;
  }
}

/* line 5104, app/assets/stylesheets/application.scss */
.donation-list .status {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 500;
}

/* line 5109, app/assets/stylesheets/application.scss */
.donation-list .status.progress {
  color: #fcd600;
}

/* line 5111, app/assets/stylesheets/application.scss */
.donation-list .status.completed {
  color: #107e7d;
}

/* line 5113, app/assets/stylesheets/application.scss */
.donation-list .title {
  display: block;
  margin: 0 0 10px;
  font-weight: bold;
}

/* line 5117, 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 5124, app/assets/stylesheets/application.scss */
.donation-list .members li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 0 3px 3px 0;
}

/* line 5129, 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 5135, app/assets/stylesheets/application.scss */
  .donation-list .members img {
    width: 30px;
    height: 30px;
  }
}

/* line 5139, 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 5148, 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 5154, app/assets/stylesheets/application.scss */
  .supporters-list {
    padding-top: 0;
    max-width: 460px;
  }
}

/* line 5157, 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 5166, app/assets/stylesheets/application.scss */
.supporters-list > li.wide {
  width: 66%;
}

@media only screen and (max-width: 1023px) {
  /* line 5169, app/assets/stylesheets/application.scss */
  .supporters-list > li {
    padding: 0;
    width: auto;
    display: block;
  }
  /* line 5173, app/assets/stylesheets/application.scss */
  .supporters-list > li.wide {
    width: auto;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5176, app/assets/stylesheets/application.scss */
  .supporters-list > li {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 15px;
  }
}

/* line 5180, 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 5185, app/assets/stylesheets/application.scss */
  .supporters-list .inner {
    padding: 15px 15px 10px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5188, app/assets/stylesheets/application.scss */
  .supporters-list .inner {
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 5192, 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 5202, app/assets/stylesheets/application.scss */
  .supporters-list .visual {
    margin-bottom: 20px;
  }
}

/* line 5204, app/assets/stylesheets/application.scss */
.supporters-list .visual img {
  display: block;
  margin: 0 auto;
}

/* line 5207, 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 5220, 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 5229, app/assets/stylesheets/application.scss */
  .supporters-list .title {
    font-size: 30px;
  }
}

/* line 5231, app/assets/stylesheets/application.scss */
.supporters-list p {
  margin: 0 0 20px;
}

/* line 5233, 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 5246, 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 5251, app/assets/stylesheets/application.scss */
  .supporters-list .inner-list {
    -webkit-columns: 1;
    columns: 1;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 5257, app/assets/stylesheets/application.scss */
.supporters-list .inner-list > li {
  counter-increment: item;
}

/* line 5259, app/assets/stylesheets/application.scss */
.supporters-list .inner-list > li:before {
  margin-right: 10px;
  content: counters(item, ".") ".";
}

/* line 5264, app/assets/stylesheets/application.scss */
.supporters-item {
  padding: 52px 0 48px;
  border-bottom: 1px solid #d5d5d5;
}

@media only screen and (max-width: 767px) {
  /* line 5268, app/assets/stylesheets/application.scss */
  .supporters-item {
    padding: 30px 0;
  }
}

/* line 5270, app/assets/stylesheets/application.scss */
.supporters-item:first-of-type {
  padding-top: 0;
}

/* line 5272, 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 5277, app/assets/stylesheets/application.scss */
  .supporters-item h2 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5280, app/assets/stylesheets/application.scss */
  .supporters-item h2 {
    font-size: 30px;
  }
}

/* line 5282, 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 5289, app/assets/stylesheets/application.scss */
  .supporters-item h2 small {
    font-size: 14px;
    font-weight: normal;
  }
}

/* line 5292, 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 5304, 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 5310, 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 5318, app/assets/stylesheets/application.scss */
  .supporters-item .num-list {
    -webkit-columns: 1;
    columns: 1;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}

/* line 5323, app/assets/stylesheets/application.scss */
.supporters-item .num-list > li {
  counter-increment: item;
}

/* line 5325, 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 5329, app/assets/stylesheets/application.scss */
  .supporters-item .num-list > li:before {
    margin-right: 4px;
  }
}

/* line 5331, 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 5338, app/assets/stylesheets/application.scss */
.supporters-item .num-list.type2 > li:before {
  margin-right: 6px;
}

@media only screen and (max-width: 1023px) {
  /* line 5341, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 > li:before {
    margin-right: 2px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 5344, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 4;
    columns: 4;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5348, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 3;
    columns: 3;
  }
}

@media only screen and (max-width: 600px) {
  /* line 5352, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 2;
    columns: 2;
  }
}

@media only screen and (max-width: 400px) {
  /* line 5356, app/assets/stylesheets/application.scss */
  .supporters-item .num-list.type2 {
    -webkit-columns: 1;
    columns: 1;
  }
}

/* line 5360, 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 5367, app/assets/stylesheets/application.scss */
  .supporters-info {
    padding-top: 30px;
  }
}

/* line 5370, app/assets/stylesheets/application.scss */
h4.offset2 {
  margin-bottom: 30px;
}

/* line 5373, app/assets/stylesheets/application.scss */
h2.h1 {
  color: #000;
  font-size: 50px;
}

@media only screen and (max-width: 1023px) {
  /* line 5377, app/assets/stylesheets/application.scss */
  h2.h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5380, app/assets/stylesheets/application.scss */
  h2.h1 {
    font-size: 30px;
  }
}

/* line 5383, app/assets/stylesheets/application.scss */
.description-panel .marker-list {
  padding: 0;
  list-style: none;
  margin: -10px 0 20px;
}

/* line 5387, 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 5392, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li {
    padding-left: 20px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5396, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li {
    margin-bottom: 10px;
  }
}

/* line 5398, 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 5408, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li:after {
    top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5411, app/assets/stylesheets/application.scss */
  .description-panel .marker-list li:after {
    top: 8px;
    left: 5px;
  }
}

/* line 5415, 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 5421, 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 5426, app/assets/stylesheets/application.scss */
  .research-list.type2 li {
    width: 33.3%;
  }
}

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

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

/* line 5436, app/assets/stylesheets/application.scss */
.research-list.type2 a {
  color: #044b7f;
}

/* line 5438, app/assets/stylesheets/application.scss */
.research-list.type2 .ico {
  margin: -120px auto 20px;
}

/* line 5440, app/assets/stylesheets/application.scss */
.research-list.type2 .cont {
  min-height: 0;
  padding: 66px 20px 25px;
}

/* line 5444, app/assets/stylesheets/application.scss */
.donate-form-section {
  padding: 50px 0;
  background: #fff;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  /* line 5450, app/assets/stylesheets/application.scss */
  .donate-form-section {
    padding: 10.4167vw 0;
  }
}

/* line 5452, 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 5460, app/assets/stylesheets/application.scss */
  .donate-form-section h2 {
    font-size: 62px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5463, app/assets/stylesheets/application.scss */
  .donate-form-section h2 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5466, app/assets/stylesheets/application.scss */
  .donate-form-section h2 {
    font-size: 10.8333vw;
    margin-bottom: 10.4167vw;
  }
}

/* line 5469, 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 5474, app/assets/stylesheets/application.scss */
.donate-form {
  margin: 0;
  padding: 0;
}

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

/* line 5482, 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 5496, app/assets/stylesheets/application.scss */
  .donate-form .steps-list {
    margin-left: -35px;
    margin-right: -35px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5500, app/assets/stylesheets/application.scss */
  .donate-form .steps-list {
    margin-left: -7.2917vw;
    margin-right: -7.2917vw;
    margin-bottom: 10.4167vw;
  }
}

/* line 5504, 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 5513, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li {
    margin-left: 35px;
    margin-right: 35px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5517, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li {
    margin-left: 7.2917vw;
    margin-right: 7.2917vw;
  }
}

/* line 5520, 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 5533, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li:after {
    width: 55px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 5536, app/assets/stylesheets/application.scss */
  .donate-form .steps-list li:after {
    width: 11.4583vw;
    margin-right: 2.0833vw;
  }
}

/* line 5539, 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 5555, app/assets/stylesheets/application.scss */
.donate-form .steps-list li:first-child:after {
  display: none;
}

/* line 5557, app/assets/stylesheets/application.scss */
.donate-form .steps-list li span {
  border-radius: 50%;
}

/* line 5559, 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 5575, 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 5581, 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 5586, 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 5601, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active:before {
  opacity: 1;
}

/* line 5603, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active:after {
  background: #fcd600;
}

/* line 5605, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active span {
  cursor: pointer;
}

/* line 5607, app/assets/stylesheets/application.scss */
.donate-form .steps-list li.active span:after {
  color: #000;
  background: #fcd600;
  border-color: #fcd600;
}

/* line 5611, 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 5619, 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 5627, app/assets/stylesheets/application.scss */
.donate-form h4 {
  text-align: center;
  margin: 0 0 30px;
}

/* line 5630, app/assets/stylesheets/application.scss */
.donate-form .form-row {
  margin: 0 0 30px;
}

@media only screen and (max-width: 479px) {
  /* line 5633, app/assets/stylesheets/application.scss */
  .donate-form .form-row {
    margin-bottom: 6.25vw;
  }
}

/* line 5635, app/assets/stylesheets/application.scss */
.donate-form .input-item {
  position: relative;
}

/* line 5637, 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 5653, 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 5659, 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 5671, 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 5680, 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 5696, app/assets/stylesheets/application.scss */
  .donate-form input.text {
    height: 14.5833vw;
    padding: 0 4.1667vw;
    font-size: 5vw;
    border-radius: 1.6667vw;
  }
}

/* line 5701, 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 5707, 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 5713, 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 5719, 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 5725, app/assets/stylesheets/application.scss */
.donate-form input.text:focus::-webkit-input-placeholder {
  color: transparent;
}

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

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

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

/* line 5733, 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 5738, app/assets/stylesheets/application.scss */
  .donate-form .col-row {
    margin-left: -3.125vw;
    margin-right: -3.125vw;
  }
}

/* line 5741, 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 5747, 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 5751, app/assets/stylesheets/application.scss */
  .donate-form .col-row > .col.hide-on-tablet {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  /* line 5754, app/assets/stylesheets/application.scss */
  .donate-form .col-row > .col.hide-on-mobile {
    display: none !important;
  }
}

/* line 5756, 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 5766, app/assets/stylesheets/application.scss */
  .donate-form .radio-list {
    margin-left: -3.125vw;
    margin-right: -3.125vw;
  }
}

/* line 5769, app/assets/stylesheets/application.scss */
.donate-form .radio-list.items-4 > li {
  width: 25%;
}

@media only screen and (max-width: 1023px) {
  /* line 5772, app/assets/stylesheets/application.scss */
  .donate-form .radio-list.items-4 > li {
    width: 50%;
  }
}

/* line 5774, 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 5784, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li {
    width: 25%;
  }
  /* line 5786, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li.amount {
    width: 50%;
  }
}

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

@media only screen and (max-width: 479px) {
  /* line 5792, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li {
    font-size: 5vw;
    padding: 0 3.125vw;
    margin: 0 0 6.25vw;
  }
  /* line 5796, app/assets/stylesheets/application.scss */
  .donate-form .radio-list > li.amount {
    width: 100%;
  }
}

/* line 5798, app/assets/stylesheets/application.scss */
.donate-form .radio-list label {
  display: block;
  position: relative;
}

/* line 5801, 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 5815, 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 5825, app/assets/stylesheets/application.scss */
  .donate-form .radio-list input[type="radio"] + span {
    padding: 3.9583vw;
    border-radius: 1.6667vw;
  }
}

/* line 5828, 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 5834, app/assets/stylesheets/application.scss */
.donate-form .radio-list input.text {
  font-weight: bold;
  text-align: center;
  background: #f7f7f7;
  border: 1px solid #4a4a4a;
}

/* line 5839, app/assets/stylesheets/application.scss */
.donate-form .btn-holder {
  padding: 20px 0 0;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  /* line 5843, app/assets/stylesheets/application.scss */
  .donate-form .btn-holder {
    padding-top: 4.1667vw;
  }
}

/* line 5845, 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 5857, app/assets/stylesheets/application.scss */
  .donate-form .btn-holder .btn {
    padding: 5.625vw;
    min-width: 62.5vw;
    border-radius: 1.6667vw;
  }
}

/* line 5861, 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 5876, app/assets/stylesheets/application.scss */
.donate-form .btn-holder .btn:hover:after {
  bottom: -1px;
}

/* line 5878, app/assets/stylesheets/application.scss */
.donate-form .total-content {
  font-weight: 500;
  max-width: 382px;
  margin: 0 auto 30px;
}

/* line 5882, app/assets/stylesheets/application.scss */
.donate-form .total-content dl {
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}

/* line 5888, 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 5898, 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 5902, app/assets/stylesheets/application.scss */
.donate-form .total-content dt {
  color: #7d7d7d;
  padding-left: 0;
  text-align: right;
}

/* line 5906, app/assets/stylesheets/application.scss */
.donate-form .total-content dd {
  padding-right: 0;
}

/* line 5909, 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 5918, app/assets/stylesheets/application.scss */
  .vitiligans-list {
    padding-top: 0;
    margin-left: -10px;
    margin-right: -10px;
  }
}

/* line 5922, 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 5932, 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 5937, 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 5945, app/assets/stylesheets/application.scss */
  .vitiligans-list > li {
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 5950, 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 5956, app/assets/stylesheets/application.scss */
  .vitiligans-list > li > a {
    padding-bottom: 0;
  }
}

/* line 5958, 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 5968, 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 5977, app/assets/stylesheets/application.scss */
  .vitiligans-list > li > a .visual {
    margin-bottom: 15px;
  }
}

/* line 5979, app/assets/stylesheets/application.scss */
.vitiligans-list > li > a .visual img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

/* line 5983, 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 5993, app/assets/stylesheets/application.scss */
.vitiligans-list > li.open > a:after {
  opacity: 1;
}

/* line 5995, app/assets/stylesheets/application.scss */
.vitiligans-list > li.open .expanded {
  top: 0;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  /* line 6000, app/assets/stylesheets/application.scss */
  .vitiligans-list > li.open .expanded {
    display: block;
  }
}

/* line 6002, app/assets/stylesheets/application.scss */
.vitiligans-list > li:not(.open) {
  padding-bottom: 0 !important;
}

/* line 6004, 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 6010, app/assets/stylesheets/application.scss */
  .vitiligans-list .name {
    font-size: 16px;
  }
}

/* line 6012, app/assets/stylesheets/application.scss */
.vitiligans-list .post {
  display: block;
  color: #7d7d7d;
}

/* line 6015, 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 6041, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6044, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded {
    display: block;
    font-size: 16px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 6048, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded {
    font-size: 14px;
  }
}

/* line 6050, 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 6057, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded:after {
  left: 100%;
}

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

/* line 6061, 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 6073, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded .close {
    right: 15px;
    margin-right: 0;
  }
}

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

/* line 6079, 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 6089, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 6093, 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 6098, 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 6108, 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 6122, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded .visual {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6125, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded .visual {
    width: auto;
    max-width: 480px;
    margin: 0 0 30px;
  }
}

/* line 6129, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded .visual img {
  width: 100%;
  display: block;
}

/* line 6132, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded h2 {
  margin: 0;
  color: inherit;
  font-weight: normal;
}

/* line 6136, app/assets/stylesheets/application.scss */
.vitiligans-list .expanded h2 + p {
  margin-top: 30px;
}

@media only screen and (max-width: 479px) {
  /* line 6139, app/assets/stylesheets/application.scss */
  .vitiligans-list .expanded h2 + p {
    margin-top: 18px;
  }
}

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

/* line 6144, app/assets/stylesheets/application.scss */
.description-panel hr {
  height: 1px;
  border: none;
  margin: 30px 0 0;
  background: #d5d5d5;
}

/* line 6150, app/assets/stylesheets/application.scss */
.video-panel {
  margin-bottom: 0;
}

/* line 6152, app/assets/stylesheets/application.scss */
.video-panel .video-list {
  margin-bottom: -30px;
}

@media only screen and (max-width: 479px) {
  /* line 6155, app/assets/stylesheets/application.scss */
  .video-panel .video-list {
    margin-bottom: -15px;
  }
}

/* line 6157, app/assets/stylesheets/application.scss */
.video-panel .video-list > li {
  width: 50%;
}

@media only screen and (max-width: 1023px) {
  /* line 6160, 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 6165, app/assets/stylesheets/application.scss */
  .video-panel .video-list > li {
    width: 50%;
    display: inline-block;
  }
}

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

@media only screen and (max-width: 1023px) {
  /* line 6173, 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 6178, app/assets/stylesheets/application.scss */
  .video-panel .video-list a {
    display: block;
  }
}

/* line 6180, app/assets/stylesheets/application.scss */
.video-panel .video-list .year {
  margin: 0 0 36px;
}

@media only screen and (max-width: 767px) {
  /* line 6183, app/assets/stylesheets/application.scss */
  .video-panel .video-list .year {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

/* line 6186, app/assets/stylesheets/application.scss */
.video-panel .video-list .ico {
  width: 80px;
  display: block;
  position: static;
}

/* line 6190, app/assets/stylesheets/application.scss */
.video-panel .video-list .ico img {
  display: block;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  /* line 6194, app/assets/stylesheets/application.scss */
  .video-panel .video-list .ico {
    width: 60px;
  }
}

/* line 6197, app/assets/stylesheets/application.scss */
.gray-section .video-panel {
  margin-bottom: 0;
}

/* line 6200, 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 6208, app/assets/stylesheets/application.scss */
  .media-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -20px;
  }
}

/* line 6212, 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 6222, app/assets/stylesheets/application.scss */
  .media-list > li {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  /* line 6225, 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 6231, 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 6238, app/assets/stylesheets/application.scss */
.media-list a {
  display: block;
  text-decoration: none;
}

/* line 6241, 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 6248, app/assets/stylesheets/application.scss */
.media-list .visual img {
  display: block;
  width: 100%;
}

/* line 6251, app/assets/stylesheets/application.scss */
.media-list .title {
  display: block;
  font-weight: bold;
}

/* line 6255, 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 6261, app/assets/stylesheets/application.scss */
  .video-popup iframe {
    height: 54.6875vw;
  }
}

/* line 6264, app/assets/stylesheets/application.scss */
.video-popup h2 {
  padding: 30px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  /* line 6268, app/assets/stylesheets/application.scss */
  .video-popup h2 {
    padding: 20px;
  }
}

@media only screen and (max-width: 479px) {
  /* line 6271, app/assets/stylesheets/application.scss */
  .video-popup h2 {
    font-size: 22px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 6276, 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 6284, app/assets/stylesheets/application.scss */
.img-text-block:after {
  content: '';
  clear: both;
  display: block;
}

/* line 6289, app/assets/stylesheets/application.scss */
.img-text-block .visual {
  width: 50%;
  float: right;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
}

/* line 6295, app/assets/stylesheets/application.scss */
.img-text-block .content {
  overflow: hidden;
}

@media only screen and (max-width: 1023px) {
  /* line 6299, app/assets/stylesheets/application.scss */
  .img-text-block .visual {
    padding: 0;
    width: auto;
    float: none;
    max-width: 585px;
    margin: 0 auto 30px;
  }
}

/* line 6306, app/assets/stylesheets/application.scss */
.events-list3 {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 6310, app/assets/stylesheets/application.scss */
.events-list3 > li {
  padding: 39px 0 28px;
  border-top: 1px solid #d5d5d5;
}

/* line 6313, app/assets/stylesheets/application.scss */
.events-list3 > li:first-child {
  padding-top: 0;
  border-top: none;
}

@media only screen and (max-width: 767px) {
  /* line 6317, app/assets/stylesheets/application.scss */
  .events-list3 > li {
    padding: 20px 0 5px;
  }
}

/* line 6319, app/assets/stylesheets/application.scss */
.events-list3 > li:last-child {
  padding-bottom: 0;
}

/* line 6321, app/assets/stylesheets/application.scss */
.events-list3 > li:after {
  content: '';
  clear: both;
  display: block;
}

/* line 6325, 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 6333, 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 6341, app/assets/stylesheets/application.scss */
.events-list3 .visual img {
  display: block;
  width: 100%;
}

/* line 6344, app/assets/stylesheets/application.scss */
.events-list3 .content {
  overflow: hidden;
}

@media only screen and (max-width: 1023px) {
  /* line 6347, 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 6353, app/assets/stylesheets/application.scss */
  .events-list3 .visual {
    float: none;
    margin: 0 0 30px;
  }
}

/* line 6356, app/assets/stylesheets/application.scss */
.photo-copyright {
  position: absolute;
  bottom: 0;
  left: 5px;
  color: #fff;
  font-size: 1vw;
}

/* line 6363, app/assets/stylesheets/application.scss */
.info-copyright {
  position: absolute;
  bottom: 0;
  font-size: 0.5vw;
  right: 5px;
}

/* line 6369, app/assets/stylesheets/application.scss */
.extra-grants {
  display: none;
}

/* line 6372, app/assets/stylesheets/application.scss */
a.without-underline {
  text-decoration: none;
}

/* line 6375, app/assets/stylesheets/application.scss */
ul.news {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 6379, 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 6391, 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 6403, 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 6414, app/assets/stylesheets/application.scss */
  ul.news li {
    display: inline !important;
  }
  /* line 6417, app/assets/stylesheets/application.scss */
  ul.news li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 6421, app/assets/stylesheets/application.scss */
  ul.news li .content {
    margin-bottom: 25px;
  }
}

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

/* line 6430, 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 6447, app/assets/stylesheets/application.scss */
.search-markers .btn {
  float: right;
}

/* Map Legend */
/* line 6452, app/assets/stylesheets/application.scss */
#map-legend {
  background: white;
  padding: 4px;
  list-style: none;
  font-size: 12px;
  width: 150px;
}

/* line 6459, 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. */
/* line 6469, app/assets/stylesheets/application.scss */
#map-legend {
  width: auto;
  min-width: 150px;
}

/* line 6473, 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 6483, 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 6493, app/assets/stylesheets/application.scss */
#map-legend li.is-active {
  opacity: 1;
}

/* line 6496, app/assets/stylesheets/application.scss */
#map-legend li:hover {
  background-color: #f2f5f8;
}

/* line 6499, app/assets/stylesheets/application.scss */
#map-legend li a {
  color: inherit;
  text-decoration: none;
  display: block;
}

/* line 6504, app/assets/stylesheets/application.scss */
#map-legend li.legend-reset {
  opacity: 1;
  padding-left: 3px;
  margin-top: 2px;
  border-top: 1px solid #ebeff4;
}

/* line 6510, app/assets/stylesheets/application.scss */
#map-legend li.legend-reset::before {
  content: none;
}

/* line 6513, app/assets/stylesheets/application.scss */
#map-legend li.legend-reset a {
  color: #006EDA;
}

/* line 6516, app/assets/stylesheets/application.scss */
#map-legend li.biobank::before {
  background-position: 0 0;
}

/* line 6519, app/assets/stylesheets/application.scss */
#map-legend li.clinical_trial::before {
  background-position: -16px 0;
}

/* line 6522, app/assets/stylesheets/application.scss */
#map-legend li.director::before {
  background-position: -32px 0;
}

/* line 6525, app/assets/stylesheets/application.scss */
#map-legend li.doctor::before {
  background-position: -46px 0;
}

/* line 6528, app/assets/stylesheets/application.scss */
#map-legend li.partner::before {
  background-position: -64px 0;
}

/* line 6531, app/assets/stylesheets/application.scss */
#map-legend li.researcher::before {
  background-position: -78px 0;
}

/* line 6534, app/assets/stylesheets/application.scss */
#map-legend li.support_organization::before {
  background-position: -93px 0;
}

/* line 6537, app/assets/stylesheets/application.scss */
#map-legend li.specialist::before {
  background-position: -112px 0;
}

/* line 6540, app/assets/stylesheets/application.scss */
#map-legend li.default::before {
  background-position: -125px 0;
}

/* line 6543, app/assets/stylesheets/application.scss */
#map-legend li.wvd_signature::before {
  background-position: -144px 0;
}

/* line 6548, app/assets/stylesheets/application.scss */
.error-page .error-image {
  max-height: 350px;
}

/* line 6551, app/assets/stylesheets/application.scss */
.error-page .error-content {
  text-align: center;
}

/* line 6556, app/assets/stylesheets/application.scss */
.button-other-events {
  text-align: right;
  padding-right: 20px;
}

/* line 6561, 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 6575, 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 6591, app/assets/stylesheets/application.scss */
.address {
  font-style: italic;
}

/* line 6595, app/assets/stylesheets/application.scss */
.addres-list p {
  margin: 0 0 10px;
}

/* line 6599, app/assets/stylesheets/application.scss */
.date-of-published {
  min-width: 150px;
}

/* line 6603, app/assets/stylesheets/application.scss */
.past-events-list {
  list-style: none;
}

/* line 6606, app/assets/stylesheets/application.scss */
.past-events-list .date {
  display: block;
  font-size: 14px;
  line-height: 1.43;
}

/* line 6613, app/assets/stylesheets/application.scss */
.pdf-news-box {
  margin-top: 30px;
}

@media only screen and (max-width: 479px) {
  /* line 6617, app/assets/stylesheets/application.scss */
  .pdf-news-box {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1023px) {
  /* line 6623, app/assets/stylesheets/application.scss */
  div .adaptive-term {
    padding-top: 50px;
  }
}

/* line 6628, app/assets/stylesheets/application.scss */
.meta-page-title {
  display: none;
}

/* line 6632, app/assets/stylesheets/application.scss */
p.small {
  font-size: 14px;
}

/* line 6636, app/assets/stylesheets/application.scss */
.center {
  text-align: center;
}

/* line 6640, app/assets/stylesheets/application.scss */
.flip {
  height: 70px;
  overflow: hidden;
}

/* line 6645, app/assets/stylesheets/application.scss */
.flip > div > div {
  padding: 4px 12px;
  height: 70px;
  margin-bottom: 70px;
  display: inline-block;
}

/* line 6652, 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 6667, app/assets/stylesheets/application.scss */
.img-icon {
  width: 25px;
  margin-bottom: -6px;
}

/* line 6672, app/assets/stylesheets/application.scss */
section.ai-guide-panel {
  padding: 30px 0;
}

/* line 6675, 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 6690, app/assets/stylesheets/application.scss */
section.ai-guide-panel h2, section.ai-guide-panel p {
  margin: 0px;
  padding: 0px;
}

/* line 6695, app/assets/stylesheets/application.scss */
section.ai-guide-panel h2 {
  font-size: 40px;
}

/* line 6699, app/assets/stylesheets/application.scss */
section.ai-guide-panel p {
  font-size: 14px;
}

/* line 6702, app/assets/stylesheets/application.scss */
section.ai-guide-panel p.desktop {
  display: block;
}

/* line 6705, app/assets/stylesheets/application.scss */
section.ai-guide-panel p.mobile {
  display: none;
}

/* line 6709, app/assets/stylesheets/application.scss */
section.ai-guide-panel .col-3 {
  width: 20%;
}

/* line 6713, app/assets/stylesheets/application.scss */
section.ai-guide-panel .col-4 {
  width: 55%;
}

@media only screen and (max-width: 767px) {
  /* line 6719, app/assets/stylesheets/application.scss */
  section.ai-guide-panel {
    padding: 0 0 30px 0;
  }
  /* line 6722, app/assets/stylesheets/application.scss */
  section.ai-guide-panel p.desktop {
    display: none;
  }
  /* line 6725, app/assets/stylesheets/application.scss */
  section.ai-guide-panel p.mobile {
    display: block;
  }
  /* line 6729, app/assets/stylesheets/application.scss */
  section.ai-guide-panel h2 {
    font-size: 28px;
  }
  /* line 6733, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .row {
    padding: 20px 10px;
  }
  /* line 6737, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .col-3 {
    width: 25%;
  }
  /* line 6741, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .col-4 {
    width: 40%;
  }
  /* line 6746, app/assets/stylesheets/application.scss */
  section.ai-guide-panel .launch-link a {
    padding: 10px;
  }
}

/* line 6753, app/assets/stylesheets/application.scss */
.text-right {
  text-align: right;
}

/* line 6757, app/assets/stylesheets/application.scss */
.text-center {
  text-align: center;
}

/* line 6761, app/assets/stylesheets/application.scss */
.ai-chat-iframe {
  height: 700px;
  width: 100%;
}

/* line 6766, app/assets/stylesheets/application.scss */
.ai-chat-iframe iframe {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 450px) {
  /* line 6772, app/assets/stylesheets/application.scss */
  .hide_on_mobile {
    display: none !important;
  }
}

/* line 6778, app/assets/stylesheets/application.scss */
.journey-map-section .section-inner {
  padding: 30px 20px;
  position: relative;
}

/* line 6782, 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 6789, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-form {
  display: flex;
  gap: 30px;
}

/* line 6793, app/assets/stylesheets/application.scss */
.journey-map-section .select-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 6797, app/assets/stylesheets/application.scss */
.journey-map-section .select-wrapper label {
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

/* line 6803, 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 6812, 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 6827, app/assets/stylesheets/application.scss */
.journey-map-section .control-plus {
  padding-bottom: 4px;
}

/* line 6830, app/assets/stylesheets/application.scss */
.journey-map-section .control-minus {
  padding-bottom: 2px;
}

/* line 6833, app/assets/stylesheets/application.scss */
.journey-map-section .map-container {
  overflow: hidden;
}

/* line 6836, app/assets/stylesheets/application.scss */
.journey-map-section .map-wrappper {
  position: relative;
  width: 100%;
}

/* line 6840, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-qr {
  position: absolute;
  top: 80px;
  left: 60px;
  width: 82px;
}

/* line 6847, 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 6853, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-lohit-punjabi {
  font-family: 'Lohit Punjabi', 'Inter', sans-serif;
}

/* line 6856, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-20 {
  font-size: 20px;
}

/* line 6859, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-28 {
  font-size: 28px;
}

/* line 6862, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-33 {
  font-size: 33px;
}

/* line 6865, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-35 {
  font-size: 35px;
}

/* line 6868, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-36 {
  font-size: 36px;
}

/* line 6871, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-39 {
  font-size: 39px;
}

/* line 6874, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-40 {
  font-size: 40px;
}

/* line 6877, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-60 {
  font-size: 60px;
}

/* line 6880, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-108 {
  font-size: 108px;
}

/* line 6883, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-medium {
  font-weight: 500;
}

/* line 6886, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-semi-bold {
  font-weight: 600;
}

/* line 6889, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-bold {
  font-weight: 700;
}

/* line 6892, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-extra-bold {
  font-weight: 800;
}

/* line 6895, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-032 {
  letter-spacing: 0.032em;
}

/* line 6898, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-015 {
  letter-spacing: 0.015em;
}

/* line 6901, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-001 {
  letter-spacing: 0.01em;
}

/* line 6904, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-letter-spacing-negative-005 {
  letter-spacing: -0.005em;
}

/* line 6907, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-black {
  fill: black;
}

/* line 6910, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-gray {
  fill: #5A5A5A;
}

/* line 6913, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-blue {
  fill: #3C68B0;
}

/* line 6916, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-red {
  fill: #E62453;
}

/* line 6919, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-yellow {
  fill: #FAC80B;
}

/* line 6922, app/assets/stylesheets/application.scss */
.journey-map-section .text .text-google-green {
  fill: #4CAD33;
}

/* line 6926, app/assets/stylesheets/application.scss */
.journey-map-section .journey-map-popup {
  padding: 30px;
  border-radius: 8px;
}

/* line 6929, 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 6938, 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 6947, app/assets/stylesheets/application.scss */
.journey-map-section[data-language="pa"] .journey-map-popup {
  font-family: 'Lohit Punjabi', 'Inter', sans-serif;
}

/* line 6951, 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 6956, app/assets/stylesheets/application.scss */
.journey-map-section .purple {
  fill: #74358B;
}

/* line 6958, app/assets/stylesheets/application.scss */
.journey-map-section .purple:hover {
  fill: #632D77;
}

/* line 6962, app/assets/stylesheets/application.scss */
.journey-map-section .fuchsia {
  fill: #CD097F;
}

/* line 6964, app/assets/stylesheets/application.scss */
.journey-map-section .fuchsia:hover {
  fill: #B3086F;
}

/* line 6968, app/assets/stylesheets/application.scss */
.journey-map-section .red {
  fill: #E4051E;
}

/* line 6970, app/assets/stylesheets/application.scss */
.journey-map-section .red:hover {
  fill: #C9041A;
}

/* line 6974, app/assets/stylesheets/application.scss */
.journey-map-section .orange {
  fill: #E97B0F;
}

/* line 6976, app/assets/stylesheets/application.scss */
.journey-map-section .orange:hover {
  fill: #CC6B0D;
}

/* line 6980, app/assets/stylesheets/application.scss */
.journey-map-section .yellow {
  fill: #E5D900;
}

/* line 6982, app/assets/stylesheets/application.scss */
.journey-map-section .yellow:hover {
  fill: #C9BE00;
}

/* line 6986, app/assets/stylesheets/application.scss */
.journey-map-section .light-green {
  fill: #7DBA28;
}

/* line 6988, app/assets/stylesheets/application.scss */
.journey-map-section .light-green:hover {
  fill: #6FA522;
}

/* line 6992, app/assets/stylesheets/application.scss */
.journey-map-section .green {
  fill: #009257;
}

/* line 6994, app/assets/stylesheets/application.scss */
.journey-map-section .green:hover {
  fill: #007D4B;
}

/* line 6998, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue {
  fill: #5DC5EC;
}

/* line 7000, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue:hover {
  fill: #4AA8D4;
}

/* line 7004, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue-gradient {
  fill: url(#paint1_linear_2669_7692);
}

/* line 7006, app/assets/stylesheets/application.scss */
.journey-map-section .light-blue-gradient:hover {
  fill: url(#paint1_linear_2669_7692_hover);
}

/* line 7010, app/assets/stylesheets/application.scss */
.journey-map-section .blue {
  fill: #0097BF;
}

/* line 7012, app/assets/stylesheets/application.scss */
.journey-map-section .blue:hover {
  fill: #0084A6;
}

/* line 7016, app/assets/stylesheets/application.scss */
.journey-map-section .dark-blue {
  fill: #0372B7;
}

/* line 7018, app/assets/stylesheets/application.scss */
.journey-map-section .dark-blue:hover {
  fill: #02629D;
}

/* line 7022, app/assets/stylesheets/application.scss */
.journey-map-section .grey {
  fill: #8B908F;
}

/* line 7024, app/assets/stylesheets/application.scss */
.journey-map-section .grey:hover {
  fill: #777C7B;
}

/* line 7028, app/assets/stylesheets/application.scss */
.journey-map-section .black {
  fill: #010202;
}

/* line 7030, app/assets/stylesheets/application.scss */
.journey-map-section .black:hover {
  fill: #000000;
}

/* line 7034, app/assets/stylesheets/application.scss */
.journey-map-section .black-stroke {
  stroke: #010202;
  fill: #FFFFFF;
}

/* line 7037, app/assets/stylesheets/application.scss */
.journey-map-section .black-stroke:hover {
  stroke: #000000;
}

/* line 7042, app/assets/stylesheets/application.scss */
.journey-map-section .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  display: none;
}

/* line 7049, app/assets/stylesheets/application.scss */
.journey-map-section .text.active {
  display: block;
}

/* line 7052, 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 7062, 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 7070, 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 7077, app/assets/stylesheets/application.scss */
  .journey-map-section .controls-wrapper {
    gap: 10px;
  }
  /* line 7080, app/assets/stylesheets/application.scss */
  .journey-map-section .control {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    font-size: 30px;
  }
  /* line 7087, app/assets/stylesheets/application.scss */
  .journey-map-section .journey-map-popup .title-modal {
    font-size: 28px;
    margin-bottom: 8px;
  }
}

/* line 7095, app/assets/stylesheets/application.scss */
ul.podcasts {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7100, 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 7113, 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 7126, 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 7137, app/assets/stylesheets/application.scss */
.podcast-audio-file {
  text-align: center;
}

/* line 7141, app/assets/stylesheets/application.scss */
.podcast-image-cover {
  text-align: center;
}

/* line 7144, app/assets/stylesheets/application.scss */
.podcast-image-cover img {
  width: 75%;
}

@media only screen and (max-width: 767px) {
  /* line 7150, app/assets/stylesheets/application.scss */
  ul.podcasts li {
    display: inline !important;
  }
  /* line 7154, app/assets/stylesheets/application.scss */
  ul.podcasts li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7159, app/assets/stylesheets/application.scss */
  ul.podcasts li .content {
    margin-bottom: 25px;
  }
}

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

/* line 7171, 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 7179, app/assets/stylesheets/application.scss */
.podcasts-list .podcasts-item:first-child {
  border-left: none;
}

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

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

@media only screen and (max-width: 767px) {
  /* line 7212, 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 7222, app/assets/stylesheets/application.scss */
  .podcasts-list .podcasts-item {
    width: 230px;
    border: none;
    padding: 0 5px;
    white-space: normal;
  }
}

/* line 7230, 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 7237, app/assets/stylesheets/application.scss */
  .podcasts-item {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 7243, 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 7254, 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 7261, app/assets/stylesheets/application.scss */
  .podcasts-item .date {
    margin-bottom: 3px;
  }
}

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

/* line 7272, 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 7281, app/assets/stylesheets/application.scss */
  .podcasts-item .title {
    font-size: 20px;
  }
}

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

/* line 7294, 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 7301, app/assets/stylesheets/application.scss */
.podcasts-item .title a:hover, .faq-list .title a:hover {
  color: #fcd600;
}

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

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

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

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

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

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

/* line 7336, app/assets/stylesheets/application.scss */
.media-list-with-scroll {
  padding: 0;
  font-size: 0;
  line-height: 0;
  list-style: none;
  letter-spacing: -4px;
}

/* line 7344, 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 7356, app/assets/stylesheets/application.scss */
  .media-list-with-scroll > li {
    width: 50%;
  }
}

/* line 7361, app/assets/stylesheets/application.scss */
.media-list-with-scroll a {
  display: block;
  text-decoration: none;
}

/* line 7366, 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 7375, app/assets/stylesheets/application.scss */
.media-list-with-scroll .visual img {
  display: block;
  width: 100%;
}

/* line 7380, app/assets/stylesheets/application.scss */
.media-list-with-scroll .title {
  display: block;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  /* line 7386, 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 7396, app/assets/stylesheets/application.scss */
  .media-list-with-scroll li {
    width: 270px;
    border: none;
    padding: 0 5px;
    white-space: normal;
  }
}

/* line 7404, app/assets/stylesheets/application.scss */
ul.trials {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7409, 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 7422, 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 7435, 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 7447, app/assets/stylesheets/application.scss */
  ul.trials li {
    display: inline !important;
  }
  /* line 7451, app/assets/stylesheets/application.scss */
  ul.trials li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7456, app/assets/stylesheets/application.scss */
  ul.trials li .content {
    margin-bottom: 25px;
  }
}

/* line 7461, app/assets/stylesheets/application.scss */
ul.publications {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7466, 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 7479, app/assets/stylesheets/application.scss */
ul.publications li .content {
  max-width: 100%;
}

/* line 7483, 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 7495, app/assets/stylesheets/application.scss */
  ul.publications li {
    display: inline !important;
  }
  /* line 7499, app/assets/stylesheets/application.scss */
  ul.publications li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7504, app/assets/stylesheets/application.scss */
  ul.publications li .content {
    margin-bottom: 25px;
  }
}

/* line 7509, app/assets/stylesheets/application.scss */
ul.treatment_guidelines {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 7514, 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 7527, app/assets/stylesheets/application.scss */
ul.treatment_guidelines li .content {
  max-width: 100%;
}

/* line 7531, 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 7543, app/assets/stylesheets/application.scss */
  ul.treatment_guidelines li {
    display: inline !important;
  }
  /* line 7547, app/assets/stylesheets/application.scss */
  ul.treatment_guidelines li .name {
    min-width: 200px;
    margin-bottom: 10px;
  }
  /* line 7552, app/assets/stylesheets/application.scss */
  ul.treatment_guidelines li .content {
    margin-bottom: 25px;
  }
}

/* line 7558, app/assets/stylesheets/application.scss */
#donate-popup .logo-image {
  margin-top: 50px;
  text-align: center;
}

/* line 7563, app/assets/stylesheets/application.scss */
#donate-popup .donate-popup {
  width: 500px;
}

/* line 7566, app/assets/stylesheets/application.scss */
#donate-popup .donate-popup .content {
  width: 75%;
  margin: auto;
  padding-bottom: 50px;
}

/* line 7572, app/assets/stylesheets/application.scss */
#donate-popup .donate-popup .donate-button {
  text-align: center;
}

/* line 7577, app/assets/stylesheets/application.scss */
#donate-popup h3 {
  text-align: center;
}

/* line 7582, app/assets/stylesheets/application.scss */
ul.news-sections-tags {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 7587, app/assets/stylesheets/application.scss */
ul.news-sections-tags li {
  display: inline-block;
  padding: 0 10px 0 0;
}

/* line 7592, app/assets/stylesheets/application.scss */
ul.news-sections-tags a.current {
  text-decoration: none;
}

/* line 7597, app/assets/stylesheets/application.scss */
.mobile-content-title {
  display: none;
}

@media all and (max-width: 1023px) {
  /* line 7602, app/assets/stylesheets/application.scss */
  #header .social-media-buttons {
    display: none;
  }
  /* line 7606, app/assets/stylesheets/application.scss */
  .mobile-content-title {
    display: block;
  }
  /* line 7610, app/assets/stylesheets/application.scss */
  .hide_header_title_on_mobile {
    display: none;
  }
}

/* line 7615, app/assets/stylesheets/application.scss */
.breadcrumbs {
  margin: 10px auto;
  padding: 5px 20px;
  max-width: 1240px;
  color: #555;
}

@media all and (max-width: 1023px) {
  /* line 7623, 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 7631, 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 7640, app/assets/stylesheets/application.scss */
.lexxy-content ul {
  list-style-type: disc;
}

/* line 7641, app/assets/stylesheets/application.scss */
.lexxy-content ol {
  list-style-type: decimal;
}

/* line 7642, app/assets/stylesheets/application.scss */
.lexxy-content ul, .lexxy-content ol {
  margin-inline-start: 1.5rem;
}

/* line 7645, 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 7653, app/assets/stylesheets/application.scss */
action-text-attachment {
  display: contents;
}

/* line 7656, app/assets/stylesheets/application.scss */
.flash-messages {
  padding: 16px 0 0;
}

/* line 7658, app/assets/stylesheets/application.scss */
.flash-messages .flash-message {
  padding: 14px 18px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.4;
}

/* line 7663, app/assets/stylesheets/application.scss */
.flash-messages .flash-notice {
  background: #fdf3cf;
  border-left: 4px solid #f5c518;
}

/* line 7666, app/assets/stylesheets/application.scss */
.flash-messages .flash-alert {
  background: #fdecea;
  border-left: 4px solid #d93025;
}

/* line 7671, app/assets/stylesheets/application.scss */
.trial-finder-form .trial-finder-question {
  margin-bottom: 26px;
}

/* line 7673, app/assets/stylesheets/application.scss */
.trial-finder-label {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

/* line 7678, app/assets/stylesheets/application.scss */
.trial-finder-hint {
  display: block;
  color: #6f879b;
  font-size: 14px;
  margin-bottom: 8px;
}

/* line 7683, app/assets/stylesheets/application.scss */
.trial-finder-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}

/* line 7687, 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 7697, app/assets/stylesheets/application.scss */
.trial-finder-options .trial-finder-option input {
  margin: 0;
}

/* line 7699, app/assets/stylesheets/application.scss */
.trial-finder-form input.text {
  max-width: 420px;
}

/* line 7701, 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 7707, 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 7719, app/assets/stylesheets/application.scss */
.trial-status.is-recruiting {
  background: #e4f6e3;
  color: #1f7a1b;
}

/* line 7723, app/assets/stylesheets/application.scss */
.trials li.trial-closed .name a,
.trials li.trial-closed .text {
  color: #8a97a3;
}

/* line 7726, app/assets/stylesheets/application.scss */
.trials li.trial-closed .date-of-published {
  opacity: 0.65;
}

/* line 7729, app/assets/stylesheets/application.scss */
.trial-inquiry {
  padding: 20px 0 40px;
}

/* line 7731, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 16px;
}

/* line 7736, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field {
  flex: 1 1 260px;
}

/* line 7738, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field--wide {
  flex-basis: 100%;
}

/* line 7740, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

/* line 7744, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-field .text {
  width: 100%;
}

/* line 7746, app/assets/stylesheets/application.scss */
.trial-inquiry .trial-inquiry-note {
  color: #6f879b;
  font-size: 14px;
  margin: 10px 0 18px;
}

/* line 7752, app/assets/stylesheets/application.scss */
.trial-description.is-collapsed {
  max-height: 260px;
  overflow: hidden;
  position: relative;
}

/* line 7756, 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 7764, 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 7776, 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 7790, 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 7796, app/assets/stylesheets/application.scss */
.trial-inquiry-form input.text,
.trial-inquiry-form select.text,
.trial-inquiry-form textarea.text {
  max-width: none;
}

/* line 7800, app/assets/stylesheets/application.scss */
.trial-finder-form input.text[type="number"] {
  max-width: 200px;
}

/* line 7802, app/assets/stylesheets/application.scss */
.trial-finder-form input[type="submit"] {
  margin-top: 8px;
}

/* line 7807, 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 7822, app/assets/stylesheets/application.scss */
.observatory-years {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
}

/* line 7827, 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 7836, app/assets/stylesheets/application.scss */
.observatory-years .observatory-year:hover {
  border-color: #f5c518;
}

/* line 7838, app/assets/stylesheets/application.scss */
.observatory-years .observatory-year.is-current {
  background: #f5c518;
  border-color: #f5c518;
  font-weight: bold;
}

/* line 7843, 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 7850, 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 7857, app/assets/stylesheets/application.scss */
#observatory-legend li:last-child {
  margin-bottom: 0;
}

/* line 7859, app/assets/stylesheets/application.scss */
#observatory-legend li img {
  width: 15px;
  height: 22px;
}

/* line 7863, app/assets/stylesheets/application.scss */
.observatory-summary,
.observatory-empty {
  color: #6f879b;
  font-size: 15px;
  padding: 18px 0 0;
}

/* line 7870, app/assets/stylesheets/application.scss */
.map-search-results {
  margin-top: 20px;
}

/* line 7872, 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 7877, app/assets/stylesheets/application.scss */
.map-search-results .title {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 7882, 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 7886, 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 7893, app/assets/stylesheets/application.scss */
.faq-sections-nav li {
  margin: 0;
}

/* line 7895, 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 7904, app/assets/stylesheets/application.scss */
.faq-sections-nav a:hover {
  border-color: #006EDA;
  color: #006EDA;
}

/* line 7908, app/assets/stylesheets/application.scss */
.faq-section {
  margin-bottom: 20px;
  scroll-margin-top: 160px;
}
/*! 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;
    }
  }
}
