/* --------------------------------------------------

	prototype
	jesse
	
-------------------------------------------------- */
/* !css libraries */
@import url(normalize.css);
@import url(kits/stylesheet.css);
@import url(css/fontello.css);
/* !extensions */
/* line 36, ../../../../../../Library/Ruby/Gems/2.0.0/gems/toolkit-1.3.8/stylesheets/toolkit/_box-sizing.scss */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('/src/css/../behaviors/box-sizing/boxsizing.php'); }

/* line 4, ../../../../../../Library/Ruby/Gems/2.0.0/gems/toolkit-1.3.8/stylesheets/toolkit/_fluid-media.scss */
img, video {
  max-width: 100%;
  height: auto; }

/* line 56, ../../../../../../Library/Ruby/Gems/2.0.0/gems/toolkit-1.3.8/stylesheets/toolkit/_intrinsic-ratio.scss */
.panel, .strip .panel {
  position: relative;
  height: 0; }

/* line 60, ../../../../../../Library/Ruby/Gems/2.0.0/gems/toolkit-1.3.8/stylesheets/toolkit/_intrinsic-ratio.scss */
.panel > *, .strip .panel > * {
  display: block;
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  margin: 0;
  padding: 0; }

/* --------------------------------------------------

	GLOBAL
	
-------------------------------------------------- */
/* !imports */
/* !opinated defaults */
/* line 6, ../_scss/global/_defaults.scss */
html,
button,
input,
select,
textarea {
  color: #222; }

/* line 9, ../_scss/global/_defaults.scss */
body {
  font-size: 1em;
  line-height: 1.4; }

/* line 13, ../_scss/global/_defaults.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 18, ../_scss/global/_defaults.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none; }

/* line 22, ../_scss/global/_defaults.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/* line 33, ../_scss/global/_defaults.scss */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/* line 36, ../_scss/global/_defaults.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* line 41, ../_scss/global/_defaults.scss */
ul, ol, li {
  margin: 0;
  padding: 0; }

/* line 45, ../_scss/global/_defaults.scss */
textarea {
  resize: vertical; }

/* line 41, ../_scss/global/_grid.scss */
body {
  width: 100%;
  *zoom: 1; }
  /* line 27, ../_scss/global/_grid.scss */
  body:before, body:after {
    content: "";
    display: table; }
  /* line 31, ../_scss/global/_grid.scss */
  body:after {
    clear: both; }

/* --------------------------------------------------

	VARIABLES
	
-------------------------------------------------- */
/* !pump the baseline */
/* !colors */
/* !fx */
/* !grids, layout */
/* !johnny utah */
/* --------------------------------------------------

	FUNCTION PARTIALS
	
-------------------------------------------------- */
/* line 6, ../_scss/global/_functions.scss */
.wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  *zoom: 1; }
  /* line 27, ../_scss/global/_grid.scss */
  .wrapper:before, .wrapper:after {
    content: "";
    display: table; }
  /* line 31, ../_scss/global/_grid.scss */
  .wrapper:after {
    clear: both; }

/* line 13, ../_scss/global/_functions.scss */
.bg, .hero:after {
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; }

/* line 25, ../_scss/global/_functions.scss */
nav ul li a, footer ul li a {
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
  color: #090702;
  height: 60px;
  display: block;
  overflow: hidden; }

/* --------------------------------------------------

	MODULES
	** responsive type overrides GO LAST!
	
-------------------------------------------------- */
/* !typography */
/* line 61, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
* html {
  font-size: 112.5%; }

/* line 64, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 18px;
  line-height: 1.66667em; }

/* line 6, ../_scss/modules/_typography.scss */
body {
  font-family: "geared_slabthin", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  color: #3b3935;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

/* line 12, ../_scss/modules/_typography.scss */
h1, h2, h4, h5, h6 {
  font-family: "geared_slabbold", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  text-transform: uppercase; }

/* line 16, ../_scss/modules/_typography.scss */
h1 {
  font-family: "bemioregular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 3.22222em;
  line-height: 1.03448em;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.16667em;
  color: #bc2e34; }
  /* line 21, ../_scss/modules/_typography.scss */
  h1.alt {
    font-family: "geared_slabthin", "Helvetica Neue", "Helvetica", Arial, sans-serif; }

/* line 25, ../_scss/modules/_typography.scss */
h2 {
  font-size: 1.77778em;
  line-height: 1.17188em;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.83333em; }

/* line 29, ../_scss/modules/_typography.scss */
h3 {
  font-size: 1.44444em;
  line-height: 1.26923em;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.83333em; }

/* line 33, ../_scss/modules/_typography.scss */
h4 {
  font-size: 1.27778em;
  line-height: 1.69565em;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0em; }

/* line 37, ../_scss/modules/_typography.scss */
h5 {
  font-size: 1.11111em;
  line-height: 1.8em;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.41667em; }

/* line 41, ../_scss/modules/_typography.scss */
h6 {
  font-size: 1em;
  line-height: 1.83333em;
  margin-top: 0.41667em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.41667em; }

/* line 45, ../_scss/modules/_typography.scss */
blockquote {
  font-family: "bemioregular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 2.44444em;
  line-height: 1.09091em;
  margin: 0;
  margin-top: 2.5em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.41667em;
  padding: 0; }

/* line 53, ../_scss/modules/_typography.scss */
p {
  font-size: 1.05556em;
  line-height: 1.57895em;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 1.66667em; }

/* line 57, ../_scss/modules/_typography.scss */
a {
  color: #336699;
  text-decoration: none;
  -webkit-transition: all 260ms linear;
  -moz-transition: all 260ms linear;
  -o-transition: all 260ms linear;
  transition: all 260ms linear; }

/* line 62, ../_scss/modules/_typography.scss */
hr {
  border: none;
  border-bottom: 2px solid #3b3935; }

/* line 66, ../_scss/modules/_typography.scss */
table {
  width: 100%; }
  /* line 68, ../_scss/modules/_typography.scss */
  table td {
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0; }

/* -------------------------------------------------- */
/* !layout blocks */
/* -------------------------------------------------- */
/* line 6, ../_scss/modules/_layout.scss */
body {
  background: white;
  background-size: cover; }

/* line 10, ../_scss/modules/_layout.scss */
.wrapper {
  padding: 30px; }
  @media (min-width: 800px) {
    /* line 10, ../_scss/modules/_layout.scss */
    .wrapper {
      padding: 60px; } }

@media (min-width: 800px) {
  /* line 18, ../_scss/modules/_layout.scss */
  .row {
    padding-top: 60px;
    display: block;
    width: 103.125%;
    margin: 0 -1.5625%;
    *zoom: 1; }
    /* line 27, ../_scss/global/_grid.scss */
    .row:before, .row:after {
      content: "";
      display: table; }
    /* line 31, ../_scss/global/_grid.scss */
    .row:after {
      clear: both; }
    /* line 21, ../_scss/modules/_layout.scss */
    .row .col {
      display: inline;
      float: left;
      width: 46.875%;
      margin: 0 1.5625%; } }
@media (min-width: 0px) and (max-width: 599px) {
  /* line 27, ../_scss/modules/_layout.scss */
  .col {
    margin-top: 60px; } }
/* line 31, ../_scss/modules/_layout.scss */
.panel {
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  text-align: center;
  padding-top: 56.25%;
  width: 100%; }
  /* line 41, ../_scss/global/_functions.scss */
  .panel .container {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0; }
    /* line 49, ../_scss/global/_functions.scss */
    .panel .container:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    /* line 55, ../_scss/global/_functions.scss */
    .panel .container div:first-child {
      display: inline-block;
      vertical-align: middle;
      width: 80%; }
  /* line 33, ../_scss/modules/_layout.scss */
  .panel .bg {
    -webkit-transition: all 260ms linear;
    -moz-transition: all 260ms linear;
    -o-transition: all 260ms linear;
    transition: all 260ms linear; }

/* line 37, ../_scss/modules/_layout.scss */
.bg {
  overflow: hidden; }

/* line 41, ../_scss/modules/_layout.scss */
section {
  padding: 60px 0; }

@media (min-width: 800px) {
  /* line 44, ../_scss/modules/_layout.scss */
  header {
    text-align: center;
    padding: 0 60px 30px; } }

/* line 51, ../_scss/modules/_layout.scss */
.primary.blog {
  background: #32302d;
  color: white; }
  /* line 55, ../_scss/modules/_layout.scss */
  .primary.blog nav li {
    width: 25%;
    margin: 0;
    float: left; }
    /* line 59, ../_scss/modules/_layout.scss */
    .primary.blog nav li a {
      height: auto;
      line-height: 2em;
      border-left: 1px dotted rgba(255, 255, 255, 0.5); }
      /* line 63, ../_scss/modules/_layout.scss */
      .primary.blog nav li a span {
        display: block; }
    /* line 68, ../_scss/modules/_layout.scss */
    .primary.blog nav li:first-child a {
      border: none; }

/* line 76, ../_scss/modules/_layout.scss */
.hero {
  position: relative;
  display: table;
  text-align: center;
  width: 100%;
  overflow: hidden; }
  /* line 82, ../_scss/modules/_layout.scss */
  .hero .container {
    position: relative;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    height: 85vh;
    color: white; }
    @media (min-width: 800px) {
      /* line 82, ../_scss/modules/_layout.scss */
      .hero .container {
        height: 100vh; } }
  /* line 93, ../_scss/modules/_layout.scss */
  .hero h1 {
    font-size: 3.22222em;
    line-height: 0.82759em;
    margin-top: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-bottom: 0em;
    color: white;
    padding: 0 30px; }
  /* line 99, ../_scss/modules/_layout.scss */
  .hero h2 {
    margin-top: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
    margin-bottom: 0em; }
  @media (min-width: 800px) {
    /* line 103, ../_scss/modules/_layout.scss */
    .hero h1 {
      font-size: 5.22222em;
      line-height: 0.89362em;
      margin-top: 0em;
      padding-top: 0em;
      padding-bottom: 0em;
      margin-bottom: 0.08333em; }
    /* line 107, ../_scss/modules/_layout.scss */
    .hero h2 {
      font-size: 2em;
      line-height: 1.25em;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
    /* line 112, ../_scss/modules/_layout.scss */
    .hero h3 {
      font-size: 2em;
      line-height: 1.16667em;
      margin-top: 0em;
      padding-top: 0em;
      padding-bottom: 0em;
      margin-bottom: 0em; } }
  /* line 117, ../_scss/modules/_layout.scss */
  .hero:after {
    content: "";
    z-index: 0;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: 0.25; }

/* line 125, ../_scss/modules/_layout.scss */
.overview {
  position: relative;
  border-bottom: 2px solid #3b3935;
  padding-bottom: 90px;
  margin-bottom: 60px; }
  /* line 130, ../_scss/modules/_layout.scss */
  .overview:after {
    content: "\e808";
    position: absolute;
    bottom: -26.66667px;
    left: calc(50% - 30px);
    width: 40px;
    height: 40px;
    color: #3b3935;
    background: white;
    display: block;
    font-family: "fontello";
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }

/* line 147, ../_scss/modules/_layout.scss */
.strip {
  *zoom: 1; }
  /* line 27, ../_scss/global/_grid.scss */
  .strip:before, .strip:after {
    content: "";
    display: table; }
  /* line 31, ../_scss/global/_grid.scss */
  .strip:after {
    clear: both; }
  /* line 149, ../_scss/modules/_layout.scss */
  .strip .panel {
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
    padding-top: 50%;
    width: 50%;
    background: #090702;
    float: left; }
    /* line 41, ../_scss/global/_functions.scss */
    .strip .panel .container {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; }
      /* line 49, ../_scss/global/_functions.scss */
      .strip .panel .container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      /* line 55, ../_scss/global/_functions.scss */
      .strip .panel .container div:first-child {
        display: inline-block;
        vertical-align: middle;
        width: 80%; }
    @media (min-width: 800px) {
      /* line 149, ../_scss/modules/_layout.scss */
      .strip .panel {
        position: relative;
        background-position: 50% 50%;
        background-size: cover;
        text-align: center;
        padding-top: 25%;
        width: 25%; }
        /* line 41, ../_scss/global/_functions.scss */
        .strip .panel .container {
          position: absolute;
          z-index: 1;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0; }
          /* line 49, ../_scss/global/_functions.scss */
          .strip .panel .container:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle; }
          /* line 55, ../_scss/global/_functions.scss */
          .strip .panel .container div:first-child {
            display: inline-block;
            vertical-align: middle;
            width: 80%; } }
    /* line 157, ../_scss/modules/_layout.scss */
    .strip .panel .container > div {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -webkit-transition: all 260ms linear;
      -moz-transition: all 260ms linear;
      -o-transition: all 260ms linear;
      transition: all 260ms linear;
      color: white; }
    /* line 165, ../_scss/modules/_layout.scss */
    .strip .panel:hover .container > div {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1; }
    /* line 169, ../_scss/modules/_layout.scss */
    .strip .panel:hover .bg {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
      opacity: 0.25; }

/* line 175, ../_scss/modules/_layout.scss */
a.down {
  background: rgba(188, 46, 52, 0.85);
  border: 15px solid rgba(188, 46, 52, 0);
  position: relative;
  margin-top: 5%;
  width: 60px;
  height: 60px;
  display: inline-block;
  overflow: hidden;
  -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-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75; }
  /* line 187, ../_scss/modules/_layout.scss */
  a.down:after {
    position: absolute;
    left: -1px;
    content: "";
    width: 30px;
    height: 30px;
    border: 4px solid white;
    display: block;
    top: -10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  /* line 198, ../_scss/modules/_layout.scss */
  a.down:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    background: #bc2e34;
    -webkit-transform: translate3d(0, 8%, 0);
    -moz-transform: translate3d(0, 8%, 0);
    -ms-transform: translate3d(0, 8%, 0);
    -o-transform: translate3d(0, 8%, 0);
    transform: translate3d(0, 8%, 0); }

/* line 204, ../_scss/modules/_layout.scss */
footer {
  background: #060501 no-repeat 50% 50%;
  background-size: cover;
  padding-top: 60px;
  text-align: center; }
  /* line 208, ../_scss/modules/_layout.scss */
  footer * {
    color: white; }
  /* line 211, ../_scss/modules/_layout.scss */
  footer a {
    color: #bc2e34; }

@-moz-keyframes fadeIn {
  /* line 218, ../_scss/modules/_layout.scss */
  0% {
    -moz-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  /* line 223, ../_scss/modules/_layout.scss */
  100% {
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  /* line 218, ../_scss/modules/_layout.scss */
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  /* line 223, ../_scss/modules/_layout.scss */
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }

@-o-keyframes fadeIn {
  /* line 218, ../_scss/modules/_layout.scss */
  0% {
    -o-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  /* line 223, ../_scss/modules/_layout.scss */
  100% {
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }

@-ms-keyframes fadeIn {
  /* line 218, ../_scss/modules/_layout.scss */
  0% {
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  /* line 223, ../_scss/modules/_layout.scss */
  100% {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }

@keyframes fadeIn {
  /* line 218, ../_scss/modules/_layout.scss */
  0% {
    transform: translate3d(0, 50%, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0; }

  /* line 223, ../_scss/modules/_layout.scss */
  100% {
    transform: translate3d(0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; } }

/* -------------------------------------------------- */
/* !navigation */
/* -------------------------------------------------- */
/* !responsive menu */
/* line 10, ../_scss/modules/_navigation.scss */
*.touch .main {
  -webkit-transform: translate3d(0, 0, 0); }

/* line 15, ../_scss/modules/_navigation.scss */
nav ul, footer ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style-type: none;
  *zoom: 1; }
  /* line 27, ../_scss/global/_grid.scss */
  nav ul:before, nav ul:after, footer ul:before, footer ul:after {
    content: "";
    display: table; }
  /* line 31, ../_scss/global/_grid.scss */
  nav ul:after, footer ul:after {
    clear: both; }
  /* line 21, ../_scss/modules/_navigation.scss */
  nav ul li, footer ul li {
    position: relative;
    text-align: left;
    display: inline-block;
    margin: 0;
    padding: 0; }
    /* line 27, ../_scss/modules/_navigation.scss */
    nav ul li a, footer ul li a {
      padding: 5px 10px;
      line-height: 2.8em;
      color: white;
      text-align: center; }
      /* line 33, ../_scss/modules/_navigation.scss */
      nav ul li a [class*="icon"], footer ul li a [class*="icon"] {
        font-size: 2.5em;
        margin: 0;
        padding: 0; }
    /* line 40, ../_scss/modules/_navigation.scss */
    nav ul li:first-child, footer ul li:first-child {
      margin: 0; }

/* line 46, ../_scss/modules/_navigation.scss */
.logo {
  max-width: 220px;
  margin: 0 auto 2%; }

/* line 50, ../_scss/modules/_navigation.scss */
[role*="navigation"] {
  position: relative;
  z-index: 9999;
  width: 100%;
  display: none; }

@media (min-width: 800px) {
  /* line 57, ../_scss/modules/_navigation.scss */
  [role*="navigation"] {
    position: absolute;
    top: 0;
    height: auto;
    text-align: center;
    display: block;
    -webkit-transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1);
    -moz-transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1);
    -o-transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1);
    transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1); }
    /* line 64, ../_scss/modules/_navigation.scss */
    [role*="navigation"] ul {
      width: auto;
      margin: 60px auto 0;
      display: table;
      -webkit-transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1);
      -moz-transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1);
      -o-transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1);
      transition: all 260ms cubic-bezier(0.57, 0.13, 0.17, 1); }
      /* line 69, ../_scss/modules/_navigation.scss */
      [role*="navigation"] ul li {
        display: table-cell;
        vertical-align: middle;
        padding-left: 20px; }
    /* line 75, ../_scss/modules/_navigation.scss */
    [role*="navigation"].jk_slide {
      position: fixed;
      background: #090702;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
      opacity: 0.9; }
      /* line 77, ../_scss/modules/_navigation.scss */
      [role*="navigation"].jk_slide ul {
        margin: 0 auto; } }
/* line 1, ../_scss/modules/_ui.scss */
.button {
  background: #bc2e34;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

/* --------------------------------------------------

	VIDEO
	http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
	
-------------------------------------------------- */
/* line 7, ../_scss/modules/_misc.scss */
video {
  max-width: 100%;
  height: auto; }

/* line 12, ../_scss/modules/_misc.scss */
.flex-video {
  position: relative;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 60px;
  overflow: hidden; }

/* line 20, ../_scss/modules/_misc.scss */
.flex-video.widescreen {
  padding-bottom: 57.25%; }

/* line 21, ../_scss/modules/_misc.scss */
.flex-video.vimeo {
  padding-top: 0; }

/* line 24, ../_scss/modules/_misc.scss */
.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%; }

/* --------------------------------------------------

	PARALLAX
	
-------------------------------------------------- */
/*
html.no-touch{
	.para {
	position: static !important;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	//background-attachment: fixed !important;
	background-color: none;
	height: 100%;
	
	
	}
}
*/
/* --------------------------------------------------

	tweaks
	
-------------------------------------------------- */
/* line 56, ../_scss/modules/_misc.scss */
.disable-hover {
  pointer-events: none; }

/* line 59, ../_scss/modules/_misc.scss */
.iOS_tweaks {
  height: 100vh;
  overflow: scroll;
  -webkit-overflow-scrolling: auto; }

/* -------------------------------------------------- */
/* !type breakpoints */
/* -------------------------------------------------- */
@media (min-width: 0px) and (max-width: 599px) {
  /* line 7, ../_scss/modules/_responsive_type.scss */
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; }

  /* line 61, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
  * html {
    font-size: 81.25%; }

  /* line 64, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
  html {
    font-size: 13px;
    line-height: 1.61538em; } }
@media (min-width: 600px) {
  /* line 17, ../_scss/modules/_responsive_type.scss */
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; }

  /* line 61, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
  * html {
    font-size: 100%; }

  /* line 64, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
  html {
    font-size: 16px;
    line-height: 1.5em; } }
@media (min-width: 1280px) {
  /* line 27, ../_scss/modules/_responsive_type.scss */
  html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none; }

  /* line 61, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
  * html {
    font-size: 112.5%; }

  /* line 64, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.4/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
  html {
    font-size: 18px;
    line-height: 1.66667em; } }
/* -------------------------------------------------- */