/* line 17, ../../../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/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/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

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

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

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

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

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

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

/* 	Base styles, yeah?
/* ======================================= */
/* line 8, ../../scss/partials/_base.scss */
*, :after, :before, ::after, ::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 12, ../../scss/partials/_base.scss */
p, h1, h2, h3 {
  margin-bottom: 1em;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
  font-weight: 300;
  letter-spacing: 2px;
  font-size: 1em; }
  /* line 19, ../../scss/partials/_base.scss */
  p.uppercase, h1.uppercase, h2.uppercase, h3.uppercase {
    text-transform: uppercase; }
  /* line 23, ../../scss/partials/_base.scss */
  p.third, h1.third, h2.third, h3.third {
    color: #c6168d;
    font-size: 0.6em; }

/* line 29, ../../scss/partials/_base.scss */
span.vertical {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

/* line 39, ../../scss/partials/_base.scss */
span.logo-block {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0 auto;
  width: 270px;
  height: 183px;
  background: #c6168d;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out; }
  /* line 50, ../../scss/partials/_base.scss */
  span.logo-block:hover {
    background: #d1d3d4; }
    /* line 54, ../../scss/partials/_base.scss */
    span.logo-block:hover img.logo-block-cta {
      visibility: hidden; }
    /* line 58, ../../scss/partials/_base.scss */
    span.logo-block:hover img.logo-block-cta-hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
  /* line 64, ../../scss/partials/_base.scss */
  span.logo-block img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
    /* line 71, ../../scss/partials/_base.scss */
    span.logo-block img.logo-block-cta-hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }

/* line 81, ../../scss/partials/_base.scss */
body {
  background: #f4f3e9;
  color: black;
  font-family: Georgia, serif;
  font-size: 10px;
  height: 100%;
  min-height: 650%;
  width: 100%; }
  /* line 90, ../../scss/partials/_base.scss */
  body.restrict {
    overflow-y: hidden; }

/* line 96, ../../scss/partials/_base.scss */
aside.block {
  background: #c6168d;
  width: 270px;
  height: 55px;
  left: 0;
  right: 0;
  position: fixed;
  bottom: -5px;
  margin: auto;
  z-index: 10;
  color: white;
  padding: 1.5em;
  cursor: pointer;
  -webkit-transition: bottom 0.1s ease-out;
  -moz-transition: bottom 0.1s ease-out;
  -o-transition: bottom 0.1s ease-out;
  transition: bottom 0.1s ease-out; }
  /* line 111, ../../scss/partials/_base.scss */
  aside.block:hover {
    bottom: 0px; }
    /* line 115, ../../scss/partials/_base.scss */
    aside.block:hover p:before {
      top: 2px; }
    /* line 119, ../../scss/partials/_base.scss */
    aside.block:hover p:after {
      top: 20px; }
  /* line 125, ../../scss/partials/_base.scss */
  aside.block p {
    font-size: 2em;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    overflow: hidden; }
    /* line 133, ../../scss/partials/_base.scss */
    aside.block p:before, aside.block p:after {
      -webkit-transition: top 0.1s ease-out;
      -moz-transition: top 0.1s ease-out;
      -o-transition: top 0.1s ease-out;
      transition: top 0.1s ease-out;
      font-family: 'chevron';
      position: relative;
      speak: none;
      font-style: normal;
      font-weight: bold;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      top: 2px;
      margin-left: 8px;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e601"; }
    /* line 152, ../../scss/partials/_base.scss */
    aside.block p:before {
      position: absolute;
      margin-left: 87px;
      top: -20px; }

/* line 161, ../../scss/partials/_base.scss */
article.main {
  position: absolute;
  min-height: 300%;
  top: 150%;
  height: auto; }

/* line 169, ../../scss/partials/_base.scss */
section.image {
  position: fixed;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 40px;
  padding-bottom: 90px;
  text-align: center; }
  /* line 178, ../../scss/partials/_base.scss */
  section.image img {
    max-height: 100%;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative; }
  /* line 186, ../../scss/partials/_base.scss */
  section.image .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 40px 40px 90px 40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: background-size 0.3s ease-out;
    -moz-transition: background-size 0.3s ease-out;
    -o-transition: background-size 0.3s ease-out;
    transition: background-size 0.3s ease-out;
    background-position: center;
    background-repeat: no-repeat; }
/* line 203, ../../scss/partials/_base.scss */
section.story {
  background: #f4f3e9;
  position: relative;
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 12% 16% 6% 16%;
  top: 200%; }
  /* line 212, ../../scss/partials/_base.scss */
  section.story p {
    line-height: 1.25em;
    font-size: 2.9em; }
    /* line 216, ../../scss/partials/_base.scss */
    section.story p.hashtag {
      margin-bottom: 0;
      float: left;
      width: 50%; }
  /* line 224, ../../scss/partials/_base.scss */
  section.story span.social {
    float: right;
    margin-top: 0;
    display: block; }
    /* line 229, ../../scss/partials/_base.scss */
    section.story span.social p {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      font-size: 2em;
      margin-bottom: 0;
      line-height: 1; }
    /* line 236, ../../scss/partials/_base.scss */
    section.story span.social a.icon {
      font-size: .6em;
      text-transform: uppercase;
      position: relative;
      color: #f4f3e9;
      background: transparent;
      padding: .7em 1em .7em 3em;
      cursor: pointer;
      width: 33px;
      height: 33px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin-left: 10px; }
      /* line 267, ../../scss/partials/_base.scss */
      section.story span.social a.icon.twitter {
        color: #55acee;
        background: url('../img/twitter_share.png');
        background-repeat: no-repeat; }
      /* line 288, ../../scss/partials/_base.scss */
      section.story span.social a.icon.facebook {
        color: #3b5998;
        background: url('../img/facebook_share.png');
        background-repeat: no-repeat; }
  /* line 310, ../../scss/partials/_base.scss */
  section.story h1 {
    font-size: 3em;
    margin-bottom: 8em; }
/* line 316, ../../scss/partials/_base.scss */
section.strapline {
  position: relative;
  background: #f4f3e9;
  width: 100%;
  height: 100%;
  padding: 10% 20% 10% 20%;
  text-align: center;
  font-size: 4em; }
/* line 327, ../../scss/partials/_base.scss */
section.others {
  position: relative;
  background: #f4f3e9;
  width: 100%;
  padding: 6% 13% 12% 13%;
  text-align: center; }
/* line 337, ../../scss/partials/_base.scss */
section.logo {
  position: fixed;
  display: table;
  overflow: hidden;
  background: #f4f3e9;
  width: 100%;
  height: 263px;
  padding: 0;
  bottom: -263px;
  text-align: center;
  z-index: 1; }
  /* line 349, ../../scss/partials/_base.scss */
  section.logo .lt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -103px;
    margin: auto;
    width: 270px;
    height: 103px; }
    /* line 358, ../../scss/partials/_base.scss */
    section.logo .lt p {
      font-size: 1.5em;
      margin-bottom: 0; }

/* line 367, ../../scss/partials/_base.scss */
ul.pros {
  text-align: center;
  margin-right: -49px; }
  /* line 371, ../../scss/partials/_base.scss */
  ul.pros li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    cursor: pointer;
    width: 270px;
    margin-right: 49px;
    margin-bottom: 10px; }
    /* line 378, ../../scss/partials/_base.scss */
    ul.pros li img {
      width: 270px;
      height: 183px; }
    /* line 383, ../../scss/partials/_base.scss */
    ul.pros li p {
      max-width: 270px;
      height: 29px;
      font-size: 13px;
      margin-top: 11px;
      text-transform: uppercase; }

/* line 393, ../../scss/partials/_base.scss */
body.home {
  min-height: inherit; }

/* line 399, ../../scss/partials/_base.scss */
body.home article.main {
  top: 0;
  position: relative; }
/* line 404, ../../scss/partials/_base.scss */
body.home section.logo {
  position: relative;
  bottom: 0;
  height: auto;
  width: 270px;
  margin: 0 auto;
  display: block; }
  /* line 412, ../../scss/partials/_base.scss */
  body.home section.logo .vertical {
    display: block; }
  /* line 416, ../../scss/partials/_base.scss */
  body.home section.logo .lt {
    position: relative;
    bottom: 0;
    margin: 40px auto;
    display: block; }
/* line 425, ../../scss/partials/_base.scss */
body.home section.strapline {
  padding-bottom: 0; }

/* line 432, ../../scss/partials/_base.scss */
html.lt-ie9, html.is-tablet {
  /* 	Mobile styles, yeah?
  /* ======================================= */ }
  /* line 6, ../../scss/partials/_mobile.scss */
  html.lt-ie9 :root, html.lt-ie9 body, html.is-tablet :root, html.is-tablet body {
    width: 100%;
    overflow-x: hidden;
    min-height: inherit; }
  /* line 13, ../../scss/partials/_mobile.scss */
  html.lt-ie9 aside.block, html.is-tablet aside.block {
    position: relative;
    margin-top: -55px; }
  /* line 20, ../../scss/partials/_mobile.scss */
  html.lt-ie9 section.image, html.is-tablet section.image {
    position: relative; }
    /* line 22, ../../scss/partials/_mobile.scss */
    html.lt-ie9 section.image .photo, html.is-tablet section.image .photo {
      position: relative;
      margin: auto; }
  /* line 38, ../../scss/partials/_mobile.scss */
  html.lt-ie9 section div.mask, html.is-tablet section div.mask {
    display: none; }
  /* line 43, ../../scss/partials/_mobile.scss */
  html.lt-ie9 section.story, html.lt-ie9 section.others, html.is-tablet section.story, html.is-tablet section.others {
    padding: 12% 8% 6% 8%; }
    /* line 46, ../../scss/partials/_mobile.scss */
    html.lt-ie9 section.story p, html.lt-ie9 section.others p, html.is-tablet section.story p, html.is-tablet section.others p {
      font-size: 1.8em; }
      /* line 49, ../../scss/partials/_mobile.scss */
      html.lt-ie9 section.story p span, html.lt-ie9 section.others p span, html.is-tablet section.story p span, html.is-tablet section.others p span {
        display: block; }
        /* line 52, ../../scss/partials/_mobile.scss */
        html.lt-ie9 section.story p span.social, html.lt-ie9 section.others p span.social, html.is-tablet section.story p span.social, html.is-tablet section.others p span.social {
          float: none;
          max-width: 100%; }
        /* line 58, ../../scss/partials/_mobile.scss */
        html.lt-ie9 section.story p span span.icon, html.lt-ie9 section.others p span span.icon, html.is-tablet section.story p span span.icon, html.is-tablet section.others p span span.icon {
          margin-top: 20px; }
  /* line 65, ../../scss/partials/_mobile.scss */
  html.lt-ie9 section.others, html.is-tablet section.others {
    padding: 6% 4% 6% 4%; }
    /* line 67, ../../scss/partials/_mobile.scss */
    html.lt-ie9 section.others ul.pros, html.is-tablet section.others ul.pros {
      width: 100%; }
      /* line 69, ../../scss/partials/_mobile.scss */
      html.lt-ie9 section.others ul.pros li, html.is-tablet section.others ul.pros li {
        position: relative;
        width: 100%;
        display: block;
        margin: auto; }
  /* line 78, ../../scss/partials/_mobile.scss */
  html.lt-ie9 section.logo, html.is-tablet section.logo {
    position: relative;
    bottom: 0;
    height: auto;
    width: 270px;
    margin: 0 auto;
    display: block; }
    /* line 86, ../../scss/partials/_mobile.scss */
    html.lt-ie9 section.logo .vertical, html.is-tablet section.logo .vertical {
      display: block; }
    /* line 90, ../../scss/partials/_mobile.scss */
    html.lt-ie9 section.logo .lt, html.is-tablet section.logo .lt {
      position: relative;
      bottom: 0;
      margin: 40px auto;
      display: block; }
  /* line 112, ../../scss/partials/_mobile.scss */
  html.lt-ie9 article.main, html.is-tablet article.main {
    top: 0;
    position: relative;
    min-height: inherit; }

/* line 439, ../../scss/partials/_base.scss */
html.lt-ie9 html, html.lt-ie9 body {
  margin: auto;
  overflow-x: hidden; }
/* line 445, ../../scss/partials/_base.scss */
html.lt-ie9 section {
  width: 100%; }
  /* line 448, ../../scss/partials/_base.scss */
  html.lt-ie9 section.image {
    box-sizing: border-box; }
    /* line 450, ../../scss/partials/_base.scss */
    html.lt-ie9 section.image img {
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      position: absolute !important;
      margin: auto;
      max-height: 80%; }
  /* line 462, ../../scss/partials/_base.scss */
  html.lt-ie9 section.story {
    box-sizing: border-box;
    padding: 12% 16% 6% 16%; }
  /* line 472, ../../scss/partials/_base.scss */
  html.lt-ie9 section.strapline {
    padding: 0;
    padding-top: 10%; }
  /* line 476, ../../scss/partials/_base.scss */
  html.lt-ie9 section.others {
    box-sizing: border-box; }
    /* line 478, ../../scss/partials/_base.scss */
    html.lt-ie9 section.others ul.pros {
      position: relative;
      margin-right: 0;
      right: -24px; }
    /* line 484, ../../scss/partials/_base.scss */
    html.lt-ie9 section.others ul.pros li {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin-right: 49px;
      width: 270px; }
  /* line 491, ../../scss/partials/_base.scss */
  html.lt-ie9 section.logo {
    box-sizing: border-box;
    margin-top: 60px;
    width: 100%; }
/* line 498, ../../scss/partials/_base.scss */
html.lt-ie9 aside.block {
  height: 20px;
  position: absolute;
  margin: 10px auto;
  background: #c6168d;
  width: 270px; }
  /* line 505, ../../scss/partials/_base.scss */
  html.lt-ie9 aside.block:hover {
    bottom: -5px; }
    /* line 508, ../../scss/partials/_base.scss */
    html.lt-ie9 aside.block:hover p:before {
      display: none; }
    /* line 512, ../../scss/partials/_base.scss */
    html.lt-ie9 aside.block:hover p:after {
      display: none; }
  /* line 519, ../../scss/partials/_base.scss */
  html.lt-ie9 aside.block p:after {
    display: none; }

/* line 530, ../../scss/partials/_base.scss */
html.is-tablet article.main {
  top: 100%; }
/* line 534, ../../scss/partials/_base.scss */
html.is-tablet section.image {
  position: static;
  top: 0;
  width: 100%;
  height: 100%; }
/* line 541, ../../scss/partials/_base.scss */
html.is-tablet section.image img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  max-height: 100%; }
/* line 548, ../../scss/partials/_base.scss */
html.is-tablet section.others ul.pros li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 33px;
  width: 270px; }
  /* line 553, ../../scss/partials/_base.scss */
  html.is-tablet section.others ul.pros li p {
    max-width: inherit; }

/* 	Fonts and that, yeah?
/* ======================================= */
@font-face {
  font-family: "chevron";
  src: url('../fonts/chevron.eot');
  src: url('../fonts/chevron.eot#iefix') format('eot'), url('../fonts/chevron.woff') format('woff'), url('../fonts/chevron.ttf') format('truetype'); }

/* 	Global styles, yeah?
/* ======================================= */
@media screen and (max-width: 639px) {
  /* 	Mobile styles, yeah?
  /* ======================================= */
  /* line 6, ../../scss/partials/_mobile.scss */
  :root, body {
    width: 100%;
    overflow-x: hidden;
    min-height: inherit; }

  /* line 13, ../../scss/partials/_mobile.scss */
  aside.block {
    position: relative;
    margin-top: -55px; }

  /* line 20, ../../scss/partials/_mobile.scss */
  section.image {
    position: relative; }
    /* line 22, ../../scss/partials/_mobile.scss */
    section.image .photo {
      position: relative;
      margin: auto; }
  /* line 38, ../../scss/partials/_mobile.scss */
  section div.mask {
    display: none; }
  /* line 43, ../../scss/partials/_mobile.scss */
  section.story, section.others {
    padding: 12% 8% 6% 8%; }
    /* line 46, ../../scss/partials/_mobile.scss */
    section.story p, section.others p {
      font-size: 1.8em; }
      /* line 49, ../../scss/partials/_mobile.scss */
      section.story p span, section.others p span {
        display: block; }
        /* line 52, ../../scss/partials/_mobile.scss */
        section.story p span.social, section.others p span.social {
          float: none;
          max-width: 100%; }
        /* line 58, ../../scss/partials/_mobile.scss */
        section.story p span span.icon, section.others p span span.icon {
          margin-top: 20px; }
  /* line 65, ../../scss/partials/_mobile.scss */
  section.others {
    padding: 6% 4% 6% 4%; }
    /* line 67, ../../scss/partials/_mobile.scss */
    section.others ul.pros {
      width: 100%; }
      /* line 69, ../../scss/partials/_mobile.scss */
      section.others ul.pros li {
        position: relative;
        width: 100%;
        display: block;
        margin: auto; }
  /* line 78, ../../scss/partials/_mobile.scss */
  section.logo {
    position: relative;
    bottom: 0;
    height: auto;
    width: 270px;
    margin: 0 auto;
    display: block; }
    /* line 86, ../../scss/partials/_mobile.scss */
    section.logo .vertical {
      display: block; }
    /* line 90, ../../scss/partials/_mobile.scss */
    section.logo .lt {
      position: relative;
      bottom: 0;
      margin: 40px auto;
      display: block; }

  /* line 112, ../../scss/partials/_mobile.scss */
  article.main {
    top: 0;
    position: relative;
    min-height: inherit; } }
@media screen and (min-width: 960px) {
  /* 	Desktop styles, yeah?
  /* ======================================= */ }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 	Hi-def styles, yeah?
  /* ======================================= */ }
/* ========================
     _                                        
 ___| |__   __ _ _ __ ___   ___   ___ ___ ___ 
/ __| '_ \ / _` | '_ ` _ \ / _ \ / __/ __/ __|
\__ \ | | | (_| | | | | | |  __/| (__\__ \__ \
|___/_| |_|\__,_|_| |_| |_|\___(_)___|___/___/
                                              
/* ======================== */
/* 	Shameful styles, yeah?
/* ======================================= */