/************************************/
/*			RESET GENERAL			*/
/************************************/
html, body {
  font-size: 16px; }

body * {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  box-sizing: border-box;
  text-transform: none;
  text-align: left;
  font-family: Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal; }
  body *:focus {
    outline: none;
    outline-offset: initial; }

script, style {
  display: none; }

span {
  display: inline-block; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }
  ol.list-default, ul.list-default {
    padding-left: 40px;
    list-style: initial; }
    ol.list-default li, ul.list-default li {
      display: list-item; }

*.list-default ul, *.list-default ol {
  padding-left: 40px;
  list-style: initial; }
  *.list-default ul li, *.list-default ol li {
    display: list-item; }

blockquote, q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover, a:active, a:focus, a:visited {
    color: inherit;
    text-decoration: none; }

/********************************/
/*			RESET FORM			*/
/********************************/
input[type=month], input[type=week],
input[type=date], input[type=datetime],
input[type=time], input[type=datetime-local],
input[type=email], input[type=password], input[type=tel],
input[type=url], input[type=number], input[type=range],
input[type=search], input[type=text], input[type=checkbox], input[type=radio] {
  width: auto;
  height: auto; }

input[type=file] ::-webkit-search-decoration, input[type=search] ::-webkit-search-decoration {
  display: none; }

button, input[type="reset"],
input[type="button"], input[type="submit"] {
  overflow: visible;
  width: auto; }
  button ::-webkit-file-upload-button, input[type="reset"] ::-webkit-file-upload-button,
  input[type="button"] ::-webkit-file-upload-button, input[type="submit"] ::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none; }

textarea {
  vertical-align: top;
  overflow: auto; }

select, select[multiple] {
  vertical-align: top; }

/**!
 * normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

progress {
  vertical-align: baseline; }

template, [hidden] {
  display: none; }

a {
  background-color: transparent; }
  a:active, a:hover {
    outline-width: 0; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

button, input, select, textarea {
  font: inherit; }

optgroup {
  font-weight: bold; }

button, input, select {
  overflow: visible; }

button, input, select, textarea {
  margin: 0; }

button, select {
  text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] {
  cursor: pointer; }

[disabled] {
  cursor: default; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield; }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

.swiper-container-autoheight {
  height: auto; }
  .swiper-container-autoheight .swiper-slide {
    height: auto; }
  .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform; }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }
  .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none; }

.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }
  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }
  .swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }
  .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }
  .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active {
  pointer-events: auto; }
  .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-next {
  pointer-events: auto;
  visibility: visible; }
  .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible; }

.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }
  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none; }

.swiper-container-fade .swiper-slide-active {
  pointer-events: auto; }
  .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }
  .swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/**!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }
  .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeInOut {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeInOut {
  -webkit-animation-name: fadeInOut;
  animation-name: fadeInOut; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  90% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes scaleUp {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  90% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.scaleUp {
  -webkit-animation-name: scaleUp;
  animation-name: scaleUp; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes walkInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0); }
  20% {
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes walkInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-300%, 0, 0);
    transform: translate3d(-300%, 0, 0); }
  20% {
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none; } }

.walkInLeft {
  -webkit-animation-name: walkInLeft;
  animation-name: walkInLeft;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }
  50% {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }
  100% {
    -webkit-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg); }
  50% {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg); }
  100% {
    -webkit-transform: translateY(-50%) rotate(360deg);
    transform: translateY(-50%) rotate(360deg); } }

.spin {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 25s;
  animation-duration: 25s; }

@-webkit-keyframes spinNoTransform {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinNoTransform {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.spinNoTransform {
  -webkit-animation-name: spinNoTransform;
  animation-name: spinNoTransform;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 60s;
  animation-duration: 60s; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

.container {
  margin: 0 auto;
  max-width: 1220px; }
  .container--full {
    max-width: none;
    width: 100%; }
  .container--bigger {
    max-width: 1240px; }
    @media (max-width: 992px) {
      .container--bigger {
        width: 100%;
        max-width: none; } }

/************************************/
/*         LAYOUT FRAMEWORK         */
/************************************/
.page-wrapper {
  min-height: calc(100vh - 50px);
  width: 100%; }

.no-scroll {
  overflow: hidden; }

.v-align {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%; }

.show {
  display: block !important; }
  .show.visually-show {
    opacity: 1 !important; }

input[type=month], input[type=week],
input[type=date], input[type=datetime],
input[type=time], input[type=datetime-local],
input[type=email], input[type=password], input[type=tel],
input[type=url], input[type=number], input[type=range],
input[type=search], input[type=text], textarea {
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  padding: 0 20px;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s; }
  input[type=month]:focus, input[type=week]:focus,
  input[type=date]:focus, input[type=datetime]:focus,
  input[type=time]:focus, input[type=datetime-local]:focus,
  input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus,
  input[type=url]:focus, input[type=number]:focus, input[type=range]:focus,
  input[type=search]:focus, input[type=text]:focus, textarea:focus {
    border-color: #3FC3FF; }

textarea {
  min-height: 120px;
  max-height: 120px;
  height: 120px;
  padding: 10px 20px; }

.file-upload-container {
  width: 100%;
  height: 40px;
  background-color: #fff;
  border: 1px solid #ccc; }
  .file-upload-container input#file-upload[type="file"] {
    width: 100%;
    height: 38px;
    opacity: 0;
    z-index: 3; }
  .file-upload-container label {
    position: absolute;
    display: inline-block;
    top: 4px;
    right: 5px;
    width: 120px;
    border-radius: 6px;
    background-color: #ccc;
    line-height: 30px;
    text-align: center; }

a.button {
  border: 1px solid #999;
  height: 40px;
  line-height: 39px;
  padding: 0 40px;
  border-radius: 6px;
  background-color: #fff;
  text-align: center;
  cursor: pointer; }

img {
  width: 100%; }

.cover-wrap {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%; }
  .cover-wrap .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 50%;
    overflow-x: hidden; }

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 99;
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s; }
  .lightbox svg {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
    cursor: pointer; }
    .lightbox svg path {
      fill: #fff;
      stroke: #fff; }
  .lightbox .wrapper {
    margin: 0 auto; }

.sticky-nav {
  position: absolute; }
  .sticky-nav.stuck {
    position: fixed; }

@-webkit-keyframes loadingDotsAnimation {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes loadingDotsAnimation {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

.loading-dots {
  width: 52px;
  margin: 0 auto; }
  .loading-dots .dot {
    display: inline-block;
    background-color: #8F8F8F;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    margin: 0 3px;
    opacity: 1;
    -webkit-animation-name: loadingDotsAnimation;
    animation-name: loadingDotsAnimation;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    transition: all 0.3s ease-in-out;
    transition-delay: 0s; }
    .loading-dots .dot:nth-child(2) {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s; }
    .loading-dots .dot:last-child {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }

@font-face {
  font-family: Absolut;
  src: url("../fonts/Absolut-Regular.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Absolut;
  src: url("../fonts/Absolut-Bold.otf");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: Absolut;
  src: url("../fonts/Absolut-Medium.otf");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: Didot;
  src: url("../fonts/Didot.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Goudy;
  src: url("../fonts/Goudy Old Style Regular.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Goudy;
  src: url("../fonts/Goudy Old Style Italic.ttf");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: Goudy;
  src: url("../fonts/Goudy Old Style Bold.ttf");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: Luna;
  src: url("../fonts/Luna.ttf");
  font-weight: normal;
  font-style: normal; }

/************************************/
/*			GLOBAL STYLES			*/
/************************************/
html, body {
  font-family: Georgia, helvetica;
  background: #fff;
  overflow: scroll;
  overflow-x: hidden; }
  html.no-scroll, body.no-scroll {
    overflow: hidden; }

/************************************/
/*			BASIC STYLES			*/
/************************************/
#index-hero {
  height: 100vh;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.index-hero__feature .title h1 {
  font-family: Luna;
  font-size: 1.875rem;
  margin-bottom: 24px; }
  @media (max-width: 768px) {
    .index-hero__feature .title h1 {
      font-size: 1.375rem; } }

.index-hero__feature .anim {
  width: 100px;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: -100px; }

.index-hero__feature .sign {
  background: #ffb987;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 36px; }
  .index-hero__feature .sign h1 {
    padding: 6px 12px 2px;
    border: 1px solid #fff;
    box-shadow: 0 0 20px #fff;
    font-size: 2rem;
    letter-spacing: 4px;
    border-radius: 5px;
    text-shadow: 0 0 20px red;
    text-align: center;
    font-family: Absolut;
    text-transform: uppercase;
    color: #ffe7e7; }

.index-hero__feature .door {
  margin: 0 auto; }
  .index-hero__feature .door svg {
    margin: 0 auto;
    width: 160px;
    height: 280px;
    cursor: pointer; }
  .index-hero__feature .door p {
    position: absolute;
    width: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 30%;
    font-family: Luna;
    font-weight: 100;
    font-size: 0.75rem;
    left: 50%;
    text-align: center;
    color: #000;
    padding: 12px 16px;
    border-radius: 5px; }

.page-bg {
  position: fixed;
  width: 1440px;
  opacity: 0.2; }

.nav {
  position: absolute;
  top: 18px;
  z-index: 100;
  left: 18px;
  height: 60px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  transition-delay: 0s; }
  .nav:hover {
    height: 360px;
    overflow: auto; }
  .nav .node {
    cursor: pointer;
    margin-bottom: 6px;
    width: 60px;
    height: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
    transition-delay: 0s; }
    .nav .node.normal {
      border: 2px solid #ffb987; }
      .nav .node.normal svg {
        width: 24px;
        height: 40px;
        margin: 0 auto; }
        .nav .node.normal svg path, .nav .node.normal svg rect {
          fill: #ffb987;
          stroke: #ffb987; }
      .nav .node.normal:hover {
        background: #ffb987; }
        .nav .node.normal:hover svg path, .nav .node.normal:hover svg rect {
          fill: #fff;
          stroke: #fff; }
    .nav .node.acknowledge {
      border: 1px solid #ffb987;
      background: #ffb987; }
      .nav .node.acknowledge svg {
        width: 70%;
        height: 40px; }
  .nav .home svg {
    width: 24px; }
  .nav .bb svg {
    width: 30px; }

.lbox {
  transition: all 0.5 ease-in-out;
  transition-delay: 0s;
  padding: 60px 0px;
  width: 100%;
  height: 100vh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: -200;
  pointer-events: none;
  opacity: 0; }
  .lbox .text-block h1 {
    font-family: Luna;
    font-size: 2.25rem;
    margin-top: 60px; }
  .lbox .text-block h2 {
    color: #e21000;
    font-family: Corbel;
    font-size: 1.125rem;
    line-height: 1; }
  .lbox p {
    font-family: Corbel; }
  .lbox.active {
    pointer-events: initial;
    z-index: 100;
    opacity: 1; }

.lbox__container {
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  background: #ffffe5;
  border-radius: 15px; }

.lbox__close {
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 24px;
  height: 36px;
  width: 36px;
  z-index: 101; }
  .lbox__close svg {
    fill: #fff;
    height: inherit;
    width: inherit; }

.lbox__image {
  transition: all 0.3s ease-in-out;
  transition-delay: 0s; }

.deco-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden; }
  .deco-container .deco {
    position: absolute; }
    .deco-container .deco svg path, .deco-container .deco svg circle {
      stroke: #ffb987; }
    .deco-container .deco .line {
      width: 600px;
      height: 1px;
      border: 2px dashed #ffb987; }
  .deco-container.liane {
    top: 800px;
    height: 1400px; }

.test-anim {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 300px;
  margin: 0 auto;
  height: 340px;
  z-index: 20;
  background: url("../img/test-anim.png");
  -webkit-animation: walk 0.7s steps(7) infinite;
  animation: walk 0.7s steps(7) infinite; }

@-webkit-keyframes walk {
  from {
    background-position: 0; }
  to {
    background-position: -2100px; } }

@keyframes walk {
  from {
    background-position: 0; }
  to {
    background-position: -2100px; } }

@-webkit-keyframes look {
  from {
    background-position: 0; }
  to {
    background-position: -5400px; } }

@keyframes look {
  from {
    background-position: 0; }
  to {
    background-position: -5400px; } }

#landing-hero {
  height: 100vh;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #landing-hero .deco.one {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -400px; }
    #landing-hero .deco.one svg {
      width: 900px; }
      #landing-hero .deco.one svg circle {
        stroke: #ffb987; }
  #landing-hero .deco.two {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0; }
    #landing-hero .deco.two svg circle, #landing-hero .deco.two svg path {
      stroke: #ffb987; }
  #landing-hero .deco.three {
    left: 0;
    top: 30%; }
  #landing-hero .deco.four {
    right: 0;
    top: 70%; }

.landing__hero__feature {
  padding: 44px 120px; }
  @media (max-width: 768px) {
    .landing__hero__feature {
      padding: 44px 60px; } }

.landing__hero__feature__title h1 {
  font-size: 4rem;
  text-align: center; }
  @media (max-width: 768px) {
    .landing__hero__feature__title h1 {
      font-size: 3rem; } }
  @media (max-width: 480px) {
    .landing__hero__feature__title h1 {
      font-size: 2rem; } }

.landing__hero__feature__authors {
  padding: 12px 0px 0px; }
  .landing__hero__feature__authors .line {
    width: 10%;
    margin: 0px auto 12px;
    height: 2px;
    background: #222; }
  .landing__hero__feature__authors p {
    text-align: center;
    font-family: Georgia;
    max-width: 400px;
    width: 100%; }

.landing__hero__feature__prompt {
  position: absolute;
  bottom: -240px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  .landing__hero__feature__prompt p {
    font-style: italic;
    font-family: Goudy;
    font-size: 1.25rem; }
  .landing__hero__feature__prompt .line {
    height: 80px;
    width: 2px;
    border: 1px dashed #ccc;
    margin: 12px auto; }
  .landing__hero__feature__prompt .arrow svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 24px;
    margin: 0 auto;
    fill: #ffb987; }

.page-bottom__container {
  padding: 60px 0px 120px; }
  .page-bottom__container.top {
    width: 60%;
    padding: 60px 0px; }
    @media (max-width: 768px) {
      .page-bottom__container.top {
        width: 100%; } }
    .page-bottom__container.top .page-bottom__link {
      cursor: default; }
      @media (max-width: 768px) {
        .page-bottom__container.top .page-bottom__link {
          width: 100%; } }
      .page-bottom__container.top .page-bottom__link svg {
        width: 180px;
        height: 180px;
        margin: 0 auto 6px; }
        @media (max-width: 768px) {
          .page-bottom__container.top .page-bottom__link svg {
            width: 100px;
            height: 100px; } }
      .page-bottom__container.top .page-bottom__link--tattoos {
        opacity: 1; }
      .page-bottom__container.top .page-bottom__link--bodybuilding {
        opacity: 1; }
      .page-bottom__container.top .page-bottom__link--surgery {
        opacity: 1; }
        .page-bottom__container.top .page-bottom__link--surgery.active svg #Path-67 {
          fill: #ccc; }
        .page-bottom__container.top .page-bottom__link--surgery.active svg #Path-68 {
          fill: #bbb; }
        .page-bottom__container.top .page-bottom__link--surgery.active svg #Path-69 {
          fill: #fff; }
        .page-bottom__container.top .page-bottom__link--surgery.active svg #Oval-14 {
          fill: #ddd; }
      .page-bottom__container.top .page-bottom__link p {
        font-size: 1.25rem; }

.page-bottom__feature {
  width: 400px;
  margin: 0 auto; }
  @media (max-width: 480px) {
    .page-bottom__feature {
      width: 100%; } }
  .page-bottom__feature .site-quote {
    margin: 0 auto; }
    @media (max-width: 768px) {
      .page-bottom__feature .site-quote {
        padding: 40px; } }
  .page-bottom__feature h2 {
    font-family: Luna;
    text-align: center;
    margin: 24px 0px; }

.page-bottom__links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .page-bottom__links::after {
    clear: both;
    content: "";
    display: block; }
  @media (max-width: 992px) {
    .page-bottom__links {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.page-bottom__link {
  width: calc(33.33333% - 26.66667px);
  float: left;
  margin-left: 20px;
  cursor: pointer; }
  @media (max-width: 768px) {
    .page-bottom__link {
      width: 100%; } }
  .page-bottom__link svg {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    margin: 0 auto 24px; }
    @media (max-width: 992px) {
      .page-bottom__link svg {
        width: 100px;
        height: 100px; } }
  .page-bottom__link p {
    font-size: 1.75rem;
    color: #111;
    text-align: center;
    font-family: Luna; }
    @media (max-width: 768px) {
      .page-bottom__link p {
        font-size: 1.5rem; } }
  .page-bottom__link--tattoos {
    opacity: 0.3;
    cursor: default; }
    .page-bottom__link--tattoos p {
      color: #ddd; }
    .page-bottom__link--tattoos.active {
      opacity: 1;
      cursor: pointer; }
      .page-bottom__link--tattoos.active p {
        color: #111; }
      .page-bottom__link--tattoos.active #cannister {
        fill: #f1f1f1; }
      .page-bottom__link--tattoos.active .shine {
        fill: #fff; }
      .page-bottom__link--tattoos.active #needle {
        fill: #f8f8f8; }
      .page-bottom__link--tattoos.active #cartridge {
        fill: #222; }
      .page-bottom__link--tattoos.active #connector {
        fill: #ccc; }
      .page-bottom__link--tattoos.active #handle1, .page-bottom__link--tattoos.active #handle2 {
        fill: #111; }
      .page-bottom__link--tattoos.active #tip {
        fill: #800000; }
  .page-bottom__link--bodybuilding {
    opacity: 0.3;
    cursor: default; }
    .page-bottom__link--bodybuilding p {
      color: #ddd; }
    .page-bottom__link--bodybuilding.active {
      opacity: 1;
      cursor: pointer; }
      .page-bottom__link--bodybuilding.active p {
        color: #111; }
      .page-bottom__link--bodybuilding.active svg #Rectangle-29 {
        fill: #333; }
      .page-bottom__link--bodybuilding.active svg #Rectangle-29-Copy {
        fill: #333; }
      .page-bottom__link--bodybuilding.active svg #Rectangle-29-Copy-3 {
        fill: #333; }
      .page-bottom__link--bodybuilding.active svg #Rectangle-29-Copy-2 {
        fill: #333; }
      .page-bottom__link--bodybuilding.active svg #Rectangle-32 {
        fill: #eee; }
      .page-bottom__link--bodybuilding.active svg #Rectangle-31 {
        fill: #eee; }
      .page-bottom__link--bodybuilding.active svg #Rectangle-31-Copy {
        fill: #eee; }
  .page-bottom__link--surgery {
    opacity: 0.3;
    cursor: default; }
    .page-bottom__link--surgery p {
      color: #ddd; }
    .page-bottom__link--surgery.active {
      opacity: 1;
      cursor: pointer; }
      .page-bottom__link--surgery.active p {
        color: #111; }
      .page-bottom__link--surgery.active svg #Path-67 {
        fill: #f7f7f7; }
      .page-bottom__link--surgery.active svg #Path-68 {
        fill: #e5e5e5; }
      .page-bottom__link--surgery.active svg #Path-69 {
        fill: #fff; }
      .page-bottom__link--surgery.active svg #Oval-14 {
        fill: #ddd; }

.site-quote {
  padding: 42px;
  border-top: 2px dashed #ddd;
  border-bottom: 2px dashed #ddd; }
  .site-quote.main {
    padding: 100px; }
    @media (max-width: 768px) {
      .site-quote.main {
        padding: 100px 40px; } }
  .site-quote.no-quotes p:before {
    content: ''; }
  .site-quote p {
    font-size: 2.25rem;
    font-family: Goudy; }
    .site-quote p:before {
      content: url(../img/quotes.png);
      position: absolute;
      left: -60px;
      top: -20px;
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      width: 10px;
      color: #ffe2cd; }
  .site-quote h4 {
    float: right;
    text-transform: uppercase;
    color: #aaa;
    font-family: Corbel; }

.text-block {
  font-size: 1.125rem;
  font-family: Georgia;
  line-height: 1.3;
  margin: 24px 0px;
  font-size: 1rem; }
  .text-block .site-quote {
    padding: 40px 0px; }
    .text-block .site-quote p {
      font-size: 1.75rem; }
  .text-block .container::after {
    clear: both;
    content: "";
    display: block; }
  .text-block .container--full {
    padding: 0px 48px; }
    .text-block .container--full .text-block__container {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; }
  .text-block h1 {
    font-size: 3.25rem;
    margin-bottom: 40px;
    padding-bottom: 24px;
    border-bottom: 2px dashed #ffb987; }
  .text-block h2 {
    font-family: Georgia;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 12px; }
  .text-block p {
    font-size: 1rem;
    margin-bottom: 12px; }
  .text-block a {
    display: inline;
    text-decoration: none;
    color: #e21000;
    cursor: pointer; }
    .text-block a.popper:hover + .pop {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  .text-block em {
    font-style: italic;
    display: inline; }
  .text-block span {
    display: inline; }
  .text-block strong {
    font-weight: bold;
    display: inline; }
  .text-block .pop {
    transition: all 0.3s ease-in-out;
    transition-delay: 0s;
    display: inline;
    position: absolute;
    top: 0;
    border-radius: 5px;
    background: #ffe2cd;
    padding: 24px;
    left: -252px;
    width: 240px;
    z-index: 50;
    color: #222;
    font-family: Corbel;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .text-block .popup {
    color: #ffb987;
    cursor: pointer;
    font-weight: bold; }
  .text-block .popup-bubble {
    position: absolute;
    padding: 40px;
    background: #ffb987;
    z-index: 20;
    display: none;
    border-radius: 15px;
    right: 0;
    top: 40px; }
  .text-block .dropcap {
    float: left;
    display: block;
    font-size: 5rem;
    font-weight: 100;
    margin-right: 16px;
    margin-bottom: 8px;
    line-height: 0.8; }
  .text-block .text-block__container {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px); }
    @media (max-width: 992px) {
      .text-block .text-block__container {
        width: calc(83.33333% - 36.66667px);
        float: left;
        margin-left: 20px;
        margin-left: calc(8.33333% - 21.66667px + 40px); } }
    @media (max-width: 768px) {
      .text-block .text-block__container {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
  .text-block .text-block__container--half {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px; }
    @media (max-width: 992px) {
      .text-block .text-block__container--half {
        width: calc(83.33333% - 36.66667px);
        float: left;
        margin-left: 20px;
        margin-left: calc(8.33333% - 21.66667px + 40px); } }
    @media (max-width: 768px) {
      .text-block .text-block__container--half {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px); } }
  .text-block .text-block__container-right {
    width: calc(16.66667% - 23.33333px);
    float: left;
    margin-left: 20px; }
  .text-block .imgfloat--left {
    float: left;
    margin: 0px 20px 20px 0px; }
  .text-block .imgfloat--right {
    float: right;
    margin: 0px 0px 20px 20px; }
  .text-block .imgfloat--center {
    max-width: none;
    width: 100%;
    margin: 20px 0px; }
    .text-block .imgfloat--center iframe {
      width: 100%; }
  @media (max-width: 992px) {
    .text-block .imgfloat {
      float: none;
      width: 100% !important;
      margin: 24px 0px; } }
  .text-block .imgfloat .swiper-controls {
    z-index: 10;
    width: 100%;
    height: 400px;
    position: absolute; }
    .text-block .imgfloat .swiper-controls .btn {
      cursor: pointer;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      width: 36px;
      height: 36px;
      border-radius: 100%;
      background: #ffb987;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute; }
      .text-block .imgfloat .swiper-controls .btn svg {
        width: 16px;
        fill: #fff; }
      .text-block .imgfloat .swiper-controls .btn.prev {
        left: -18px; }
        .text-block .imgfloat .swiper-controls .btn.prev svg {
          -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      .text-block .imgfloat .swiper-controls .btn.next {
        right: -18px; }
  .text-block .imgfloat .swiper-container {
    height: 400px; }
    .text-block .imgfloat .swiper-container .swiper-slide {
      height: inherit;
      background-size: cover;
      width: 100%;
      background-position: center center; }
  .text-block .imgfloat--double {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .text-block .imgfloat--double img {
      width: 100%;
      max-height: 600px; }
      .text-block .imgfloat--double img.half {
        width: 49%; }
        @media (max-width: 768px) {
          .text-block .imgfloat--double img.half {
            width: 100%; } }
  .text-block .imgfloat .site-quote p {
    font-size: 2rem;
    margin: 0; }
  .text-block .imgfloat__caption {
    padding: 6px 0px;
    width: 100%;
    border-bottom: 1px solid #ddd; }
    .text-block .imgfloat__caption p {
      font-family: arial;
      font-size: 0.875rem;
      margin: 0;
      color: #777; }

.text-block--hidden {
  display: none; }

.text-block--left .text-block__container {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: calc(0% - 20px + 40px); }
  @media (max-width: 992px) {
    .text-block--left .text-block__container {
      width: calc(83.33333% - 36.66667px);
      float: left;
      margin-left: 20px;
      margin-left: calc(8.33333% - 21.66667px + 40px); } }
  @media (max-width: 768px) {
    .text-block--left .text-block__container {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  .text-block--left .text-block__container p, .text-block--left .text-block__container h2 {
    margin-right: 400px; }
    @media (max-width: 992px) {
      .text-block--left .text-block__container p, .text-block--left .text-block__container h2 {
        margin-right: 0px; } }

.text-block--left .imgfloat__caption p {
  margin: 0; }

.text-block--left--style {
  margin: 120px 0px; }
  .text-block--left--style .style-background {
    height: 100%;
    width: 860px;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffe2cd; }
    .text-block--left--style .style-background .fin--top {
      width: 0;
      height: 0;
      border-left: 0px solid;
      border-right: 860px solid transparent;
      border-bottom: 80px solid #ffe2cd;
      position: absolute;
      top: -80px;
      left: 0; }
    .text-block--left--style .style-background .fin--bottom {
      width: 0;
      height: 0;
      border-left: 0px solid;
      border-right: 860px solid transparent;
      border-top: 80px solid #ffe2cd;
      position: absolute;
      bottom: -80px;
      left: 0; }
  .text-block--left--style .text-block__container {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    margin-left: calc(0% - 20px + 40px); }
    @media (max-width: 992px) {
      .text-block--left--style .text-block__container {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
  .text-block--left--style .text-block-image__container {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    padding-top: 36px; }
    @media (max-width: 992px) {
      .text-block--left--style .text-block-image__container {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    .text-block--left--style .text-block-image__container .image__caption {
      margin-bottom: 24px; }

@media (max-width: 992px) {
  .hidemobile {
    display: none !important; } }

@media (max-width: 768px) {
  .hidemobile-md {
    display: none !important; } }

.text-block--right .text-block__container {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-left: calc(0% - 20px + 40px); }
  @media (max-width: 992px) {
    .text-block--right .text-block__container {
      width: calc(83.33333% - 36.66667px);
      float: left;
      margin-left: 20px;
      margin-left: calc(8.33333% - 21.66667px + 40px); } }
  @media (max-width: 768px) {
    .text-block--right .text-block__container {
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px; } }
  .text-block--right .text-block__container p, .text-block--right .text-block__container h2, .text-block--right .text-block__container .dropcap {
    margin-left: 400px; }
    @media (max-width: 992px) {
      .text-block--right .text-block__container p, .text-block--right .text-block__container h2, .text-block--right .text-block__container .dropcap {
        margin: 0 !important; } }

.text-block--right .imgfloat__caption p {
  margin: 0; }

.image-block {
  background-size: cover;
  margin: 12px 0px; }
  .image-block .container::after {
    clear: both;
    content: "";
    display: block; }
  .image-block .container--bigger .image-block__container {
    width: calc(83.33333% - 36.66667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.33333% - 21.66667px + 40px); }
    @media (max-width: 992px) {
      .image-block .container--bigger .image-block__container {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px); } }
  .image-block .image-block__container {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .image-block .image-block__container {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    .image-block .image-block__container img {
      width: 100%;
      max-height: 600px; }
      .image-block .image-block__container img.half {
        width: 49%; }
        @media (max-width: 768px) {
          .image-block .image-block__container img.half {
            width: 100%;
            height: auto !important; } }
    .image-block .image-block__container .side {
      max-width: 280px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .image-block .image-block__container .side--right {
        right: -300px; }
      .image-block .image-block__container .side--left {
        left: -300px; }
      .image-block .image-block__container .side--righttop {
        top: 0;
        right: -300px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      .image-block .image-block__container .side--rightbottom {
        top: auto;
        bottom: 0;
        right: -300px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      .image-block .image-block__container .side--lefttop {
        top: 0;
        left: -300px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
      .image-block .image-block__container .side--leftbottom {
        bottom: 0;
        left: -300px;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
    .image-block .image-block__container .image-mag {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .image-block .image-block__container .image-mag img {
        margin-bottom: 12px;
        width: 100%; }
      .image-block .image-block__container .image-mag .right {
        padding: 0px 12px; }

.image__caption {
  width: 100%;
  padding: 24px 0px 12px;
  border-bottom: 1px dashed #aaa; }
  .image__caption p {
    color: #777;
    font-family: arial;
    font-size: 0.875rem; }
  .image__caption strong {
    font-weight: bold;
    display: inline; }
  .image__caption.inside {
    position: absolute;
    width: 400px; }
    @media (max-width: 768px) {
      .image__caption.inside {
        width: 100%;
        right: 0 !important;
        bottom: 0 !important;
        position: relative; } }
    .image__caption.inside p {
      font-size: 1.25rem;
      color: #eee;
      font-family: Corbel; }

.image-block--large .image-block__container {
  width: calc(75% - 35px);
  float: left;
  margin-left: 20px; }

.image-block--large .text-block__container {
  width: calc(25% - 25px);
  float: left;
  margin-left: 20px; }

.image-block--filler {
  height: 50vh;
  background-size: cover;
  background-position: center center; }

.section-break .line {
  width: 100%;
  border: 1px dashed #ffb987;
  margin-bottom: 18px; }

.video-block {
  height: 100vh;
  margin: 24px 0px; }
  .video-block .video {
    height: 100%;
    width: 100%;
    background: #ddd; }

.single-hero {
  height: 400px;
  padding: 24px 0px;
  background: #ddd; }
  .single-hero video {
    z-index: 1 !important; }
  .single-hero .overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0; }
  .single-hero .container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .single-hero .container::after {
      clear: both;
      content: "";
      display: block; }

.single-hero__feature {
  width: calc(66.66667% - 33.33333px);
  float: left;
  margin-left: 20px;
  margin-left: calc(16.66667% - 23.33333px + 40px);
  width: 100%; }
  .single-hero__feature h1 {
    font-size: 4rem;
    text-align: left;
    color: #fff;
    font-family: Luna; }

.standfirst {
  padding: 12px 0px; }
  .standfirst .container::after {
    clear: both;
    content: "";
    display: block; }

.standfirst__container {
  width: calc(66.66667% - 33.33333px);
  float: left;
  margin-left: 20px;
  margin-left: calc(16.66667% - 23.33333px + 40px);
  padding: 12px;
  border-bottom: 3px dashed #ddd; }
  .standfirst__container p {
    font-size: 1.75rem;
    line-height: 1.6;
    font-style: italic;
    font-family: Goudy; }

.next-btn {
  padding: 30px 30px;
  font-family: Luna;
  width: 200px;
  float: right; }
  .next-btn .btn {
    cursor: pointer;
    font-size: 1.125rem;
    padding: 0px 40px;
    text-align: center; }
    @media (max-width: 768px) {
      .next-btn .btn {
        font-size: 0.875rem; } }
  .next-btn svg {
    margin: 0 auto;
    width: 20px;
    height: 30px; }
  .next-btn--absolute {
    width: 200px;
    position: absolute;
    bottom: 0;
    right: 20px; }
    @media (max-width: 768px) {
      .next-btn--absolute {
        right: 0px;
        padding: 12px 0px;
        width: 160px; } }
  .next-btn--barbell svg {
    width: 60px;
    height: 60px; }
    .next-btn--barbell svg #Rectangle-29 {
      fill: #333; }
    .next-btn--barbell svg #Rectangle-29-Copy {
      fill: #333; }
    .next-btn--barbell svg #Rectangle-29-Copy-3 {
      fill: #333; }
    .next-btn--barbell svg #Rectangle-29-Copy-2 {
      fill: #333; }
    .next-btn--barbell svg #Rectangle-32 {
      fill: #eee; }
    .next-btn--barbell svg #Rectangle-31 {
      fill: #eee; }
    .next-btn--barbell svg #Rectangle-31-Copy {
      fill: #eee; }
    @media (max-width: 768px) {
      .next-btn--barbell svg {
        width: 40px;
        height: 40px; } }
  .next-btn--knife {
    margin-bottom: 20px; }
    .next-btn--knife svg {
      width: 80px;
      height: 60px; }
      .next-btn--knife svg #Path-67 {
        fill: #ccc; }
      .next-btn--knife svg #Path-68 {
        fill: #bbb; }
      .next-btn--knife svg #Path-69 {
        fill: #fff; }
      .next-btn--knife svg #Oval-14 {
        fill: #ddd; }

#needleculture .deco.one {
  right: 100px;
  width: 300px; }

#needleculture .deco.two {
  right: 80px;
  width: 50px; }

#needleculture .deco.three {
  top: 240px;
  right: 300px;
  width: 400px; }

#needleculture .deco.four {
  top: 60px;
  right: 420px;
  width: 160px; }

#stigma11 .deco.one {
  left: 50%;
  top: 200px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%; }
  #stigma11 .deco.one svg path, #stigma11 .deco.one svg circle {
    stroke: #ffe2cd; }

#stigma11 .deco.two {
  left: 100px;
  top: 340px; }
  #stigma11 .deco.two svg path, #stigma11 .deco.two svg circle {
    stroke: #ffe2cd; }

#stigma11 .deco.three {
  right: 100px;
  top: 190px; }
  #stigma11 .deco.three svg path, #stigma11 .deco.three svg circle {
    stroke: #ffe2cd; }

#sorry .deco.one {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  #sorry .deco.one img {
    width: 500px; }

#sorry .deco.two {
  left: -200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  #sorry .deco.two svg {
    width: 400px;
    fill: #ffb987; }

#sorry .deco.three {
  right: -200px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  #sorry .deco.three svg {
    width: 400px;
    fill: #ffb987; }

#barbwire svg {
  opacity: 0.2; }

@media (max-width: 992px) {
  #tattoo, #bodybuilding, #surgery {
    padding-bottom: 120px; } }

#map {
  height: 600px; }

#romance article {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-bottom: 40px;
  font-family: Corbel; }
  @media (max-width: 768px) {
    #romance article {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1; } }

.floatboxes {
  padding: 60px 0px; }
  .floatboxes .container {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .floatboxes .container .box {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background: #f8f8f8;
      margin: 0px 24px; }
      .floatboxes .container .box .hang {
        width: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        border: 1px dashed #ffb987; }
      .floatboxes .container .box .site-quote {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        .floatboxes .container .box .site-quote p {
          text-align: center; }
        .floatboxes .container .box .site-quote h4 {
          width: 100%;
          text-align: right; }
      .floatboxes .container .box--xxl {
        width: 480px;
        height: 420px; }
      .floatboxes .container .box--xl {
        width: 480px;
        height: 300px; }
        .floatboxes .container .box--xl .site-quote p {
          font-size: 2.25rem; }
      .floatboxes .container .box--lg {
        width: 300px;
        height: 240px; }
        .floatboxes .container .box--lg .site-quote {
          padding: 32px; }
          .floatboxes .container .box--lg .site-quote p {
            font-size: 1.75rem; }
      .floatboxes .container .box--md {
        background: #eee;
        width: 240px;
        height: 200px; }
        .floatboxes .container .box--md .site-quote {
          padding: 30px; }
          .floatboxes .container .box--md .site-quote p {
            font-size: 1.5rem; }
      .floatboxes .container .box--sm {
        background: #e9e9e9;
        width: 160px;
        height: 120px; }
        .floatboxes .container .box--sm .site-quote {
          padding: 24px; }
          .floatboxes .container .box--sm .site-quote p {
            font-size: 1.25rem; }

#bodybuilding-opener .next-btn a {
  color: #fff; }

#bodybuilding-opener .next-btn svg path {
  fill: #fff; }

.opener-hero {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background-size: cover; }
  .opener-hero .title {
    position: absolute; }
    .opener-hero .title h1 {
      font-family: Luna;
      font-size: 3.625rem; }
      @media (max-width: 992px) {
        .opener-hero .title h1 {
          font-size: 2.5rem; } }
      @media (max-width: 768px) {
        .opener-hero .title h1 {
          font-size: 2.25rem; } }
      @media (max-width: 480px) {
        .opener-hero .title h1 {
          font-size: 2.25rem; } }
    .opener-hero .title--tattoo {
      top: 30%;
      left: 140px;
      -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
      transform: translateY(-30%); }
      @media (max-width: 768px) {
        .opener-hero .title--tattoo {
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
      .opener-hero .title--tattoo p {
        color: #fff;
        font-family: Absolut;
        font-size: 1.25rem;
        max-width: 500px; }
    .opener-hero .title--surgery-left {
      left: 120px;
      top: 160px; }
      .opener-hero .title--surgery-left h1 {
        text-align: right; }
    .opener-hero .title--surgery-right {
      right: 100px;
      top: 280px; }
    .opener-hero .title--bb {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: rgba(0, 0, 0, 0.4);
      border-radius: 5px;
      padding: 12px; }
      @media (max-width: 768px) {
        .opener-hero .title--bb {
          width: 90%; } }
      .opener-hero .title--bb h1 {
        text-align: center; }
      .opener-hero .title--bb p {
        text-align: center;
        color: #fff;
        font-family: Absolut;
        font-size: 1.25rem; }
        @media (max-width: 768px) {
          .opener-hero .title--bb p {
            font-size: 1rem; } }
  .opener-hero video {
    width: 1440px; }
  .opener-hero .description {
    position: absolute;
    font-family: Absolut;
    width: 420px; }
    @media (max-width: 768px) {
      .opener-hero .description {
        width: 90%; } }
    .opener-hero .description p {
      font-size: 1.25rem;
      color: #444; }
      @media (max-width: 768px) {
        .opener-hero .description p {
          font-size: 1rem; } }
    .opener-hero .description--surgery {
      bottom: 60px;
      left: 60px; }
      @media (max-width: 768px) {
        .opener-hero .description--surgery {
          bottom: 200px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); } }
    .opener-hero .description--tattoo {
      background: rgba(255, 255, 255, 0.7);
      padding: 24px;
      left: 200px;
      border-radius: 5px;
      bottom: 100px; }

#acknowledgements ul {
  list-style: initial;
  padding-left: 40px; }
  #acknowledgements ul li {
    display: list-item;
    margin-bottom: 6px; }

.bb-clock__container {
  height: 100vh;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px; }

.bb-clock__main {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .bb-clock__main svg {
    max-width: 700px;
    height: 100%;
    margin: auto; }
  .bb-clock__main #Group-18 {
    transition: all 0.3s ease-in-out;
    transition-delay: 0s; }
  .bb-clock__main .clock-node {
    cursor: pointer; }

.interaction-intro {
  position: absolute;
  top: 200px;
  left: 42%; }
  @media (max-width: 768px) {
    .interaction-intro {
      top: 100px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); } }
  .interaction-intro h1 {
    font-family: Luna;
    font-size: 2.625rem;
    margin-bottom: 20px;
    border-bottom: 1px dashed #222; }
    @media (max-width: 768px) {
      .interaction-intro h1 {
        text-align: center;
        font-size: 2.25rem; } }
    @media (max-width: 480px) {
      .interaction-intro h1 {
        font-size: 1.75rem; } }
  .interaction-intro p {
    font-size: 1.125rem;
    width: 400px;
    font-style: italic;
    text-align: center; }
  .interaction-intro--body {
    left: 100px;
    top: 60px;
    pointer-events: none; }
    @media (max-width: 992px) {
      .interaction-intro--body {
        top: 24px;
        left: 24px; } }
    @media (max-width: 768px) {
      .interaction-intro--body {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    @media (max-width: 480px) {
      .interaction-intro--body {
        top: 10%;
        -webkit-transform: translate(-50%, -10%);
        -ms-transform: translate(-50%, -10%);
        transform: translate(-50%, -10%); } }
    .interaction-intro--body p {
      text-align: left; }
      @media (max-width: 768px) {
        .interaction-intro--body p {
          font-size: 0.875rem;
          text-align: center; } }

.bodybuilding2-hero {
  background: radial-gradient(#fff, #ea4b06);
  padding: 0px 0px 200px;
  height: 100vh;
  overflow: hidden; }
  .bodybuilding2-hero .img-container img {
    width: 100%; }
  .bodybuilding2-hero .img-container svg {
    transition: all 0.3s ease-in-out;
    transition-delay: 0s;
    width: 100%;
    height: 1000px;
    margin: 0 auto;
    top: -40px; }
    .bodybuilding2-hero .img-container svg #Group-4 {
      cursor: pointer; }
      .bodybuilding2-hero .img-container svg #Group-4 path, .bodybuilding2-hero .img-container svg #Group-4 ellipse {
        transition: all 0.3s ease-in-out;
        transition-delay: 0s;
        fill: #222; }
      .bodybuilding2-hero .img-container svg #Group-4:hover path, .bodybuilding2-hero .img-container svg #Group-4:hover ellipse {
        fill: #ffb987; }
    .bodybuilding2-hero .img-container svg #Group-7 {
      cursor: pointer; }
      .bodybuilding2-hero .img-container svg #Group-7 path, .bodybuilding2-hero .img-container svg #Group-7 ellipse {
        transition: all 0.3s ease-in-out;
        transition-delay: 0s;
        stroke: #222; }
      .bodybuilding2-hero .img-container svg #Group-7 #Oval-216, .bodybuilding2-hero .img-container svg #Group-7 #Oval-216-Copy, .bodybuilding2-hero .img-container svg #Group-7 #Oval-216-Copy-4, .bodybuilding2-hero .img-container svg #Group-7 #Oval-213-Copy-3, .bodybuilding2-hero .img-container svg #Group-7 #Path-941, .bodybuilding2-hero .img-container svg #Group-7 #Path-941-Copy {
        fill: #222; }
      .bodybuilding2-hero .img-container svg #Group-7 #Group-3 path, .bodybuilding2-hero .img-container svg #Group-7 #Group-3-Copy path, .bodybuilding2-hero .img-container svg #Group-7 #Group-2 path, .bodybuilding2-hero .img-container svg #Group-7 #Group-2-Copy path {
        stroke: #222; }
      .bodybuilding2-hero .img-container svg #Group-7:hover path, .bodybuilding2-hero .img-container svg #Group-7:hover ellipse {
        stroke: #ffb987; }
      .bodybuilding2-hero .img-container svg #Group-7:hover #Oval-216, .bodybuilding2-hero .img-container svg #Group-7:hover #Oval-216-Copy, .bodybuilding2-hero .img-container svg #Group-7:hover #Oval-216-Copy-4, .bodybuilding2-hero .img-container svg #Group-7:hover #Oval-213-Copy-3, .bodybuilding2-hero .img-container svg #Group-7:hover #Path-941, .bodybuilding2-hero .img-container svg #Group-7:hover #Path-941-Copy {
        fill: #ffb987; }
      .bodybuilding2-hero .img-container svg #Group-7:hover #Group-3 path, .bodybuilding2-hero .img-container svg #Group-7:hover #Group-3-Copy path, .bodybuilding2-hero .img-container svg #Group-7:hover #Group-2 path, .bodybuilding2-hero .img-container svg #Group-7:hover #Group-2-Copy path {
        stroke: #ffb987; }
    .bodybuilding2-hero .img-container svg #Group-6 {
      cursor: pointer; }
      .bodybuilding2-hero .img-container svg #Group-6 path {
        transition: all 0.3s ease-in-out;
        transition-delay: 0s;
        stroke: #222; }
      .bodybuilding2-hero .img-container svg #Group-6 #Path-952-Copy, .bodybuilding2-hero .img-container svg #Group-6 #Path-952-Copy-2, .bodybuilding2-hero .img-container svg #Group-6 #Path-951, .bodybuilding2-hero .img-container svg #Group-6 #Oval-222, .bodybuilding2-hero .img-container svg #Group-6 #Oval-222-Copy, .bodybuilding2-hero .img-container svg #Group-6 #Oval-222-Copy-2, .bodybuilding2-hero .img-container svg #Group-6 #Oval-222-Copy-3, .bodybuilding2-hero .img-container svg #Group-6 #Oval-222-Copy-4 {
        fill: #222; }
      .bodybuilding2-hero .img-container svg #Group-6:hover path {
        stroke: #ffb987; }
      .bodybuilding2-hero .img-container svg #Group-6:hover #Path-952-Copy, .bodybuilding2-hero .img-container svg #Group-6:hover #Path-952-Copy-2, .bodybuilding2-hero .img-container svg #Group-6:hover #Path-951, .bodybuilding2-hero .img-container svg #Group-6:hover #Oval-222, .bodybuilding2-hero .img-container svg #Group-6:hover #Oval-222-Copy, .bodybuilding2-hero .img-container svg #Group-6:hover #Oval-222-Copy-2, .bodybuilding2-hero .img-container svg #Group-6:hover #Oval-222-Copy-3, .bodybuilding2-hero .img-container svg #Group-6:hover #Oval-222-Copy-4 {
        fill: #ffb987; }
    .bodybuilding2-hero .img-container svg #Path-956 {
      cursor: pointer;
      fill: #222;
      transition: all 0.3s ease-in-out;
      transition-delay: 0s; }
      .bodybuilding2-hero .img-container svg #Path-956:hover {
        fill: #ffb987; }
  .bodybuilding2-hero .img-container .img-node {
    position: absolute;
    height: 50px;
    width: 50px;
    top: 0;
    background: #222; }
    .bodybuilding2-hero .img-container .img-node--arjun {
      top: 100px;
      left: 80px; }
    .bodybuilding2-hero .img-container .img-node--clare {
      top: 300px;
      left: 120px; }
    .bodybuilding2-hero .img-container .img-node--ben {
      top: 500px;
      left: 300px; }
    .bodybuilding2-hero .img-container .img-node--jingyi {
      top: 600px;
      left: 520px; }

.pig svg {
  width: 300px; }

#money .bank-container {
  margin: 18px 0px;
  width: 100%;
  height: 600px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 768px) {
    #money .bank-container {
      height: auto; } }
  #money .bank-container .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #money .bank-container .wrapper .section {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 50%;
      height: 300px; }
      @media (max-width: 480px) {
        #money .bank-container .wrapper .section {
          width: 100%; } }
      #money .bank-container .wrapper .section svg {
        width: 180px;
        height: 180px; }
      #money .bank-container .wrapper .section h1 {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 1.125rem;
        margin: 0;
        text-align: center;
        width: 100%; }
      #money .bank-container .wrapper .section p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 1.5rem; }
      #money .bank-container .wrapper .section--food svg {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
      #money .bank-container .wrapper .section--member svg {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9); }
      #money .bank-container .wrapper .section--clothes svg {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8); }
      #money .bank-container .wrapper .section--supps svg {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6); }

.surgery-infographic {
  background: #ffe2cd; }
  .surgery-infographic .container {
    max-width: 1200px; }
  .surgery-infographic .infographic__container {
    padding: 60px 0px; }
    .surgery-infographic .infographic__container .top {
      border: 2px dashed #ffb987;
      width: 100%;
      padding: 40px 0px 40px;
      text-align: center;
      margin-bottom: 40px; }
      .surgery-infographic .infographic__container .top h1 {
        text-align: center;
        font-size: 2.625rem;
        margin: 0 auto 12px;
        display: inline-block;
        padding-bottom: 12px;
        font-family: Absolut;
        font-weight: 600;
        border-bottom: 2px dashed #ffb987; }
      .surgery-infographic .infographic__container .top img {
        margin: 24px auto;
        max-width: 180px; }
      .surgery-infographic .infographic__container .top p {
        margin: auto;
        width: 70%;
        text-align: center;
        font-family: Corbel; }
    .surgery-infographic .infographic__container .bottom::after {
      clear: both;
      content: "";
      display: block; }
    .surgery-infographic .infographic__container .bottom .infographic__section {
      width: calc(33.33333% - 26.66667px);
      float: left;
      margin-left: 20px; }
      @media (max-width: 768px) {
        .surgery-infographic .infographic__container .bottom .infographic__section {
          width: calc(66.66667% - 33.33333px);
          float: left;
          margin-left: 20px;
          margin-left: calc(16.66667% - 23.33333px + 40px);
          margin-bottom: 24px; } }
      @media (max-width: 480px) {
        .surgery-infographic .infographic__container .bottom .infographic__section {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; } }
      .surgery-infographic .infographic__container .bottom .infographic__section img {
        margin: auto;
        max-width: 140px;
        margin-bottom: 12px; }
      .surgery-infographic .infographic__container .bottom .infographic__section h2 {
        text-align: center;
        font-size: 1.25rem;
        font-family: Absolut;
        font-weight: bold;
        margin-bottom: 6px;
        padding-bottom: 6px;
        border-bottom: 2px dashed #ffb987; }
      .surgery-infographic .infographic__container .bottom .infographic__section h4 {
        text-align: center;
        margin-bottom: 12px;
        background: #ffb987;
        border-radius: 5px;
        padding: 6px 0px;
        color: #222;
        font-family: Corbel; }
      .surgery-infographic .infographic__container .bottom .infographic__section p {
        font-family: Corbel; }
      .surgery-infographic .infographic__container .bottom .infographic__section strong {
        display: inline; }

.surgery-map-infographic {
  background: radial-gradient(#00abff, #31d0ff);
  padding: 100px 0px; }
  .surgery-map-infographic .infographic__caption {
    width: 300px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    color: #fff;
    font-size: 1.25rem;
    border: 1px dashed #fff;
    padding: 20px;
    border-radius: 12px; }
    .surgery-map-infographic .infographic__caption p {
      text-align: center; }
  .surgery-map-infographic .wrapper::after {
    clear: both;
    content: "";
    display: block; }
  .surgery-map-infographic .wrapper .section {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px; }
    @media (max-width: 768px) {
      .surgery-map-infographic .wrapper .section {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; } }
    .surgery-map-infographic .wrapper .section h1 {
      font-size: 1.25rem;
      color: white;
      font-family: Absolut;
      padding-bottom: 6px;
      border-bottom: 1px dashed #fff; }
    .surgery-map-infographic .wrapper .section .hidden {
      opacity: 0;
      position: absolute;
      transition: all 0.3s ease-in-out;
      transition-delay: 0s;
      z-index: 10;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      background: orange;
      padding: 20px;
      border-radius: 15px;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0); }
      .surgery-map-infographic .wrapper .section .hidden .item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 18px; }
        .surgery-map-infographic .wrapper .section .hidden .item .image img {
          width: 24px; }
        .surgery-map-infographic .wrapper .section .hidden .item .text {
          padding: 0px 20px; }
          .surgery-map-infographic .wrapper .section .hidden .item .text p {
            font-family: Corbel; }
    .surgery-map-infographic .wrapper .section svg {
      height: 100%;
      max-width: 400px;
      cursor: pointer; }
      .surgery-map-infographic .wrapper .section svg path {
        fill: #ffe2cd;
        transition: all 0.3s ease-in-out;
        transition-delay: 0s; }
      .surgery-map-infographic .wrapper .section svg:hover path {
        fill: #fff; }
      .surgery-map-infographic .wrapper .section svg:hover + .hidden {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1); }

@media (max-width: 768px) {
  .mobilefullimg {
    height: 300px !important; } }

#blackbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #222;
  padding: 12px 24px;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  #blackbar a {
    cursor: pointer;
    color: #fff;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-family: Corbel;
    margin-right: 18px; }

@media (max-width: 768px) {
  .mobilefullwidth {
    width: 100% !important; } }

@media (max-width: 992px) {
  .removemargin {
    top: 0 !important; } }

@media (max-width: 768px) {
  .heightshorter {
    height: 320px; } }

@media (max-width: 992px) {
  .facevaluemobile {
    margin-left: 0 !important;
    margin-right: 0 !important; } }