/* ------------------------------------------
 * --mixins
 * ------------------------------------------ */
html {
  box-sizing: border-box; }

* {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

::-webkit-scrollbar {
  width: 0px;
  height: 0px; }

@media (min-width: 901px) {
  #hexlist-mobile {
    display: none; } }

@media (max-width: 900px) {
  #hexlist-desktop {
    display: none; } }

/* ------------------------------------------
 * --type
 * ------------------------------------------ */
/* ------------------------------------------
 * --mixins
 * ------------------------------------------ */
/* ------------------------------------------
 * --base
 * ------------------------------------------ */
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.72;
  color: #585858;
  overflow: hidden; }

.hexgrid-container {
  overflow: hidden; }

.site__title {
  color: #d99a29;
  font-size: 3em;
  font-family: "Libre Baskerville", serif;
  line-height: 1.2; }
  @media (max-width: 900px) {
    .site__title {
      font-size: 2.5em; } }

p + p {
  margin-top: 1em; }

/* ------------------------------------------
 * --headers
 * ------------------------------------------ */
.sectiontitle {
  font-size: 2em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #d99a29;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.1; }
  @media (max-width: 900px) {
    .sectiontitle {
      font-size: 1.4em; } }

/* ------------------------------------------
 * --ctas
 * ------------------------------------------ */
.modal__cta {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #d99a29;
  text-decoration: none; }
  .modal__cta.about {
    font-weight: 400; }
  .modal__cta:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: 15px;
    height: 1em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.48%2019.75%22%3E%3Ctitle%3Ecta%3C%2Ftitle%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23d99a29%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M.3.3l9.57%209.57L.3%2019.45%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 5px; }

/* ------------------------------------------
 * --the hexes
 * ------------------------------------------ */
/**
 * --the grid
 */
.hexgrid {
  width: 100vw;
  overflow: hidden;
  position: relative;
  min-height: 100vh; }

/**
 * --the relative list, which can be moved around based on the
 *    placement of the hexes
 */
.hexlist {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none; }

/**
 * --an actual hex cell
 */
.hexcell {
  position: absolute;
  list-style: none;
  float: left;
  overflow: hidden;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate(-90deg) skewY(30deg) translateZ(-1px);
          transform: rotate(-90deg) skewY(30deg) translateZ(-1px);
  opacity: 0;
  transition: opacity .4s;
  pointer-events: none; }

.hexcell--visible {
  opacity: 1; }

/**
 * --the skewing container
 */
.hexcell__skew {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  -webkit-transform: skewY(-30deg) rotate(60deg);
          transform: skewY(-30deg) rotate(60deg);
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */ }

/**
 * --and the skew-back-to-normal container to offset for the
 *    skewed parent
 */
.hexcell__offset {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  position: absolute;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
  left: -20%;
  right: 0;
  height: 100%;
  width: 140%;
  pointer-events: all; }
  .hexcell__offset img {
    display: block;
    width: 100%; }

.hexcell__offset--yellow {
  background-color: #d99a29; }

/**
 * --actual content in the hex cell
 */
.hexcell__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 26%;
  padding-right: 26%; }

.hexcell__title {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.2; }
  @media (max-width: 500px) {
    .hexcell__title {
      font-size: .8em; } }
  @media (max-height: 1000px) {
    .hexcell__title {
      font-size: .75em; } }

.hexcell__title--yellow {
  color: #d99a29; }

.hexcell__person {
  position: relative;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20214.74%20213.96%22%3E%3Ctitle%3Eplanetqueen-hover%3C%2Ftitle%3E%3Cpath%20d%3D%22M145.72%20130.93h-78a43.11%2043.11%200%200%200-4.11%2013.75h86.22a43.14%2043.14%200%200%200-4.11-13.75zM149.6%20157H63.83a43.12%2043.12%200%200%200%204.68%2013.75h76.41A43.12%2043.12%200%200%200%20149.6%20157zM210.83%2072.27a31%2031%200%200%200-10.55-8.66c-10.79-5.71-22.4-7.33-34.42-6.93a203.11%20203.11%200%200%200-43.41%206.54c-.57.15-1.35.34-1.77.09-1.54-.95-3-2.07-4.55-3.22.7-.43%201.29-.78%201.86-1.15a18.82%2018.82%200%200%200%208.38-11.26c1.2-4.43.91-7.92-1-10.73a1%201%200%200%200-.5-1l-.61-.36%201.15-1.33-.62-.67c1.33-1%201.33-1%20.62-1.88a16.08%2016.08%200%200%200%201.27-1.51c.21-.32.33-.51.79-.48a1.16%201.16%200%200%200%201.14-1.72c-.1-.22-.23-.44-.36-.67%201.13-.73%201.43-2.23%202.75-2.78a1.82%201.82%200%200%201%20.15.3c.13.45.44.72.88.61s.82-.3.94-.58-.14-.71-.28-1.05c-.06-.14-.24-.23-.38-.32-.53-.38-.5-.88.11-1.14a1.3%201.3%200%200%200%20.88-1.37.64.64%200%200%201%20.19-.46c.78-.63.86-.9.53-1.89a.76.76%200%200%201%20.09-.6c.81-1.12.8-1.26-.08-2.34a1%201%200%200%201-.15-.75%201.63%201.63%200%200%200-1.37-2.13l-.51-.13c-.39-1.62-.43-1.65-2-1.7-.38-.39-.66-.92-1-.94a4.87%204.87%200%200%201-2.28-.66c-.26-.16-.84.2-1.19.3-.42-.09-.91-.36-1.14-.21-.75.49-1.7-.27-2.37.44%200%200-.19-.05-.29-.1a.92.92%200%200%200-1.08.21c-.18.16-.73.23-.79.14-.48-.75-1.27-.79-2-1a7.41%207.41%200%200%200-5.16.19c-.43.17-.85.36-1.28.51-.69.24-1%200-1-.77a3.17%203.17%200%200%200-1.69-3.25c-.58-.34-.62-.82-.54-1.44l2.06.58V2l-2.11.3%201-2.3a3.73%203.73%200%200%201-3.81%200l.95%202.34-2.11-.21v2.65l2.05-.36c.09.62.12%201.1-.4%201.38A3.34%203.34%200%200%200%20104%209.08a5.85%205.85%200%200%201-.19%201.08c-.65-.23-1.2-.37-1.71-.61A6.92%206.92%200%200%200%2097.64%209a16.86%2016.86%200%200%200-2.41.65%2013.38%2013.38%200%200%201-1.74.24c-.88.22-1.61-.44-2.45-.2a.69.69%200%200%201-.49%200%201.3%201.3%200%200%200-1.6.16c-.89-.61-1.3-.57-2%20.11a.61.61%200%200%201-.48.11c-1-.2-1.08-.16-1.66.67a.72.72%200%200%201-.41.32c-1.52.17-1.61.24-1.91%201.7-1.9.48-2.15.88-1.71%202.68-1.14.79-1.1%201.91-.18%202.94-.53%201.2-.5%201.3.48%202.2a.58.58%200%200%201%20.19.41%201.18%201.18%200%200%200%20.95%201.4.55.55%200%200%201%20.14%201c-.18.14-.43.24-.54.42s-.39.69-.29.92a1.33%201.33%200%200%200%20.84.7c.27.05.63-.25.93-.44.12-.08.18-.27.37-.58l2.57%203a1.3%201.3%200%200%201-.09.2%201.25%201.25%200%200%200%201.19%202.1.59.59%200%200%201%20.44.3%202.47%202.47%200%200%200%201.28%201.47c-.12.46-.42.94-.29%201.22s.67.55%201%20.81l-.6.84%201%201c-.19.2-.36.41-.53.62l-.21.15a.74.74%200%200%200-.32.58%209.2%209.2%200%200%200-1.44%203.93C86.8%2047.24%2089.1%2052.67%2094%2057.07a48.34%2048.34%200%200%200%204.27%203.1c-1.42%201-2.74%202-4.17%202.91a2.49%202.49%200%200%201-1.73.13%20215.85%20215.85%200%200%200-36.22-6.16c-11-.87-22-.72-32.67%202.78C15.9%2062.3%208.92%2065.75%204%2072.24c-4.58%205.92-5.19%2012.35-2%2019.1a28.13%2028.13%200%200%200%209.82%2011.16%2044.32%2044.32%200%200%200%2033.81%207.29c12.86-2.21%2024.2-7.18%2033.46-16l9.65%2016.71a43.56%2043.56%200%200%200-11.91%208h59.8a43.55%2043.55%200%200%200-11.15-7.69l9.94-17.22a54.64%2054.64%200%200%200%2015.92%2010.72c12.17%205.4%2024.77%208.24%2038%204.5%209-2.54%2016.78-7.06%2022-15.1%204.73-7.13%204.48-14.79-.51-21.44zM34.15%2062.75C44.56%2061%2055%2062%2065.33%2063.35c6.07.82%2012.07%202.1%2018.1%203.18a5.27%205.27%200%200%201%202.21.87L69.2%2069.13c-10.44%201.09-20.89%202.16-31.33%203.29a7.91%207.91%200%200%201-5.42-1C29.37%2069.46%2026.14%2067.79%2023%2066v-.67c3.68-.87%207.38-1.94%2011.15-2.58zm45.67%208.36c-.72.38-1.31.72-1.92%201-13.52%206.33-27%2012.68-40.58%2018.94a4.28%204.28%200%200%201-3.11%200c-3.62-1.53-7.14-3.29-11-5.1%203.92-3.47%207.55-6.71%2011.22-9.89a3.24%203.24%200%200%201%201.7-.67q21.65-2.29%2043.31-4.51s.11.12.38.23zM5.43%2085.35a12.13%2012.13%200%200%201%203.7-11%2072.63%2072.63%200%200%201%209-6.59%202.44%202.44%200%200%201%202.1%200c3.91%202.09%207.75%204.3%2011.9%206.63-4.05%203.55-7.67%207-11.65%2010-1.41%201.06-3.72%201-5.64%201.32-2.43.44-4.87.75-7.3%201.17-1.35.28-1.91-.14-2.11-1.53zm21.66%2018.35C19.7%20101.58%2013%2098.25%208.27%2091.93c-.41-.55-.72-1.18-1.26-2.08%204.56-.68%208.73-1.31%2012.91-1.92a1.53%201.53%200%200%201%20.82.1c4.27%202%208.52%204%2013%206-1.82%203.19-3.49%206.19-5.25%209.13a1.54%201.54%200%200%201-1.4.55zm3.94.84c1.83-3.21%203.53-6.28%205.34-9.3A3.73%203.73%200%200%201%2038%2094q24.48-11.5%2049-23c.36-.17.75-.27%201.19-.43C84.6%2090.09%2052.06%20109.5%2031%20104.54zm94-74.69a1.19%201.19%200%200%201-2%200c-.5-.61-.46-.88.28-1.39l.28%201.12c.19-.2.3-.41.46-.47a6.24%206.24%200%200%201%20.95-.21c0%20.3.16.7%200%20.95zM119.16%2028a2.15%202.15%200%200%201%20.7.53%203.3%203.3%200%200%201%20.36.63c.19-.52.5-.94.45-1.3-.13-.92.55-1.22%201.09-1.51a.63.63%200%200%200%20.29-1%203.52%203.52%200%200%201-.51-1.84%202.36%202.36%200%200%200-.28-.73l-.8.4.8-1.76-1.17-.22c.36-.76%201-.8%201.79-.84-.32-1.27.4-2.22.89-3.25a3.72%203.72%200%200%200%200-3.11c-.23-.56-.51-1.1-.74-1.66-.08-.19-.14-.52%200-.6a1.18%201.18%200%200%201%20.7-.21h3c.36.51%201%20.41%201.63.21.55.75.55.75%201.66.77a1.62%201.62%200%200%200%201.64%201.49%202.08%202.08%200%200%200%20.84%201.9c.11.08.12.32.12.49s-.17.57-.07.73a2.69%202.69%200%200%201%20.11%202.23c-.1.39%200%20.78-.43%201-.14.09-.16.37-.24.56s-.14.46-.29.53A1.21%201.21%200%200%200%20130%2023a2.31%202.31%200%200%200-.73.38c-.55.64-1.08.41-1.65.07-.37-.22-.77-.4-1.2-.62l.31%202.07-2.14-1.74-.59%201.63-1.75%201.05.85%201.09a3.48%203.48%200%200%200-1-.33c-.89%200-1.34.6-1%201.53a1.1%201.1%200%200%201-.54%201.41%201.25%201.25%200%200%201-1.6-.27%201.43%201.43%200%200%201-.23-.9c-.02-.13.33-.42.43-.37zm-28.53%202.29c-.49%200-1-.07-1.2-.59-.09-.24.05-.57.09-.85a4.41%204.41%200%200%201%20.9.18c.17.07.27.3.52.61l.28-1.2.16-.06c.13.3.4.63.35.9a1.14%201.14%200%200%201-1.1%201.01zm3.74-.61a1.14%201.14%200%200%201-.88-1.44c.3-1.11-.26-1.67-1.66-1.58.12-.4.5-.84-.1-1.16-.4-.21-.79-.45-1.28-.73l-.58-1.33a11.57%2011.57%200%200%200-1.2.68%204.45%204.45%200%200%200-.66.73l-.23-.11.28-1.91-1.34.65c-.54.27-1%20.45-1.55-.12-.33-.34-.76-.51-.66-1.08a.2.2%200%200%200-.06-.17c-.78-.4-1-1.26-1.33-1.93a3.19%203.19%200%200%201-.47-2.11c.26-1%20.43-1%20.17-2%20.9-.82.9-.82%201.11-2.11%201%200%201.44-.61%201.63-1.49a1.44%201.44%200%200%200%201.51-.59s.06-.09.08-.09a7.07%207.07%200%200%200%202.16-.35%2016.87%2016.87%200%200%201%202.79%200%20.87.87%200%200%201%20.41.18c-.36%201.21-.73%202.31-1%203.44a3.41%203.41%200%200%200%20.49%202.56%203.68%203.68%200%200%201%20.62%202.75%201.69%201.69%200%200%201%201.77.74c-.27.34-1.17-.14-1%20.7a6.17%206.17%200%200%200%20.68%201.36l-.88-.41a1.12%201.12%200%200%200-.12.27%208.19%208.19%200%200%201-.68%202.56c-.07.14.13.45.25.66a.85.85%200%200%200%20.35.26%201.27%201.27%200%200%201%20.82%201.34c0%20.37.26.76.48%201.32.22-.39.29-.67.46-.79a3.54%203.54%200%200%201%20.85-.33c.08.27.26.56.22.81a1.15%201.15%200%200%201-1.44.82zm11.49-1.28a1.92%201.92%200%200%201-3.14-.32.68.68%200%200%201%200-.56%201.55%201.55%200%200%200%20.18-1.66c.63.22.89.57.78%201.2a3.34%203.34%200%200%200%20.21%201c.39-.33.69-.61%201-.85a.67.67%200%200%201%201%20.09.71.71%200%200%201-.03%201.11zm-1.47-6.3c-.13.09-.22.12-.26.18a8.19%208.19%200%200%201-1.72%202.27c-.45.37%200%20.65.2.94-.29%200-.6-.13-.81%200a2.19%202.19%200%200%200-1%20.78%201.22%201.22%200%200%200%20.2%201.14c.58.54.28.92-.07%201.32a1.57%201.57%200%200%201-2.32-.17%201%201%200%200%201%200-.8c.08-.15.46-.23.7-.21a7.51%207.51%200%200%201%201.21.33l-.14-1.7%201.43-1.22c-.67-.86-1.76-1.48-1.78-2.87l-1.53.63c-.06-.85%201-2-.59-2.34v-.15c.46-.6.23-1-.25-1.54a3.62%203.62%200%200%201-.91-4.15%203.45%203.45%200%200%201%203.46-2.14%207.25%207.25%200%200%201%203.44.85.73.73%200%200%201%20.37.38c.21.81.36%201.63.56%202.44a3.27%203.27%200%200%201-.32%202.55c-.33.55-.21.84.32%201.13a6.14%206.14%200%200%201%20.94.81c-.87.43-.6%201.07-.37%201.56s.8%201.18%201.15%201.85zm2.88-9.1a1.28%201.28%200%201%201%20.12-2.57%201.27%201.27%200%200%201%201.24%201.31%201.3%201.3%200%200%201-1.36%201.26zm8.78%2015.32a1.42%201.42%200%200%201-2.16.57c-.67-.44-.75-.86-.28-1.49a1.24%201.24%200%200%200-.07-1.56%201.29%201.29%200%200%200-1.61-.19%204.24%204.24%200%200%200-.38.32%201.69%201.69%200%200%200%20.24%201.66c.24.32-.16%201-.66%201.3a2.38%202.38%200%200%201-2.45-.49c-.28-.34-.47-.74-.13-1.14s.74-.24%201.07%200a13%2013%200%200%201%201%20.9l.28-1.89.6-.37c.13-.19.21-.44.39-.54.5-.28.43-.6.13-1l-1.84-2.28-1.81%201.72c.68-1%201.88-1.86.85-3.47.3-.23.65-.55%201-.8s.45-.4.23-.76a4.16%204.16%200%200%201-.23-3.64%204.3%204.3%200%200%200%20.24-1.22%201%201%200%200%201%20.77-1.05%207.46%207.46%200%200%201%204.31-.37%203.52%203.52%200%200%201%201.99%205.47l-.08.1a8.33%208.33%200%200%200-.61.71%201.45%201.45%200%200%200-.34.73%202.76%202.76%200%200%200%20.34.87c-1%20.11-1.15.3-.9%201.19.19.66.53%201.28.76%202-.08-.14-.14-.32-.26-.4a18.92%2018.92%200%200%200-1.62-1c-.05%200-.38.24-.39.39a2.72%202.72%200%200%201-1.14%201.71%205%205%200%200%200-.52.65l1.59%201.3a1.18%201.18%200%200%200-.11%201.56%209.06%209.06%200%200%201%201.14-.31c.61-.09.83.21.66.81zM138.82%2065A168.16%20168.16%200%200%201%20171%2061.87a62.2%2062.2%200%200%201%2019.71%203.36c.32.11.62.26%201.39.6-4%202.28-7.68%204.44-11.44%206.35a6.7%206.7%200%200%201-3.48.23q-18-1.81-36-3.71c-4-.42-8-.87-12-1.7%203.19-.67%206.4-1.43%209.64-2zm46.08%2015.11c1.95%202%204.19%203.76%206.59%205.88a56.46%2056.46%200%200%200-6.91%203.33c-3.77%202.48-7.07%202.08-11.07.09-12-6-24.2-11.45-36.32-17.13-.69-.32-1.36-.68-2-1l.08-.38c12.69%201.34%2025.36%202.93%2038.07%203.88a16.8%2016.8%200%200%201%2011.56%205.33zm-58.32-9.6c2.62%201.21%204.91%202.25%207.19%203.31q21.35%2010%2042.68%2020a6%206%200%200%201%202.37%202.18c1.7%202.74%203.22%205.58%204.83%208.42-19.12%206.04-52.87-13.91-57.06-33.91zm76.76%2024.87a34.58%2034.58%200%200%201-15.34%208.17%202.24%202.24%200%200%201-2-.74c-1.71-2.75-3.25-5.6-5-8.65.85-.44%201.62-.87%202.41-1.25a27%2027%200%200%200%203.24-1.54c5.08-3.38%2010.53-3.8%2016.3-2.27%201.42.38%202.9.51%205%20.87-1.67%202.03-2.95%203.89-4.6%205.41zm6-10.12c-.15%201.44-.78%201.91-2.21%201.67-3.82-.62-7.66-1.15-11.48-1.75a2.76%202.76%200%200%201-1.34-.56c-3.82-3.32-7.61-6.68-11.64-10.23%204.21-2.38%208.17-4.63%2012.17-6.82a2%202%200%200%201%201.57%200c4.27%202.12%208.15%204.75%2010.88%208.8a12.88%2012.88%200%200%201%202.04%208.89zM78.54%20183.15a43.28%2043.28%200%200%200%2022.61%2010l6.33%2020.85%206.4-21a43.29%2043.29%200%200%200%2021-9.79z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: auto 20%;
  background-position: center 20%;
  background: none; }
  @media (max-width: 500px) {
    .hexcell__person {
      background: none;
      padding-top: 6px; } }
  @media (max-height: 750px) {
    .hexcell__person {
      background: none;
      padding-top: 15px; } }

/**
 * --hovers for hexcell
 */
.hexcell__hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #d99a29;
  opacity: 0;
  transition: opacity .2s;
  color: #fff; }
  a:hover .hexcell__hover {
    opacity: 1; }
  .hexcell__hover--animal {
    font-weight: 700; }
  .hexcell__hover--centerhex {
    font-family: "Libre Baskerville", serif;
    font-size: 1vw;
    line-height: 1.2; }

.hexcell__hover--utilcell {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20214.74%20213.96%22%3E%3Ctitle%3Eplanetqueen-hover%3C%2Ftitle%3E%3Cg%20opacity%3D%22.2%22%20fill%3D%22%23d99a29%22%3E%3Cpath%20d%3D%22M145.72%20130.93h-78a43.11%2043.11%200%200%200-4.11%2013.75h86.22a43.14%2043.14%200%200%200-4.11-13.75zM149.6%20157H63.83a43.12%2043.12%200%200%200%204.68%2013.75h76.41A43.12%2043.12%200%200%200%20149.6%20157zM210.83%2072.27a31%2031%200%200%200-10.55-8.66c-10.79-5.71-22.4-7.33-34.42-6.93a203.11%20203.11%200%200%200-43.41%206.54c-.57.15-1.35.34-1.77.09-1.54-.95-3-2.07-4.55-3.22.7-.43%201.29-.78%201.86-1.15a18.82%2018.82%200%200%200%208.38-11.26c1.2-4.43.91-7.92-1-10.73a1%201%200%200%200-.5-1l-.61-.36%201.15-1.33-.62-.67c1.33-1%201.33-1%20.62-1.88a16.08%2016.08%200%200%200%201.27-1.51c.21-.32.33-.51.79-.48a1.16%201.16%200%200%200%201.14-1.72c-.1-.22-.23-.44-.36-.67%201.13-.73%201.43-2.23%202.75-2.78a1.82%201.82%200%200%201%20.15.3c.13.45.44.72.88.61s.82-.3.94-.58-.14-.71-.28-1.05c-.06-.14-.24-.23-.38-.32-.53-.38-.5-.88.11-1.14a1.3%201.3%200%200%200%20.88-1.37.64.64%200%200%201%20.19-.46c.78-.63.86-.9.53-1.89a.76.76%200%200%201%20.09-.6c.81-1.12.8-1.26-.08-2.34a1%201%200%200%201-.15-.75%201.63%201.63%200%200%200-1.37-2.13l-.51-.13c-.39-1.62-.43-1.65-2-1.7-.38-.39-.66-.92-1-.94a4.87%204.87%200%200%201-2.28-.66c-.26-.16-.84.2-1.19.3-.42-.09-.91-.36-1.14-.21-.75.49-1.7-.27-2.37.44%200%200-.19-.05-.29-.1a.92.92%200%200%200-1.08.21c-.18.16-.73.23-.79.14-.48-.75-1.27-.79-2-1a7.41%207.41%200%200%200-5.16.19c-.43.17-.85.36-1.28.51-.69.24-1%200-1-.77a3.17%203.17%200%200%200-1.69-3.25c-.58-.34-.62-.82-.54-1.44l2.06.58V2l-2.11.3%201-2.3a3.73%203.73%200%200%201-3.81%200l.95%202.34-2.11-.21v2.65l2.05-.36c.09.62.12%201.1-.4%201.38A3.34%203.34%200%200%200%20104%209.08a5.85%205.85%200%200%201-.19%201.08c-.65-.23-1.2-.37-1.71-.61A6.92%206.92%200%200%200%2097.64%209a16.86%2016.86%200%200%200-2.41.65%2013.38%2013.38%200%200%201-1.74.24c-.88.22-1.61-.44-2.45-.2a.69.69%200%200%201-.49%200%201.3%201.3%200%200%200-1.6.16c-.89-.61-1.3-.57-2%20.11a.61.61%200%200%201-.48.11c-1-.2-1.08-.16-1.66.67a.72.72%200%200%201-.41.32c-1.52.17-1.61.24-1.91%201.7-1.9.48-2.15.88-1.71%202.68-1.14.79-1.1%201.91-.18%202.94-.53%201.2-.5%201.3.48%202.2a.58.58%200%200%201%20.19.41%201.18%201.18%200%200%200%20.95%201.4.55.55%200%200%201%20.14%201c-.18.14-.43.24-.54.42s-.39.69-.29.92a1.33%201.33%200%200%200%20.84.7c.27.05.63-.25.93-.44.12-.08.18-.27.37-.58l2.57%203a1.3%201.3%200%200%201-.09.2%201.25%201.25%200%200%200%201.19%202.1.59.59%200%200%201%20.44.3%202.47%202.47%200%200%200%201.28%201.47c-.12.46-.42.94-.29%201.22s.67.55%201%20.81l-.6.84%201%201c-.19.2-.36.41-.53.62l-.21.15a.74.74%200%200%200-.32.58%209.2%209.2%200%200%200-1.44%203.93C86.8%2047.24%2089.1%2052.67%2094%2057.07a48.34%2048.34%200%200%200%204.27%203.1c-1.42%201-2.74%202-4.17%202.91a2.49%202.49%200%200%201-1.73.13%20215.85%20215.85%200%200%200-36.22-6.16c-11-.87-22-.72-32.67%202.78C15.9%2062.3%208.92%2065.75%204%2072.24c-4.58%205.92-5.19%2012.35-2%2019.1a28.13%2028.13%200%200%200%209.82%2011.16%2044.32%2044.32%200%200%200%2033.81%207.29c12.86-2.21%2024.2-7.18%2033.46-16l9.65%2016.71a43.56%2043.56%200%200%200-11.91%208h59.8a43.55%2043.55%200%200%200-11.15-7.69l9.94-17.22a54.64%2054.64%200%200%200%2015.92%2010.72c12.17%205.4%2024.77%208.24%2038%204.5%209-2.54%2016.78-7.06%2022-15.1%204.73-7.13%204.48-14.79-.51-21.44zM34.15%2062.75C44.56%2061%2055%2062%2065.33%2063.35c6.07.82%2012.07%202.1%2018.1%203.18a5.27%205.27%200%200%201%202.21.87L69.2%2069.13c-10.44%201.09-20.89%202.16-31.33%203.29a7.91%207.91%200%200%201-5.42-1C29.37%2069.46%2026.14%2067.79%2023%2066v-.67c3.68-.87%207.38-1.94%2011.15-2.58zm45.67%208.36c-.72.38-1.31.72-1.92%201-13.52%206.33-27%2012.68-40.58%2018.94a4.28%204.28%200%200%201-3.11%200c-3.62-1.53-7.14-3.29-11-5.1%203.92-3.47%207.55-6.71%2011.22-9.89a3.24%203.24%200%200%201%201.7-.67q21.65-2.29%2043.31-4.51s.11.12.38.23zM5.43%2085.35a12.13%2012.13%200%200%201%203.7-11%2072.63%2072.63%200%200%201%209-6.59%202.44%202.44%200%200%201%202.1%200c3.91%202.09%207.75%204.3%2011.9%206.63-4.05%203.55-7.67%207-11.65%2010-1.41%201.06-3.72%201-5.64%201.32-2.43.44-4.87.75-7.3%201.17-1.35.28-1.91-.14-2.11-1.53zm21.66%2018.35C19.7%20101.58%2013%2098.25%208.27%2091.93c-.41-.55-.72-1.18-1.26-2.08%204.56-.68%208.73-1.31%2012.91-1.92a1.53%201.53%200%200%201%20.82.1c4.27%202%208.52%204%2013%206-1.82%203.19-3.49%206.19-5.25%209.13a1.54%201.54%200%200%201-1.4.55zm3.94.84c1.83-3.21%203.53-6.28%205.34-9.3A3.73%203.73%200%200%201%2038%2094q24.48-11.5%2049-23c.36-.17.75-.27%201.19-.43C84.6%2090.09%2052.06%20109.5%2031%20104.54zm94-74.69a1.19%201.19%200%200%201-2%200c-.5-.61-.46-.88.28-1.39l.28%201.12c.19-.2.3-.41.46-.47a6.24%206.24%200%200%201%20.95-.21c0%20.3.16.7%200%20.95zM119.16%2028a2.15%202.15%200%200%201%20.7.53%203.3%203.3%200%200%201%20.36.63c.19-.52.5-.94.45-1.3-.13-.92.55-1.22%201.09-1.51a.63.63%200%200%200%20.29-1%203.52%203.52%200%200%201-.51-1.84%202.36%202.36%200%200%200-.28-.73l-.8.4.8-1.76-1.17-.22c.36-.76%201-.8%201.79-.84-.32-1.27.4-2.22.89-3.25a3.72%203.72%200%200%200%200-3.11c-.23-.56-.51-1.1-.74-1.66-.08-.19-.14-.52%200-.6a1.18%201.18%200%200%201%20.7-.21h3c.36.51%201%20.41%201.63.21.55.75.55.75%201.66.77a1.62%201.62%200%200%200%201.64%201.49%202.08%202.08%200%200%200%20.84%201.9c.11.08.12.32.12.49s-.17.57-.07.73a2.69%202.69%200%200%201%20.11%202.23c-.1.39%200%20.78-.43%201-.14.09-.16.37-.24.56s-.14.46-.29.53A1.21%201.21%200%200%200%20130%2023a2.31%202.31%200%200%200-.73.38c-.55.64-1.08.41-1.65.07-.37-.22-.77-.4-1.2-.62l.31%202.07-2.14-1.74-.59%201.63-1.75%201.05.85%201.09a3.48%203.48%200%200%200-1-.33c-.89%200-1.34.6-1%201.53a1.1%201.1%200%200%201-.54%201.41%201.25%201.25%200%200%201-1.6-.27%201.43%201.43%200%200%201-.23-.9c-.02-.13.33-.42.43-.37zm-28.53%202.29c-.49%200-1-.07-1.2-.59-.09-.24.05-.57.09-.85a4.41%204.41%200%200%201%20.9.18c.17.07.27.3.52.61l.28-1.2.16-.06c.13.3.4.63.35.9a1.14%201.14%200%200%201-1.1%201.01zm3.74-.61a1.14%201.14%200%200%201-.88-1.44c.3-1.11-.26-1.67-1.66-1.58.12-.4.5-.84-.1-1.16-.4-.21-.79-.45-1.28-.73l-.58-1.33a11.57%2011.57%200%200%200-1.2.68%204.45%204.45%200%200%200-.66.73l-.23-.11.28-1.91-1.34.65c-.54.27-1%20.45-1.55-.12-.33-.34-.76-.51-.66-1.08a.2.2%200%200%200-.06-.17c-.78-.4-1-1.26-1.33-1.93a3.19%203.19%200%200%201-.47-2.11c.26-1%20.43-1%20.17-2%20.9-.82.9-.82%201.11-2.11%201%200%201.44-.61%201.63-1.49a1.44%201.44%200%200%200%201.51-.59s.06-.09.08-.09a7.07%207.07%200%200%200%202.16-.35%2016.87%2016.87%200%200%201%202.79%200%20.87.87%200%200%201%20.41.18c-.36%201.21-.73%202.31-1%203.44a3.41%203.41%200%200%200%20.49%202.56%203.68%203.68%200%200%201%20.62%202.75%201.69%201.69%200%200%201%201.77.74c-.27.34-1.17-.14-1%20.7a6.17%206.17%200%200%200%20.68%201.36l-.88-.41a1.12%201.12%200%200%200-.12.27%208.19%208.19%200%200%201-.68%202.56c-.07.14.13.45.25.66a.85.85%200%200%200%20.35.26%201.27%201.27%200%200%201%20.82%201.34c0%20.37.26.76.48%201.32.22-.39.29-.67.46-.79a3.54%203.54%200%200%201%20.85-.33c.08.27.26.56.22.81a1.15%201.15%200%200%201-1.44.82zm11.49-1.28a1.92%201.92%200%200%201-3.14-.32.68.68%200%200%201%200-.56%201.55%201.55%200%200%200%20.18-1.66c.63.22.89.57.78%201.2a3.34%203.34%200%200%200%20.21%201c.39-.33.69-.61%201-.85a.67.67%200%200%201%201%20.09.71.71%200%200%201-.03%201.11zm-1.47-6.3c-.13.09-.22.12-.26.18a8.19%208.19%200%200%201-1.72%202.27c-.45.37%200%20.65.2.94-.29%200-.6-.13-.81%200a2.19%202.19%200%200%200-1%20.78%201.22%201.22%200%200%200%20.2%201.14c.58.54.28.92-.07%201.32a1.57%201.57%200%200%201-2.32-.17%201%201%200%200%201%200-.8c.08-.15.46-.23.7-.21a7.51%207.51%200%200%201%201.21.33l-.14-1.7%201.43-1.22c-.67-.86-1.76-1.48-1.78-2.87l-1.53.63c-.06-.85%201-2-.59-2.34v-.15c.46-.6.23-1-.25-1.54a3.62%203.62%200%200%201-.91-4.15%203.45%203.45%200%200%201%203.46-2.14%207.25%207.25%200%200%201%203.44.85.73.73%200%200%201%20.37.38c.21.81.36%201.63.56%202.44a3.27%203.27%200%200%201-.32%202.55c-.33.55-.21.84.32%201.13a6.14%206.14%200%200%201%20.94.81c-.87.43-.6%201.07-.37%201.56s.8%201.18%201.15%201.85zm2.88-9.1a1.28%201.28%200%201%201%20.12-2.57%201.27%201.27%200%200%201%201.24%201.31%201.3%201.3%200%200%201-1.36%201.26zm8.78%2015.32a1.42%201.42%200%200%201-2.16.57c-.67-.44-.75-.86-.28-1.49a1.24%201.24%200%200%200-.07-1.56%201.29%201.29%200%200%200-1.61-.19%204.24%204.24%200%200%200-.38.32%201.69%201.69%200%200%200%20.24%201.66c.24.32-.16%201-.66%201.3a2.38%202.38%200%200%201-2.45-.49c-.28-.34-.47-.74-.13-1.14s.74-.24%201.07%200a13%2013%200%200%201%201%20.9l.28-1.89.6-.37c.13-.19.21-.44.39-.54.5-.28.43-.6.13-1l-1.84-2.28-1.81%201.72c.68-1%201.88-1.86.85-3.47.3-.23.65-.55%201-.8s.45-.4.23-.76a4.16%204.16%200%200%201-.23-3.64%204.3%204.3%200%200%200%20.24-1.22%201%201%200%200%201%20.77-1.05%207.46%207.46%200%200%201%204.31-.37%203.52%203.52%200%200%201%201.99%205.47l-.08.1a8.33%208.33%200%200%200-.61.71%201.45%201.45%200%200%200-.34.73%202.76%202.76%200%200%200%20.34.87c-1%20.11-1.15.3-.9%201.19.19.66.53%201.28.76%202-.08-.14-.14-.32-.26-.4a18.92%2018.92%200%200%200-1.62-1c-.05%200-.38.24-.39.39a2.72%202.72%200%200%201-1.14%201.71%205%205%200%200%200-.52.65l1.59%201.3a1.18%201.18%200%200%200-.11%201.56%209.06%209.06%200%200%201%201.14-.31c.61-.09.83.21.66.81zM138.82%2065A168.16%20168.16%200%200%201%20171%2061.87a62.2%2062.2%200%200%201%2019.71%203.36c.32.11.62.26%201.39.6-4%202.28-7.68%204.44-11.44%206.35a6.7%206.7%200%200%201-3.48.23q-18-1.81-36-3.71c-4-.42-8-.87-12-1.7%203.19-.67%206.4-1.43%209.64-2zm46.08%2015.11c1.95%202%204.19%203.76%206.59%205.88a56.46%2056.46%200%200%200-6.91%203.33c-3.77%202.48-7.07%202.08-11.07.09-12-6-24.2-11.45-36.32-17.13-.69-.32-1.36-.68-2-1l.08-.38c12.69%201.34%2025.36%202.93%2038.07%203.88a16.8%2016.8%200%200%201%2011.56%205.33zm-58.32-9.6c2.62%201.21%204.91%202.25%207.19%203.31q21.35%2010%2042.68%2020a6%206%200%200%201%202.37%202.18c1.7%202.74%203.22%205.58%204.83%208.42-19.12%206.04-52.87-13.91-57.06-33.91zm76.76%2024.87a34.58%2034.58%200%200%201-15.34%208.17%202.24%202.24%200%200%201-2-.74c-1.71-2.75-3.25-5.6-5-8.65.85-.44%201.62-.87%202.41-1.25a27%2027%200%200%200%203.24-1.54c5.08-3.38%2010.53-3.8%2016.3-2.27%201.42.38%202.9.51%205%20.87-1.67%202.03-2.95%203.89-4.6%205.41zm6-10.12c-.15%201.44-.78%201.91-2.21%201.67-3.82-.62-7.66-1.15-11.48-1.75a2.76%202.76%200%200%201-1.34-.56c-3.82-3.32-7.61-6.68-11.64-10.23%204.21-2.38%208.17-4.63%2012.17-6.82a2%202%200%200%201%201.57%200c4.27%202.12%208.15%204.75%2010.88%208.8a12.88%2012.88%200%200%201%202.04%208.89zM78.54%20183.15a43.28%2043.28%200%200%200%2022.61%2010l6.33%2020.85%206.4-21a43.29%2043.29%200%200%200%2021-9.79z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%; }

/**
 * --the util cells
 */
.utilcell {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 35%; }

.utilcell--invest {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20137.18%20118.32%22%3E%3Ctitle%3Eicon-invest%3C%2Ftitle%3E%3Cpath%20d%3D%22M67.44%200A22%2022%200%200%201%2070%201.53c2.72%202.13%204.13%204.82%203%208.32s-3.52%205.47-7.32%205.49a7%207%200%200%201-7.18-5.15%207.26%207.26%200%200%201%203-8.71L63.61%200zM75.78%2019.15a7.5%207.5%200%200%201%207.69%207.69%207.87%207.87%200%200%201-7.6%207.54%207.73%207.73%200%200%201-7.63-7.83%207.39%207.39%200%200%201%207.54-7.4z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M133.45%2059.8c-4.47.62-5.68-1.56-7.38-5.3-2.32-5.09-6.24-9.46-9.58-14.06a10.57%2010.57%200%200%200-2.49-1.93c2.89-7.16%202.77-13.61-.59-20.93-4.26%203.66-8.29%206.74-11.82%2010.32-1.76%201.79-3%202.43-5.46%201.62a99%2099%200%200%200-10.23-2.28l-1.66%205.24c1.55.21%203%20.07%204%20.62s1.7%201.81%202.52%202.76c-1.07.62-2.12%201.75-3.2%201.77q-11.8.24-23.61%200c-1.06%200-2.1-1.24-3.15-1.91.9-.91%201.65-2.1%202.73-2.66s2.55-.52%204-.77l-1.8-4.62c-21.62.26-38.29%2015.33-43%2038.89-1.86-1.67-3.77-3.12-5.36-4.87-3.96-4.3-8.94-5.79-14.5-5.69C1.91%2056%201%2057%200%2057.5a9.73%209.73%200%200%200%202.52%201.63%2046.51%2046.51%200%200%200%205.34.87C2.33%2063.86.71%2067.39%202.17%2071.89a9.64%209.64%200%200%200%209.18%206.8c4.48-.11%207.45-2.79%2010-8.41%201.52%203.45%203.41%206.79%204.5%2010.38%203%2010%205.77%2020.05%208.61%2030.09%202.1%207.42%202.09%207.35%209.83%207.21%202%200%202.94-.51%203.44-2.57%201.08-4.44%202.48-8.79%203.6-12.69%206.52%201.08%2012.75%202.21%2019%203.11%203.11.45%207.15-.6%209.19%201s2.06%205.76%203.21%208.7a3.92%203.92%200%200%200%202.32%202.29c7.93%201.2%208.62.69%2010.72-6.88.47-1.72%201.11-3.4%201.44-5.14a5.11%205.11%200%200%201%203.75-4.2c7.52-2.79%2014.26-6.94%2019.29-13.3%201.94-2.45%203.84-3.68%207-3.3s5.49-1.09%206.24-4.33c1.26-5.45%202.49-10.92%203.56-16.42.54-2.69-.63-4.84-3.6-4.43zM11.13%2075.13A5.83%205.83%200%200%201%205.25%2069c.09-3.49%202.33-5.52%206-5.41%203.81.11%205.81%202.29%205.63%206.13a5.51%205.51%200%200%201-5.75%205.41zm105.23-20.62c-1.29.83-2.61%202.34-3.86%202.28s-3.08-2-2.94-2.86a4.68%204.68%200%200%201%203-3.25c1.12-.17%202.53%201.47%203.81%202.31z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }

.utilcell--create {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20138.02%20122.97%22%3E%3Ctitle%3Eicon-create%3C%2Ftitle%3E%3Cpath%20d%3D%22M138%20.66c-2.5%203.59-4.87%207.27-7.52%2010.74-3.83%205-7.8%2010-11.81%2014.88-4.92%206-9.83%2012-14.93%2017.9Q94.5%2054.86%2084.92%2065.26c-4.06%204.41-8.4%208.56-12.6%2012.83A38%2038%200%200%201%2060.7%2085.8c-1.23.56-2.4%201.2-3.7%201.94a30.49%2030.49%200%200%200-9.42-11.3c2.77-5%205.61-9.67%209.67-13.61%208.52-8.27%2017.52-16%2026.77-23.41%208-6.38%2015.91-12.77%2024-18.92%207.54-5.71%2015.28-11.15%2023-16.64%201.79-1.28%203.77-2.3%205.68-3.4A7.18%207.18%200%200%201%20138%200zM0%20118.82a20.33%2020.33%200%200%200%207.72-4.75c5.22-4.63%208.48-10.54%2011.24-16.84%202.36-5.4%205.65-10.17%2010.69-13.48a15.75%2015.75%200%200%201%2010.6-2.68A6.14%206.14%200%200%201%2043%2082.23%2027.23%2027.23%200%200%201%2051.73%2093c.64%201.39.21%202.61-.12%203.84a44.45%2044.45%200%200%201-5.77%2013.42%2027.11%2027.11%200%200%201-19.46%2012.25c-8.9%201.26-17.44-.43-25.79-3.43-.16-.03-.31-.08-.59-.26z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }

.utilcell--visit {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2081.32%20121.78%22%3E%3Ctitle%3Eicon-visit%3C%2Ftitle%3E%3Cpath%20d%3D%22M69.93%2012.5A39.53%2039.53%200%200%200%2038.27.06%2040.49%2040.49%200%200%200%20.56%2033.54C.35%2034.71.19%2035.88%200%2037.05v7.16C.35%2046.15.65%2048.1%201.08%2050a45.86%2045.86%200%200%200%205.49%2013q16.67%2028.78%2033.27%2057.61a10%2010%200%200%201%20.5%201.17h.48c1.25-2.25%202.46-4.51%203.75-6.74%2010.54-18.3%2021.23-36.52%2031.61-54.92a40.14%2040.14%200%200%200-6.25-47.62zM40.54%2060.82a20.24%2020.24%200%200%201%20.11-40.48c11.08%200%2020.39%209.31%2020.2%2020.32a20.19%2020.19%200%200%201-20.31%2020.16z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }

.utilcell--connect {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20108.51%2097.63%22%3E%3Ctitle%3Eicon-connect%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2033.59V27.1a3%203%200%200%200%20.25-.63C2.18%2014.27%208.95%206%2020.46%201.66A56.94%2056.94%200%200%201%2027.1%200h6.49a4%204%200%200%200%20.78.27%2027.31%2027.31%200%200%201%2012.86%205c2.51%201.85%204.75%204.06%207.19%206.17%200%200%20.22-.22.39-.43A29.22%2029.22%200%200%201%2068%201.74C70.22%201%2072.53.57%2074.79%200h6.49c.86.18%201.73.36%202.59.55%2011.61%202.6%2019.55%209.49%2023.07%2020.82S108%2043%2099.74%2051.58C86.42%2065.33%2072.85%2078.84%2059.38%2092.44c-1.71%201.73-3.45%203.43-5.22%205.19-.24-.23-.45-.41-.64-.61Q31%2074.25%208.46%2051.48a28.32%2028.32%200%200%201-7-11.75C.85%2037.72.48%2035.64%200%2033.59z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }

.utilcell--serve {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20115.23%20105.73%22%3E%3Ctitle%3Eicon-serve%3C%2Ftitle%3E%3Cpath%20d%3D%22M95.51%20105.45L94.42%2086.7l-4.2.36-1%2018.67h-48.3v-3.82c0-9.3-.07-18.61%200-27.91a4.75%204.75%200%200%200-2.27-4.36C19.28%2055.42%207.28%2036.12.61%2013.31c-2-6.81%201.05-11.86%207.25-13%204.25-.8%208%201.25%2010%205.66a97.1%2097.1%200%200%200%2016.2%2025.11c10.8%2012%2023.76%2019.38%2040.4%2019.91%207.18.23%2014.39%201.74%2021.43%203.35%209.2%202.11%2015.31%208.09%2016.54%2017.53%201.44%2011%201.88%2022.2%202.78%2033.61z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M72.23%2045.17a22.55%2022.55%200%200%201-22.55-22.44%2022.66%2022.66%200%201%201%2045.32-.1%2022.46%2022.46%200%200%201-22.77%2022.54z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }

.utilcell--shop {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20115.67%20115.34%22%3E%3Ctitle%3Eicon-shop%3C%2Ftitle%3E%3Cpath%20d%3D%22M79.77%2028h35.9c-1%2012.1-2%2023.72-3.05%2035.33-1.42%2015.76-3%2031.5-4.31%2047.27-.27%203.3-1.12%204.74-4.73%204.73-30.57-.12-61.14-.06-91.71-.08-1.08%200-2.16-.21-3.79-.37L0%2028h35.92c2-6.22%203.32-12.07%205.66-17.49C44.7%203.33%2050.67-.23%2058.61%200S72%204.73%2074.94%2011.79C77%2016.7%2078%2022%2079.77%2028zm-7.9-.45c.46-11.82-5.75-20.41-14.31-20.4s-14.94%208.93-14.19%2020.4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }

/**
 * --the planet queen hex
 */
.planetqueen--logo {
  width: 110%;
  display: block; }

/*** HEX MODAL **********************************************************************/
.hex-modal {
  position: absolute;
  z-index: 11;
  top: 50%;
  left: 50%;
  width: 80%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
          transform: translate(-50%, -50%) scale(0.8);
  transition: opacity 0.6s, visibility 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, visibility 0.6s, transform 0.6s;
  transition: opacity 0.6s, visibility 0.6s, transform 0.6s, -webkit-transform 0.6s;
  overflow: hidden; }
  .hex-modal.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  .hex-modal.moveit {
    transition: all 0.6s; }
  .hex-modal .background {
    width: 100%; }
    .hex-modal .background svg, .hex-modal .background img {
      width: 100%;
      display: block; }
  @media (max-width: 900px) {
    .hex-modal {
      width: 90%;
      margin: auto;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
      .hex-modal.active {
        top: 50% !important;
        left: 50% !important; }
      .hex-modal .background {
        background-color: white;
        height: 90vh; }
        .hex-modal .background svg, .hex-modal .background img {
          display: none; } }

.modal__flexwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center 220px;
  background-size: 80%;
  background-repeat: no-repeat;
  position: absolute;
  left: 25%;
  top: 0;
  right: 25%;
  bottom: 0;
  overflow: auto;
  text-align: center;
  background-color: #fff; }
  .browser--ie .modal__flexwrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .modal__flexwrapper p {
    font-family: "Libre Baskerville", serif; }
  @media (max-width: 900px) {
    .modal__flexwrapper {
      left: 0;
      right: 0;
      padding-left: 30px;
      padding-right: 30px; } }
  .hex-modal[data-animal="elephants"] .modal__flexwrapper {
    background-image: url(../img/animals/elephants/elephants-silhouette.png); }
  .hex-modal[data-animal="bees"] .modal__flexwrapper {
    background-image: url(../img/animals/bees/bees-silhouette.png); }
  .hex-modal[data-animal="chickens"] .modal__flexwrapper {
    background-image: url(../img/animals/chickens/chickens-silhouette.png); }
  .hex-modal[data-animal="cows"] .modal__flexwrapper {
    background-image: url(../img/animals/cows/cows-silhouette.png); }
  .hex-modal[data-animal="whales"] .modal__flexwrapper {
    background-image: url(../img/animals/whales/whales-silhouette.png); }
  .hex-modal[data-animal="wildbirds"] .modal__flexwrapper {
    background-image: url(../img/animals/wildbirds/wildbirds-silhouette.png); }

.modal__close {
  color: #6f6f6f;
  font-size: 60px;
  font-weight: 200;
  cursor: pointer;
  margin-right: 0;
  line-height: .5em;
  margin-top: 0;
  z-index: 10000;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px; }
  @media (min-width: 901px) {
    .modal__close {
      display: none; } }

.modal__content {
  margin: auto;
  opacity: 0;
  transition: opacity .4s;
  width: 100%; }
  .modal--animal-modal .modal__content {
    height: 100%; }
  .modal__content.modal__content--active {
    opacity: 1; }
  @media (max-width: 900px) {
    .modal__content {
      width: 100%; } }

.modal__person,
.modal__padcontent {
  padding-top: 20px;
  padding-bottom: 40px; }

.modal__header {
  padding-top: 90px;
  background-image: url(../img/planetqueen.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 66px;
  margin-bottom: 20px; }
  .modal__header.about {
    padding-top: 0;
    padding-bottom: 190px;
    background-position: center bottom;
    background-size: auto 150px; }

.modal__preheader {
  padding: 20px 0 40px; }

/* ------------------------------------------
 * --person styles
 * ------------------------------------------ */
.person__name {
  color: #d99a29;
  margin-top: 30px; }

.person__title {
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  margin-top: 10px;
  line-height: 1.4; }
  @media (max-width: 900px) {
    .hexcell__content .person__title {
      display: none; } }

.person__quote {
  font-family: "Libre Baskerville", serif; }

.person_picture {
  margin: 30px auto;
  width: 100%;
  max-width: 240px; }
  .person_picture img {
    max-width: 100%; }

.person__bio {
  font-family: "Libre Baskerville", serif;
  font-size: .88em; }

.person__links {
  font-family: "Montserrat", sans-serif;
  list-style: none; }
  .person__links li {
    margin-top: 1em; }

/* ------------------------------------------
 * --util styles
 * ------------------------------------------ */
.util__silhouette {
  position: fixed;
  width: 50%;
  pointer-events: none;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 275px;
  max-height: 275px;
  top: -10%;
  width: auto;
  opacity: .5; }
  @media (max-width: 900px) {
    .util__silhouette {
      width: 35vw;
      max-width: 200px; } }

.util__name {
  margin-bottom: 10px; }

.util__content {
  font-family: "Libre Baskerville", serif;
  position: relative;
  z-index: 10; }

.util__links {
  list-style: none; }
  .util__links li {
    margin-top: 0em; }
  .util__links a {
    font-family: "Montserrat", sans-serif;
    color: #d99a29;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 200;
    font-size: 2em; }
    @media (max-width: 900px) {
      .util__links a {
        font-size: 1.4em; } }

.util__keep {
  color: #d99a29;
  margin-bottom: 1em; }

/* ------------------------------------------
 * --animal styles
 * ------------------------------------------ */
.animal__nav {
  position: absolute;
  background-repeat: no-repeat;
  background: white;
  padding: 20px 0px;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  margin: auto;
  background-color: #fff; }
  @media (max-width: 900px) {
    .animal__nav {
      width: 100%; } }
  .animal__nav svg {
    width: 160px;
    margin: auto; }
    .animal__nav svg #animal__svg-group > g > a:hover polygon {
      fill: #d99a29; }
    .animal__nav svg #animal__svg-group > g > a:hover path {
      fill: #fff; }

#animal__svg-group a.active-section polygon {
  fill: #d99a29; }

#animal__svg-group a.active-section path {
  fill: #fff; }

.animal__silhouette {
  position: fixed;
  left: 25%;
  right: 25%;
  width: 50%;
  pointer-events: none;
  top: 300px; }

.animal__scrollable {
  padding-top: 220px;
  height: 100%;
  overflow: auto;
  padding-bottom: 40px;
  position: relative; }

.animal__linksection {
  z-index: 10;
  position: relative; }

#Visit {
  padding-bottom: 200px; }

.anchor {
  display: block;
  visibility: hidden;
  margin-top: -250px;
  height: 250px; }

.animal__sectionheader {
  text-align: left;
  border-bottom: 8px solid #d99a29; }

.links__list {
  list-style: none; }
  .links__list li {
    margin: 30px 0;
    border-bottom: 1px solid rgba(217, 154, 41, 0.67);
    padding-bottom: 30px; }
    .links__list li:last-child {
      border-bottom: none; }

.link__image {
  width: 50%;
  max-width: 250px; }

.link__copy {
  font-weight: 200;
  margin: 20px 0; }

.link__cta {
  background-color: #d99a29;
  border-radius: 4px;
  color: #fff;
  font-weight: 200;
  text-decoration: none;
  letter-spacing: .05em;
  padding: 8px 25px;
  display: inline-block; }
  .link__cta:hover {
    background-color: #ca8e24; }

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