/*
 * Global Ignite Variables
 *
 * 1. Ignite custom typography settings for prose (See _prose.scss for explanation).
 *
 * 2. Establish custom spacing variables based on line height to
 *    facilitate vertical rhythm
 *
 * 3. Black/white colour variables
 *
 * 4. Brand visited & focused styles
 *
 * 5. Brand border
 *
 */
/* [1] */
/* [2] */
/* [3] */
/* [4] */
/* [5] */
/*
 * Mixins
 *
 * 1. Intrinsic ratios (eg: Used by _responsive-ratio)
 *
 * 2. Cross browser opacity
 *
 * 3. Font smoothing
 *
 * 4. Px to Em https://web-design-weekly.com/snippets/converts-pixels-to-ems-with-sass/
 *
 * 5. WebKit-style focus
 */
/*
 * Breakpoints
 *
 * Map Bootstrap breakpoints to nice mixins
 */
/* line 1, ../scss/component/_close.scss */
.tool__close {
  width: 18px;
  height: 18px;
  border: none;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.56%2015.56%22%20width%3D%2215.56%22%20height%3D%2215.56%22%3E%3Cline%20x1%3D%2214.5%22%20y1%3D%221.06%22%20x2%3D%221.06%22%20y2%3D%2214.5%22%20style%3D%22fill%3Anone%3Bstroke%3A%23526773%3Bstroke-miterlimit%3A10%3Bstroke-width%3A3px%22%2F%3E%3Cline%20x1%3D%2214.5%22%20y1%3D%2214.5%22%20x2%3D%221.06%22%20y2%3D%221.06%22%20style%3D%22fill%3Anone%3Bstroke%3A%23526773%3Bstroke-miterlimit%3A10%3Bstroke-width%3A3px%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: cover;
  outline: none;
  padding: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* line 12, ../scss/component/_close.scss */
.tool__close:hover, .tool__close:focus {
  opacity: 0.8;
}
/* line 16, ../scss/component/_close.scss */
.tool__popup .tool__close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 26px;
  height: 26px;
}
@media (min-width: 768px) {
  /* line 16, ../scss/component/_close.scss */
  .tool__popup .tool__close {
    top: -10px;
    right: 28px;
    width: 18px;
    height: 18px;
  }
}

/* line 1, ../scss/component/_pin.scss */
.pin {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  margin: 100px;
  background-color: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 6px solid #b2c7d2;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

/* line 14, ../scss/component/_pin.scss */
.pin--marker {
  cursor: pointer;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transform-origin: 50% 50% 50%;
  -ms-transform-origin: 50% 50% 50%;
  -webkit-transform-origin: 50% 50% 50%;
  transform-origin: 50% 50% 50%;
  fill: #ffffff;
  stroke-width: 7;
}
/* line 22, ../scss/component/_pin.scss */
.touch .pin--marker {
  r: 10px;
}
/* line 26, ../scss/component/_pin.scss */
.pin--marker:hover, .pin--marker:focus, .pin--marker.js-active {
  r: 15px;
}
/* line 30, ../scss/component/_pin.scss */
.pin--marker.pin--pulse {
  -moz-transform: none;
}
@media (max-width: 480px) {
  /* line 14, ../scss/component/_pin.scss */
  .pin--marker {
    -webkit-transform: scale(1.4);
  }
}

/* line 40, ../scss/component/_pin.scss */
.pin--marker-lg {
  stroke: #91a7aa;
  stroke-width: 7;
}
/* line 44, ../scss/component/_pin.scss */
.touch .pin--marker-lg {
  r: 16px;
}
/* line 48, ../scss/component/_pin.scss */
.pin--marker-lg:hover, .pin--marker-lg:focus, .pin--marker-lg.js-active, .pin--marker-lg.pin--pulse {
  stroke: #4e9d2d;
  stroke-width: 9;
}

/* line 56, ../scss/component/_pin.scss */
.pin--hidden {
  opacity: 0;
}

/* line 61, ../scss/component/_pin.scss */
.pin--line {
  stroke: #526773;
  stroke-width: 2;
  opacity: 0;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media (min-width: 992px) {
  /* line 68, ../scss/component/_pin.scss */
  .js-active + .pin--line {
    opacity: 1;
  }
  /* line 72, ../scss/component/_pin.scss */
  .cancer-is-revealed .pin--line.pin--line-cancer {
    opacity: 1;
  }
}

/* line 79, ../scss/component/_pin.scss */
.pin--cancer-cell > path {
  fill: #806297;
}
/* line 82, ../scss/component/_pin.scss */
.pin--cancer-cell > path + path {
  fill: #583972;
}

@-moz-keyframes blur {
  0% {
    filter: blur(0px);
  }
  25% {
    filter: blur(8px);
  }
  50% {
    filter: blur(4px);
  }
  75% {
    filter: blur(6px);
  }
  100% {
    filter: blur(2px);
  }
}
@-webkit-keyframes blur {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  25% {
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  50% {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
  75% {
    -webkit-filter: blur(6px);
    filter: blur(6px);
  }
  100% {
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
@keyframes blur {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  25% {
    -webkit-filter: blur(8px);
    filter: blur(8px);
  }
  50% {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
  75% {
    -webkit-filter: blur(6px);
    filter: blur(6px);
  }
  100% {
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
@-moz-keyframes opacityLoop {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacityLoop {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityLoop {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes badBreath {
  0% {
    opacity: 0;
    left: 20%;
    transform: scale(0.8);
  }
  25% {
    opacity: 0;
    left: 20%;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    left: 30%;
    transform: scale(1);
  }
  75% {
    opacity: 1;
    left: 30%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    left: 30%;
    transform: scale(1);
  }
}
@-webkit-keyframes badBreath {
  0% {
    opacity: 0;
    left: 20%;
    transform: scale(0.8);
  }
  25% {
    opacity: 0;
    left: 20%;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    left: 30%;
    transform: scale(1);
  }
  75% {
    opacity: 1;
    left: 30%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    left: 30%;
    transform: scale(1);
  }
}
@keyframes badBreath {
  0% {
    opacity: 0;
    left: 20%;
    transform: scale(0.8);
  }
  25% {
    opacity: 0;
    left: 20%;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    left: 30%;
    transform: scale(1);
  }
  75% {
    opacity: 1;
    left: 30%;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    left: 30%;
    transform: scale(1);
  }
}
@-moz-keyframes opacityLoopLonger {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacityLoopLonger {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityLoopLonger {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes threeStageFirst {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes threeStageFirst {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes threeStageFirst {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes threeStageSecond {
  0% {
    opacity: 0;
  }
  17% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes threeStageSecond {
  0% {
    opacity: 0;
  }
  17% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes threeStageSecond {
  0% {
    opacity: 0;
  }
  17% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes threeStageThird {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  83% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes threeStageThird {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  83% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes threeStageThird {
  0% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  83% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes light {
  0% {
    fill: #526773;
  }
  16% {
    fill: #526773;
  }
  25% {
    fill: #ffaf3a;
  }
  50% {
    fill: #e02a27;
  }
  75% {
    fill: #ffaf3a;
  }
  84% {
    fill: #526773;
  }
  100% {
    fill: #526773;
  }
}
@media (min-width: 768px) {
  /* line 6, ../scss/component/_body-effect.scss */
  .body-effect.body-effect--eyes, .body-effect.body-effect--heart, .body-effect.body-effect--genitals, .body-effect.body-effect--cancer {
    right: 0;
    left: inherit;
  }
  /* line 14, ../scss/component/_body-effect.scss */
  .body-effect.body-effect--heart {
    top: 12%;
  }
  /* line 18, ../scss/component/_body-effect.scss */
  .body-effect.body-effect--genitals {
    top: 26%;
  }
  /* line 22, ../scss/component/_body-effect.scss */
  .body-effect.body-effect--stomach {
    top: 18%;
  }
}
@media (min-width: 1200px) {
  /* line 28, ../scss/component/_body-effect.scss */
  .body-effect.body-effect--eyes, .body-effect.body-effect--heart, .body-effect.body-effect--genitals, .body-effect.body-effect--cancer {
    right: 35px;
  }
}
@media (min-width: 1420px) {
  /* line 37, ../scss/component/_body-effect.scss */
  .body-effect.body-effect--eyes, .body-effect.body-effect--heart, .body-effect.body-effect--genitals, .body-effect.body-effect--cancer {
    right: 135px;
  }
}

/* line 46, ../scss/component/_body-effect.scss */
.body-effect__graphic {
  margin-bottom: 10px;
}

/* Heart Eyes */
/* line 52, ../scss/component/_body-effect.scss */
.body-effect--eyes .body-effect__graphic {
  max-width: 61%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

/* line 58, ../scss/component/_body-effect.scss */
.body-effect--eyes.js-active img {
  -moz-animation: blur 5.8s infinite linear;
  -webkit-animation: blur 5.8s infinite linear;
  animation: blur 5.8s infinite linear;
}

/* Heart Stomach */
/* line 64, ../scss/component/_body-effect.scss */
.body-effect--stomach .body-effect__graphic {
  max-width: 45%;
  margin-left: auto;
  margin-right: auto;
  background: url('../images/tool__stomach-hover.svg?1498701117') no-repeat center;
  background-size: cover;
  margin-bottom: 20px;
}

/* line 72, ../scss/component/_body-effect.scss */
.body-effect--stomach.js-active .body-effect__graphic > img {
  -moz-animation: opacityLoop 5s infinite linear;
  -webkit-animation: opacityLoop 5s infinite linear;
  animation: opacityLoop 5s infinite linear;
}

/* Heart Bad Breath */
/* line 78, ../scss/component/_body-effect.scss */
.body-effect--mouth .body-effect__graphic {
  margin-bottom: 20px;
  position: relative;
}
/* line 82, ../scss/component/_body-effect.scss */
.body-effect--mouth .body-effect__graphic img {
  max-width: 38%;
}
/* line 86, ../scss/component/_body-effect.scss */
.body-effect--mouth .body-effect__graphic:after {
  content: '';
  position: absolute;
  left: 20%;
  bottom: -25px;
  display: block;
  width: 70%;
  height: 160px;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20275.76%20201.73%22%3E%3Ctitle%3Etool__mouth-stink%3C%2Ftitle%3E%3Cpath%20d%3D%22M10470.33%2C9782.66c-9.82%2C47.75-47.31%2C13.1-59.94%2C45.85%22%20transform%3D%22translate%28-10211.02%20-9754.78%29%22%20style%3D%22fill%3Anone%3Bstroke%3A%23b2c7d2%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.28878059983253px%22%2F%3E%3Cellipse%20cx%3D%2210478.62%22%20cy%3D%229765.74%22%20rx%3D%228.91%22%20ry%3D%226.14%22%20transform%3D%22translate%28-13872.94%20-2272.92%29%20rotate%28-33.81%29%22%20style%3D%22fill%3A%23b2c7d2%22%2F%3E%3Cellipse%20cx%3D%2210464.46%22%20cy%3D%229762.93%22%20rx%3D%226.14%22%20ry%3D%228.91%22%20transform%3D%22translate%28-13873.78%20-2281.28%29%20rotate%28-33.81%29%22%20style%3D%22fill%3A%23b2c7d2%22%2F%3E%3Ccircle%20cx%3D%2210469.99%22%20cy%3D%229770.29%22%20r%3D%226.86%22%20transform%3D%22translate%28-11357.63%208390.09%29%20rotate%28-78.81%29%22%20style%3D%22fill%3A%231f2c33%22%2F%3E%3Cpath%20d%3D%22M10332%2C9775.61a23.39%2C23.39%2C0%2C0%2C0-22.6%2C8.5c-5.61%2C7.31-6.56%2C17.62-13%2C24.25-5.78%2C6-14.81%2C7.62-23.11%2C7.13s-16.44-2.75-24.75-3.19c-11.39-.61-23.55%2C2.65-31.14%2C11.16s-9%2C22.86-1.09%2C31.12c4.8%2C5%2C12.22%2C7.38%2C16%2C13.24%2C4.78%2C7.49%2C1.56%2C17.57-3.47%2C24.91s-11.8%2C13.7-14.76%2C22.08c-5.68%2C16.12%2C6.22%2C34.95%2C22.55%2C40s34.67-1.64%2C47-13.52c11.54-11.15%2C18.54-26.22%2C29.36-38.09s28.54-20.38%2C42.81-13c7.72%2C4%2C13.17%2C12%2C21.52%2C14.42%2C12.37%2C3.54%2C25.8-10.61%2C21.61-22.77-2.74-8-10.55-12.81-17.22-18s-13.17-12.76-11.48-21c1.81-8.87%2C11.68-13.06%2C19.83-17s16.91-11.91%2C13.91-20.46c-1.65-4.7-28.11-2.22-32.75-4C10358.25%2C9796.32%2C10340.28%2C9777.26%2C10332%2C9775.61Z%22%20transform%3D%22translate%28-10211.02%20-9754.78%29%22%20style%3D%22fill%3A%234e9d2d%3Bopacity%3A0.30000000000000004%22%2F%3E%3Cpath%20d%3D%22M10306.93%2C9821.92c-7.31%2C2.87-13.46%2C8.8-20.91%2C11.29-7.25%2C2.42-12%2C1.7-19.59%2C2.35s-15.55%2C2.14-21.5%2C6.95-9.1%2C13.81-5.2%2C20.38c3.3%2C5.56%2C10.31%2C7.69%2C16.76%2C8.11s13.06-.41%2C19.3%2C1.26%2C12.25%2C7%2C11.86%2C13.4c-0.46%2C7.49-8.52%2C11.67-13.68%2C17.11a22.71%2C22.71%2C0%2C0%2C0-6.27%2C18.41c0.95%2C6.64%2C5.7%2C12.77%2C12.12%2C14.71%2C8%2C2.41%2C16.54-1.67%2C22.74-7.21s11-12.56%2C17.35-17.89c6.69-5.58%2C16.53-9.08%2C24.06-4.69%2C7.73%2C4.5%2C11.48%2C16.24%2C20.42%2C16.22%2C8.34%2C0%2C13.35-10.89%2C21.67-11.45%2C5.09-.35%2C9.44%2C3.29%2C13.75%2C6%2C18.76%2C12%2C46.34%2C7.11%2C59.87-10.55%2C5.38-7%2C8.38-17.53%2C2.85-24.44-2.57-3.21-6.9-5.71-6.95-9.82%2C0-3.71%2C3.69-6.43%2C7.32-7.22s7.45-.37%2C11.05-1.28c8.92-2.26%2C14.08-12.86%2C12-21.83s-9.85-15.85-18.57-18.78-18.24-2.46-27.31-.88c-10%2C1.74-20.87%2C4.64-29.81-.16-12-6.45-15.32-24.33-28.23-28.67-8.61-2.9-18%2C1.65-25.09%2C7.27-9.11%2C7.17-11.06%2C23.94-21.92%2C26.66S10314.24%2C9819.05%2C10306.93%2C9821.92Z%22%20transform%3D%22translate%28-10211.02%20-9754.78%29%22%20style%3D%22fill%3A%234e9d2d%3Bopacity%3A0.30000000000000004%22%2F%3E%3Cpath%20d%3D%22M10250.29%2C9778.22c-5.52%2C1.62-11.07%2C4.93-13%2C10.35s5.34%2C9.49%2C7.52%2C12.61-7.17%2C16.16-6.29%2C24.72%2C8%2C17.12%2C16.59%2C16.3c6.69-.64%2C13-6.62%2C19.29-4.28%2C5.38%2C2%2C6.93%2C8.66%2C10.05%2C13.47%2C5.4%2C8.32%2C17.62%2C11.3%2C26.23%2C6.39s12.29-16.94%2C7.88-25.83c-0.76-1.52-1.74-3.05-1.69-4.75%2C0.13-4.81%2C6.88-5.4%2C11.42-7a13.31%2C13.31%2C0%2C0%2C0-5.31-25.84c-8.41.56-15.8%2C8.91-23.91%2C6.64-7.57-2.12-4.24-14.79-14.21-20.4C10279.2%2C9777.42%2C10262.72%2C9774.57%2C10250.29%2C9778.22Z%22%20transform%3D%22translate%28-10211.02%20-9754.78%29%22%20style%3D%22fill%3A%234e9d2d%3Bopacity%3A0.30000000000000004%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  opacity: 0;
}

/* line 99, ../scss/component/_body-effect.scss */
.body-effect--mouth.js-active .body-effect__graphic:after {
  -moz-animation: badBreath 3s infinite linear;
  -webkit-animation: badBreath 3s infinite linear;
  animation: badBreath 3s infinite linear;
}

/* Heart Appearance */
/* line 105, ../scss/component/_body-effect.scss */
.body-effect--appearance .body-effect__graphic {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  background: url('../images/tool__face-hover.svg?1498701117') no-repeat center;
  background-size: cover;
  margin-bottom: 20px;
}

/* line 113, ../scss/component/_body-effect.scss */
.body-effect--appearance.js-active .body-effect__graphic > img {
  -moz-animation: opacityLoopLonger 5s infinite linear;
  -webkit-animation: opacityLoopLonger 5s infinite linear;
  animation: opacityLoopLonger 5s infinite linear;
}

/* line 120, ../scss/component/_body-effect.scss */
.body-effect--heart .body-effect__graphic, .body-effect--lungs .body-effect__graphic, .body-effect--genitals .body-effect__graphic {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  background-size: cover;
  margin-bottom: 20px;
  position: relative;
}
/* line 129, ../scss/component/_body-effect.scss */
.js-active.body-effect--heart .body-effect__graphic > img, .js-active.body-effect--lungs .body-effect__graphic > img, .js-active.body-effect--genitals .body-effect__graphic > img {
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -moz-animation: threeStageSecond 6s infinite linear;
  -webkit-animation: threeStageSecond 6s infinite linear;
  animation: threeStageSecond 6s infinite linear;
}
/* line 137, ../scss/component/_body-effect.scss */
.js-active.body-effect--heart .body-effect__graphic > img:first-child, .js-active.body-effect--lungs .body-effect__graphic > img:first-child, .js-active.body-effect--genitals .body-effect__graphic > img:first-child {
  position: static;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  -moz-animation: threeStageFirst 6s infinite linear;
  -webkit-animation: threeStageFirst 6s infinite linear;
  animation: threeStageFirst 6s infinite linear;
}
/* line 144, ../scss/component/_body-effect.scss */
.js-active.body-effect--heart .body-effect__graphic > img:last-child, .js-active.body-effect--lungs .body-effect__graphic > img:last-child, .js-active.body-effect--genitals .body-effect__graphic > img:last-child {
  -moz-animation: threeStageThird 6s infinite linear;
  -webkit-animation: threeStageThird 6s infinite linear;
  animation: threeStageThird 6s infinite linear;
}

/* Heart Animation */
/* Lungs Animation */
/* line 161, ../scss/component/_body-effect.scss */
.body-effect--lungs .body-effect__graphic {
  max-width: 46%;
}

/* line 162, ../scss/component/_body-effect.scss */
.body-effect--lungs.js-active .body-effect__graphic > img {
  max-width: 85%;
  top: 13px;
}
/* line 166, ../scss/component/_body-effect.scss */
.body-effect--lungs.js-active .body-effect__graphic > img:first-child {
  max-width: 100%;
  top: 0;
}
/* line 171, ../scss/component/_body-effect.scss */
.body-effect--lungs.js-active .body-effect__graphic > img:last-child {
  max-width: 60%;
  top: 41px;
}

/* Genitals Animation */
/* line 182, ../scss/component/_body-effect.scss */
.body-effect--genitals.js-active .body-effect__graphic > img {
  top: inherit;
  bottom: 0;
}

@-moz-keyframes smokey {
  0% {
    opacity: 0;
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    filter: blur(2px);
  }
  40% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
    filter: blur(0px);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    filter: blur(2px);
  }
}
@-webkit-keyframes smokey {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
@keyframes smokey {
  0% {
    opacity: 0;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
  40% {
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }
}
/* line 193, ../scss/component/_body-effect.scss */
.body-effect--pregnancy .body-effect__graphic {
  margin-bottom: 25px;
}
/* line 196, ../scss/component/_body-effect.scss */
.body-effect--pregnancy .body-effect__graphic > img {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* line 204, ../scss/component/_body-effect.scss */
.body-effect--pregnancy.js-active .body-effect__graphic:before {
  content: '';
  width: 33%;
  height: 100px;
  display: block;
  position: absolute;
  top: 133px;
  left: 22%;
  background: url('../images/blur-baby-smoke.png?1498701117') no-repeat center;
  background-size: 100% auto;
  -moz-animation: smokey 4s infinite linear;
  -webkit-animation: smokey 4s infinite linear;
  animation: smokey 4s infinite linear;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 768px) {
  /* line 204, ../scss/component/_body-effect.scss */
  .body-effect--pregnancy.js-active .body-effect__graphic:before {
    width: 100px;
    height: 100px;
    top: 120px;
    left: 80px;
  }
}

/* line 227, ../scss/component/_body-effect.scss */
.body-effect--cancer > .body-effect__graphic > svg {
  max-width: 100%;
  height: auto;
}
/* line 231, ../scss/component/_body-effect.scss */
.body-effect--cancer > .body-effect__graphic > svg circle {
  fill: #88c2d9;
}
/* line 234, ../scss/component/_body-effect.scss */
.body-effect--cancer > .body-effect__graphic > svg circle + ellipse {
  fill: #4da3c6;
}

/* line 242, ../scss/component/_body-effect.scss */
.tool__cancer-trigger {
  position: absolute;
  top: 19%;
  left: 54%;
  cursor: pointer;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transform-origin: center;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  width: 34px;
}
@media (min-width: 768px) {
  /* line 242, ../scss/component/_body-effect.scss */
  .tool__cancer-trigger {
    top: 25%;
  }
}
@media (min-width: 992px) {
  /* line 242, ../scss/component/_body-effect.scss */
  .tool__cancer-trigger {
    top: 19%;
  }
}
/* line 264, ../scss/component/_body-effect.scss */
.touch .tool__cancer-trigger {
  width: 55px;
}
/* line 268, ../scss/component/_body-effect.scss */
.tool__cancer-trigger > svg {
  vertical-align: top;
  width: 100%;
  height: auto;
}
/* line 274, ../scss/component/_body-effect.scss */
.tool__cancer-trigger:hover, .cancer-is-revealed .tool__cancer-trigger {
  -moz-transform: translateX(-50%) translateY(-50%) scale(1.3);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1.3);
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1.3);
  transform: translateX(-50%) translateY(-50%) scale(1.3);
}

/* line 280, ../scss/component/_body-effect.scss */
.cancer-cell {
  z-index: -1000;
}
/* line 283, ../scss/component/_body-effect.scss */
.cancer-cell--reveal .cancer-cell {
  z-index: 100;
}

/* line 288, ../scss/component/_body-effect.scss */
.cancer-cell > path {
  fill: #806297;
}
/* line 291, ../scss/component/_body-effect.scss */
.cancer-cell > path + path {
  fill: #583972;
}

/* line 296, ../scss/component/_body-effect.scss */
.cancer-cell--reveal {
  opacity: 0;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: none;
}
/* line 301, ../scss/component/_body-effect.scss */
.cancer-is-revealed .cancer-cell--reveal {
  opacity: 1;
  display: inline-block;
}

@-moz-keyframes cancerCell {
  0% {
    -moz-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes cancerCell {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes cancerCell {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
/* line 313, ../scss/component/_body-effect.scss */
.cancer-cell--pop > path {
  -moz-animation: cancerCell 2s infinite linear;
  -webkit-animation: cancerCell 2s infinite linear;
  animation: cancerCell 2s infinite linear;
  -moz-transform-origin: 10% 10% 50%;
  -ms-transform-origin: 10% 10% 50%;
  -webkit-transform-origin: 10% 10% 50%;
  transform-origin: 10% 10% 50%;
}

/*  ======================
    ==== BODY EFFECTS ====
    ====================== */
/* line 16, ../scss/body-effects.scss */
.tool--body-effects .tool__content {
  position: relative;
}
@media (min-width: 768px) {
  /* line 16, ../scss/body-effects.scss */
  .tool--body-effects .tool__content {
    background: url('../images/tool__body-effect-bg.svg?1498701117') no-repeat center;
    background-size: 75% auto;
  }
}

/* line 26, ../scss/body-effects.scss */
.tool__silhouette {
  position: relative;
  top: 0;
  fill: #1f2c33;
  width: 100%;
  height: 1%;
  overflow: visible !important;
}
@media (min-width: 768px) {
  /* line 26, ../scss/body-effects.scss */
  .tool__silhouette {
    max-width: 45%;
    left: 50%;
    height: auto;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (min-width: 992px) {
  /* line 26, ../scss/body-effects.scss */
  .tool__silhouette {
    max-width: inherit;
    height: 980px;
  }
}

/* line 49, ../scss/body-effects.scss */
.no-borderimage .tool__silhouette {
  height: 1141px;
}