/* line 5, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* Converts a fontsize as input to rem and em values, basefont-size is set to 12px */
/* Set $img as background-image & give the image dimensions to the element */
/* Create prefixed keyframes */
/* Create prefixed animation */
/* Font faces */
/* Break Points */
/* Global Styles */
/* line 3, ../../src/sass/modules/_general.scss */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

/* line 8, ../../src/sass/modules/_general.scss */
html {
  font-size: 12px; }
  @media screen and (max-width: 800px) {
    /* line 8, ../../src/sass/modules/_general.scss */
    html {
      font-size: 11px; } }
  @media screen and (max-width: 640px) {
    /* line 8, ../../src/sass/modules/_general.scss */
    html {
      font-size: 10px; } }

/* line 19, ../../src/sass/modules/_general.scss */
body {
  background: #ffffff;
  font-family: "Helvetica Neue", Helvetica, Arial;
  color: #000000;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  outline: none; }

/* Text styles */
/* line 29, ../../src/sass/modules/_general.scss */
a, a img, img {
  outline: none; }

/* line 30, ../../src/sass/modules/_general.scss */
p {
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 1.3em;
  line-height: 1.5em;
  margin-bottom: 20px; }

/* line 37, ../../src/sass/modules/_general.scss */
h1, h2, h3, h4 {
  font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial;
  text-transform: uppercase;
  font-weight: 800; }

/* line 42, ../../src/sass/modules/_general.scss */
h1 {
  font-size: 6.6em;
  line-height: 1em;
  margin-bottom: 10px; }
  @media screen and (max-width: 640px) {
    /* line 42, ../../src/sass/modules/_general.scss */
    h1 {
      font-size: 4.2em; } }

/* line 53, ../../src/sass/modules/_general.scss */
h2 {
  font-size: 4em;
  margin-bottom: 4.16667rem; }
  @media screen and (max-width: 640px) {
    /* line 53, ../../src/sass/modules/_general.scss */
    h2 {
      font-size: 3em; } }

/* line 62, ../../src/sass/modules/_general.scss */
h3 {
  font-size: 2em;
  line-height: 1.3em; }
  @media screen and (max-width: 640px) {
    /* line 62, ../../src/sass/modules/_general.scss */
    h3 {
      font-size: 1.6em;
      margin-bottom: 5px; } }

/* line 73, ../../src/sass/modules/_general.scss */
h4 {
  font-size: 1.6em;
  margin-bottom: 1.66667rem; }

/* line 78, ../../src/sass/modules/_general.scss */
h5 {
  font-size: 2.2em;
  font-weight: 100;
  text-transform: uppercase;
  margin-bottom: 0.41667rem;
  letter-spacing: 0.08333rem; }

/* line 86, ../../src/sass/modules/_general.scss */
button {
  padding: none;
  border: none;
  background: none; }

/* line 91, ../../src/sass/modules/_general.scss */
.bold {
  font-weight: bold; }

/* line 94, ../../src/sass/modules/_general.scss */
.italic {
  font-style: italic; }

/* line 97, ../../src/sass/modules/_general.scss */
.underline {
  text-decoration: underline; }

/* line 100, ../../src/sass/modules/_general.scss */
.text-center {
  text-align: center; }

/* line 103, ../../src/sass/modules/_general.scss */
.text-left {
  text-align: left; }

/* line 106, ../../src/sass/modules/_general.scss */
.text-right {
  text-align: right; }

/* line 110, ../../src/sass/modules/_general.scss */
button {
  width: 60px;
  height: 60px;
  padding: 0; }
  /* line 115, ../../src/sass/modules/_general.scss */
  button img {
    max-width: 100%;
    max-height: 100%; }
  @media screen and (min-width: 641px) {
    /* line 110, ../../src/sass/modules/_general.scss */
    button {
      width: 75px;
      height: 75px; }
      /* line 123, ../../src/sass/modules/_general.scss */
      button img {
        max-width: 100%;
        max-height: 100%; } }
  /* line 128, ../../src/sass/modules/_general.scss */
  button:hover {
    cursor: pointer; }

/* line 2, ../../src/sass/partials/_nav.scss */
.nav ul {
  list-style: none; }

/* line 5, ../../src/sass/partials/_main.scss */
.logo {
  position: absolute;
  z-index: 10;
  padding: 15px 25px;
  width: 255px; }
  /* line 11, ../../src/sass/partials/_main.scss */
  .logo img {
    max-width: 100%; }
  @media screen and (max-width: 640px) {
    /* line 5, ../../src/sass/partials/_main.scss */
    .logo {
      position: absolute;
      width: 200px;
      left: -webkit-calc(50% - 100px);
      left: calc(50% - 100px);
      top: 15px;
      padding: 0; } }

/* line 24, ../../src/sass/partials/_main.scss */
.wrapper {
  background: #202020;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

/* line 31, ../../src/sass/partials/_main.scss */
.image {
  color: #fff;
  text-align: center;
  position: relative; }

/* line 37, ../../src/sass/partials/_main.scss */
button, button:active, button:focus {
  opacity: 1; }

/* line 41, ../../src/sass/partials/_main.scss */
button:hover {
  -webkit-transition: opacity 300ms;
          transition: opacity 300ms;
  opacity: 0.6; }

/* line 46, ../../src/sass/partials/_main.scss */
.text-content {
  position: absolute;
  top: 14.16667rem;
  width: 90%;
  left: 5%; }
  @media screen and (min-width: 641px) {
    /* line 46, ../../src/sass/partials/_main.scss */
    .text-content {
      left: 15%;
      width: 70%;
      top: 35%; } }

/* line 59, ../../src/sass/partials/_main.scss */
.image:nth-child(odd) {
  background: #202020; }

@media screen and (max-width: 640px) {
  /* line 63, ../../src/sass/partials/_main.scss */
  #image-0 {
    background: url("../img/mobile_bodymarkers_background_1.jpg") no-repeat center center; } }
@media screen and (min-width: 641px) {
  /* line 63, ../../src/sass/partials/_main.scss */
  #image-0 {
    background: url("../img/bodymarkers_background_1.jpg") no-repeat center 0px;
    background-size: cover; } }

/* line 77, ../../src/sass/partials/_main.scss */
#image-1 {
  height: 45.83333rem; }
  /* line 80, ../../src/sass/partials/_main.scss */
  #image-1 h2 {
    color: #74c6d2; }
  @media screen and (min-width: 641px) {
    /* line 77, ../../src/sass/partials/_main.scss */
    #image-1 {
      height: 42.33333rem; } }
  /* line 88, ../../src/sass/partials/_main.scss */
  #image-1 .text-content {
    top: 6.66667rem; }
    @media screen and (min-width: 641px) {
      /* line 88, ../../src/sass/partials/_main.scss */
      #image-1 .text-content {
        top: 9.58333rem; }
        /* line 94, ../../src/sass/partials/_main.scss */
        #image-1 .text-content p {
          max-width: 66.66667rem;
          margin: 0 auto; } }
  /* line 101, ../../src/sass/partials/_main.scss */
  #image-1 button {
    margin-top: 1.66667rem; }
    @media screen and (min-width: 641px) {
      /* line 101, ../../src/sass/partials/_main.scss */
      #image-1 button {
        margin-top: 2.5rem; } }

/* line 110, ../../src/sass/partials/_main.scss */
#image-2 {
  background-size: cover; }
  @media screen and (max-width: 640px) {
    /* line 110, ../../src/sass/partials/_main.scss */
    #image-2 {
      background: url("../img/mobile_bodymarkers_background_2.jpg") no-repeat center center; } }
  @media screen and (min-width: 641px) {
    /* line 110, ../../src/sass/partials/_main.scss */
    #image-2 {
      background: url("../img/bodymarkers_background_2.jpg") no-repeat center center;
      background-size: cover; } }
  /* line 124, ../../src/sass/partials/_main.scss */
  #image-2 .text-content {
    width: 90%;
    left: 5%; }
    @media screen and (min-width: 641px) {
      /* line 124, ../../src/sass/partials/_main.scss */
      #image-2 .text-content {
        width: 70%;
        left: 15%; } }
    @media screen and (min-width: 925px) {
      /* line 124, ../../src/sass/partials/_main.scss */
      #image-2 .text-content {
        width: 90%;
        left: 5%; } }

/* line 145, ../../src/sass/partials/_main.scss */
#image-3 {
  height: 29.16667rem; }
  /* line 148, ../../src/sass/partials/_main.scss */
  #image-3 h2 {
    color: #ce9656; }
  /* line 152, ../../src/sass/partials/_main.scss */
  #image-3 .text-content {
    top: 7.5rem; }
    @media screen and (min-width: 641px) {
      /* line 152, ../../src/sass/partials/_main.scss */
      #image-3 .text-content {
        top: 9.58333rem; } }
  @media screen and (min-width: 641px) {
    /* line 145, ../../src/sass/partials/_main.scss */
    #image-3 {
      height: 30.83333rem; } }

/* line 165, ../../src/sass/partials/_main.scss */
#image-4 {
  background: url("../img/bodymarkers_background_3.jpg") no-repeat center center;
  background-size: cover; }
  @media screen and (max-width: 640px) {
    /* line 175, ../../src/sass/partials/_main.scss */
    #image-4 .text-content {
      width: 70%;
      left: 15%; } }
  /* line 181, ../../src/sass/partials/_main.scss */
  #image-4 button {
    position: absolute;
    bottom: 4.16667rem;
    left: -webkit-calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: url("../img/more-temp.png");
    background-size: contain;
    background-repeat: no-repeat; }
    @media screen and (min-width: 641px) {
      /* line 181, ../../src/sass/partials/_main.scss */
      #image-4 button {
        bottom: 2.91667rem;
        left: -webkit-calc(50% - 37px);
        left: calc(50% - 37px);
        width: 75px;
        height: 75px; } }

/* line 200, ../../src/sass/partials/_main.scss */
footer {
  height: 400px;
  color: #fff;
  padding: 40px; }
  /* line 206, ../../src/sass/partials/_main.scss */
  footer h4, footer p {
    max-width: 1000px;
    margin: 0 auto; }
  /* line 211, ../../src/sass/partials/_main.scss */
  footer h4 {
    margin-bottom: 1.66667rem; }
  @media screen and (min-width: 641px) {
    /* line 200, ../../src/sass/partials/_main.scss */
    footer {
      height: 37.5rem; } }
  /* line 219, ../../src/sass/partials/_main.scss */
  footer button {
    position: absolute;
    top: 25rem;
    left: -webkit-calc(50% - 30px);
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background: url("../img/more-temp.png");
    background-size: contain;
    background-repeat: no-repeat; }
    @media screen and (min-width: 641px) {
      /* line 219, ../../src/sass/partials/_main.scss */
      footer button {
        top: 18.33333rem;
        left: -webkit-calc(50% - 37px);
        left: calc(50% - 37px);
        width: 75px;
        height: 75px; } }
  /* line 237, ../../src/sass/partials/_main.scss */
  footer .footer-content {
    position: relative; }

/* line 242, ../../src/sass/partials/_main.scss */
#innerContainer {
  overflow: hidden; }

/* line 246, ../../src/sass/partials/_main.scss */
.arrow {
  position: absolute;
  top: 88%;
  width: -webkit-calc(35px * 0.7);
  width: calc(35px * 0.7);
  height: -webkit-calc(42px * 0.7);
  height: calc(42px * 0.7);
  left: -webkit-calc(50% - 12px);
  left: calc(50% - 12px); }
  @media screen and (min-width: 641px) {
    /* line 246, ../../src/sass/partials/_main.scss */
    .arrow {
      width: 35px;
      height: 42px;
      left: -webkit-calc(50% - 17px);
      left: calc(50% - 17px); } }

/* line 1, ../../src/sass/partials/_modal.scss */
html.modal-open {
  overflow: hidden;
  position: relative; }

/* line 7, ../../src/sass/partials/_modal.scss */
body.modal-open {
  overflow: hidden;
  position: relative; }
  /* line 12, ../../src/sass/partials/_modal.scss */
  body.modal-open.ios {
    height: 100%;
    position: fixed; }
  /* line 17, ../../src/sass/partials/_modal.scss */
  body.modal-open.hasScrollbar {
    padding-right: 15px; }

/* line 29, ../../src/sass/partials/_modal.scss */
.modal {
  width: 80%;
  left: 10%;
  margin: 100px auto 0px auto;
  padding-bottom: 8.33333rem;
  position: absolute;
  z-index: 99; }
  @media screen and (min-width: 641px) {
    /* line 29, ../../src/sass/partials/_modal.scss */
    .modal {
      width: 70%;
      left: 15%; } }
  @media screen and (min-width: 1100px) {
    /* line 29, ../../src/sass/partials/_modal.scss */
    .modal {
      width: 60%;
      left: 20%; } }
  @media screen and (min-width: 1400px) {
    /* line 29, ../../src/sass/partials/_modal.scss */
    .modal {
      width: 50%;
      left: 25%; } }
  /* line 54, ../../src/sass/partials/_modal.scss */
  .modal h3 {
    margin-bottom: 1.66667rem; }
  /* line 58, ../../src/sass/partials/_modal.scss */
  .modal .modalIllustration {
    width: 100%;
    margin-bottom: 2.5rem; }
    @media screen and (min-width: 641px) {
      /* line 58, ../../src/sass/partials/_modal.scss */
      .modal .modalIllustration {
        width: -webkit-calc(100% + 200px);
        width: calc(100% + 200px);
        margin-bottom: 4.16667rem;
        margin-left: -100px; } }
  /* line 69, ../../src/sass/partials/_modal.scss */
  .modal.open {
    -webkit-overflow-scrolling: touch; }

/* line 75, ../../src/sass/partials/_modal.scss */
.modal-1, .modal-2, .modal-3 {
  display: none; }
  /* line 79, ../../src/sass/partials/_modal.scss */
  .modal-1.open, .modal-2.open, .modal-3.open {
    display: block; }

/* line 87, ../../src/sass/partials/_modal.scss */
.modal-3 .modalIllustration {
  margin-bottom: 1.66667rem; }

/* line 92, ../../src/sass/partials/_modal.scss */
.modalOverlay {
  background: rgba(255, 255, 255, 0);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background 0.5s ease;
          transition: background 0.5s ease;
  overflow: scroll; }
  /* line 103, ../../src/sass/partials/_modal.scss */
  .modalOverlay.open {
    z-index: 99;
    background: white;
    background: rgba(255, 255, 255, 0.9); }

/* line 111, ../../src/sass/partials/_modal.scss */
.modalClose {
  visibility: hidden; }
  /* line 114, ../../src/sass/partials/_modal.scss */
  .modalClose.open {
    visibility: visible;
    z-index: 999;
    background: none;
    border: none;
    width: 63px;
    height: 63px;
    position: fixed;
    top: 15px;
    right: 50px; }
    @media screen and (max-width: 800px) {
      /* line 114, ../../src/sass/partials/_modal.scss */
      .modalClose.open {
        right: 20px;
        position: absolute; } }
    /* line 130, ../../src/sass/partials/_modal.scss */
    .modalClose.open img {
      max-width: 100%;
      max-height: 100%; }
    /* line 135, ../../src/sass/partials/_modal.scss */
    .modalClose.open:hover {
      cursor: pointer; }

@font-face {
  font-family: 'Font-Name';
  src: url("../fonts/font-name.eot");
  src: url("../fonts/font-name.eot?#iefix") format("embedded-opentype"), url("../fonts/font-name.woff") format("woff"), url("../fonts/font-name.ttf") format("truetype"), url("../fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Hide the element */
/* line 2, ../../src/sass/modules/_helpers.scss */
.hidden {
  display: none; }

/* Center a block element */
/* line 7, ../../src/sass/modules/_helpers.scss */
.center {
  margin: 0 auto; }

/* Clearfix */
/* line 12, ../../src/sass/modules/_helpers.scss */
.clear:before, .clear:after {
  content: ' ';
  display: table;
  visibility: hidden;
  height: 0; }

/* line 18, ../../src/sass/modules/_helpers.scss */
.clear {
  *zoom: 1; }
  /* line 23, ../../src/sass/modules/_helpers.scss */
  .clear:after {
    clear: both; }

/* No padding / margin */
/* line 30, ../../src/sass/modules/_helpers.scss */
.nopadding {
  padding: 0 !important; }

/* line 33, ../../src/sass/modules/_helpers.scss */
.nomargin {
  margin: 0 !important; }

/* For CSS 3D Transforms */
/* line 38, ../../src/sass/modules/_helpers.scss */
.no-backface {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

@media print {
  /* line 2, ../../src/sass/modules/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important; }

  /* line 8, ../../src/sass/modules/_print.scss */
  a,
  a:visited {
    text-decoration: underline; }

  /* line 12, ../../src/sass/modules/_print.scss */
  a[href]:after {
    content: " (" attr(href) ")"; }

  /* line 15, ../../src/sass/modules/_print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /* line 18, ../../src/sass/modules/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  /* line 23, ../../src/sass/modules/_print.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /* line 28, ../../src/sass/modules/_print.scss */
  thead {
    display: table-header-group; }

  /* line 31, ../../src/sass/modules/_print.scss */
  tr,
  img {
    page-break-inside: avoid; }

  /* line 35, ../../src/sass/modules/_print.scss */
  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  /* line 41, ../../src/sass/modules/_print.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  /* line 47, ../../src/sass/modules/_print.scss */
  h2,
  h3 {
    page-break-after: avoid; } }