/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/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, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

/* line 24, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../Applications/CodeKit 2.app/Contents/Resources/engines/compass/compass-core/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/*  ===============================
				COLORS
	===============================*/
/* Base Colors - These colors are used throughout the system as needed */
/* Primary body text color */
/* Link over solid/primary color */
/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
/* line 6, ../sass/modules/_ie.scss */
.event-date {
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }

/**
 * CSS Modal
 * Modal as reusable module
 * http://drublic.github.com/css-modal
 *
 * @author Hans Christian Reinl - @drublic
 * @version 1.0.4
 *
 * Usage:
 *    selector {
 *        @extend %modal;
 *    }
 */
/*
 * Configuration
 */
/* line 26, ../sass/modules/_modal.scss */
html {
  overflow-y: scroll; }

/* line 30, ../sass/modules/_modal.scss */
.has-overlay {
  overflow: hidden; }
  /* line 33, ../sass/modules/_modal.scss */
  .has-overlay > body {
    height: 100%;
    overflow-y: scroll; }

/* line 39, ../sass/modules/_modal.scss */
.semantic-content {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  color: #222;
  line-height: 1.3;
  display: none\9; }
  /* line 63, ../sass/modules/_modal.scss */
  .semantic-content:target {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1; }
  /* line 77, ../sass/modules/_modal.scss */
  .is-active.semantic-content {
    display: block\9; }
  /* line 82, ../sass/modules/_modal.scss */
  .semantic-content:target {
    display: block\9; }
  /* line 88, ../sass/modules/_modal.scss */
  .semantic-content .modal-inner {
    position: absolute;
    top: 50px;
    left: 50%;
    z-index: 20;
    margin-left: -120px;
    width: 240px;
    overflow-x: hidden;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); }
    /* line 103, ../sass/modules/_modal.scss */
    .semantic-content .modal-inner > img,
    .semantic-content .modal-inner > video,
    .semantic-content .modal-inner > iframe {
      width: 100%;
      height: auto;
      min-height: 300px; }
    /* line 111, ../sass/modules/_modal.scss */
    .semantic-content .modal-inner > img {
      width: auto;
      max-width: 100%; }
  /* line 118, ../sass/modules/_modal.scss */
  .semantic-content header {
    border-bottom: 1px solid #dddddd;
    padding: 0 1.2em; }
    /* line 122, ../sass/modules/_modal.scss */
    .semantic-content header > h2 {
      margin: 0.5em 0; }
  /* line 129, ../sass/modules/_modal.scss */
  .semantic-content .modal-content {
    max-height: 400px;
    max-height: 70vh;
    border-bottom: 1px solid #dddddd;
    padding: 15px 1.2em;
    overflow-x: hidden;
    overflow-y: auto; }
    /* line 137, ../sass/modules/_modal.scss */
    .semantic-content .modal-content > * {
      max-width: 100%; }
  /* line 144, ../sass/modules/_modal.scss */
  .semantic-content footer {
    border-top: 1px solid white;
    padding: 0 1.2em 18px;
    background: #f0f0f0;
    border-radius: 2px; }
  /* line 153, ../sass/modules/_modal.scss */
  .semantic-content .modal-close {
    display: block;
    text-indent: -100px;
    overflow: hidden; }
    /* line 159, ../sass/modules/_modal.scss */
    .semantic-content .modal-close:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 10;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg=="); }
    /* line 173, ../sass/modules/_modal.scss */
    .semantic-content .modal-close:after {
      content: '\00d7';
      position: absolute;
      top: 25px;
      left: 50%;
      z-index: 20;
      margin-left: 80px;
      background: #fff;
      border-radius: 2px;
      padding: 2px 8px;
      font-size: 1.2em;
      text-decoration: none;
      text-indent: 0; }
  @media screen and (max-width: 280px) {
    /* line 195, ../sass/modules/_modal.scss */
    .semantic-content .modal-inner {
      width: auto;
      left: 20px;
      right: 20px;
      margin-left: 0; }
    /* line 202, ../sass/modules/_modal.scss */
    .semantic-content .modal-close {
      left: auto;
      right: 33px;
      margin-left: 0; }
      /* line 207, ../sass/modules/_modal.scss */
      .semantic-content .modal-close:after {
        margin-left: 40%; } }
  @media screen and (max-width: 30em) {
    /* line 39, ../sass/modules/_modal.scss */
    .semantic-content {
      -webkit-transform: translate(0, 400px);
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
      -moz-transition: -moz-transform .25s ease-in-out, opacity 1ms .25s;
      -o-transition: -o-transform .25s ease-in-out, opacity 1ms .25s;
      -ms-transition: -ms-transform .25s ease-in-out, opacity 1ms .25s;
      transition: transform .25s ease-in-out, opacity 1ms .25s;
      display: block;
      height: 100%;
      bottom: auto; }
      /* line 229, ../sass/modules/_modal.scss */
      .semantic-content:target {
        -webkit-transition: -webkit-transform .25s ease-in-out;
        -moz-transition: -moz-transform .25s ease-in-out;
        -o-transition: -o-transform .25s ease-in-out;
        -ms-transition: -ms-transform .25s ease-in-out;
        transition: transform .25s ease-in-out; }
      /* line 237, ../sass/modules/_modal.scss */
      .semantic-content:before {
        background-color: #27aae2;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#27aae2), to(#1c9cd3));
        background-image: -webkit-linear-gradient(top, #27aae2, #1c9cd3);
        background-image: -moz-linear-gradient(top, #27aae2, #1c9cd3);
        background-image: -o-linear-gradient(top, #27aae2, #1c9cd3);
        background-image: linear-gradient(to bottom, #27aae2, #1c9cd3);
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 30;
        height: 3em;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.6); }
      /* line 256, ../sass/modules/_modal.scss */
      .semantic-content .modal-inner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        top: 0;
        /* 			left: 0; */
        right: 0;
        padding-top: 3em;
        height: 100%;
        overflow: scroll;
        -webkit-box-shadow: none;
        box-shadow: none; }
      /* line 271, ../sass/modules/_modal.scss */
      .semantic-content .modal-content {
        max-height: none; }
      /* line 275, ../sass/modules/_modal.scss */
      .semantic-content .modal-close {
        right: auto;
        text-decoration: none; }
        /* line 279, ../sass/modules/_modal.scss */
        .semantic-content .modal-close:before {
          display: block; }
        /* line 283, ../sass/modules/_modal.scss */
        .semantic-content .modal-close:after {
          content: attr(data-close);
          top: 0.4em;
          left: 1em;
          z-index: 40;
          margin-left: 0;
          font-size: 1em;
          padding: 0.5em 1em; } }
  @media screen and (max-height: 46em) and (min-width: 30em) {
    /* line 297, ../sass/modules/_modal.scss */
    .semantic-content .modal-content {
      max-height: 340px;
      max-height: 50vh; } }
  @media screen and (max-height: 36em) and (min-width: 30em) {
    /* line 304, ../sass/modules/_modal.scss */
    .semantic-content .modal-content {
      max-height: 265px;
      max-height: 40vh; } }

@media screen and (min-width: 30em) {
  /* line 313, ../sass/modules/_modal.scss */
  .semantic-content {
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s; } }

/*  ===============================
				FONTS
	===============================*/
@font-face {
  font-family: 'Prox';
  src: url("../fonts/ProximaNova-Regular.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProxB';
  src: url("../fonts/ProximaNova-Bold.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ProxL';
  src: url("../fonts/ProximaNova-Light.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?jau9zg");
  src: url("../fonts/icomoon.eot?#iefixjau9zg") format("embedded-opentype"), url("../fonts/icomoon.woff?jau9zg") format("woff"), url("../fonts/icomoon.ttf?jau9zg") format("truetype"), url("../fonts/icomoon.svg?jau9zg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 41, ../sass/modules/_typography.scss */
em {
  font-style: italic; }

/* line 43, ../sass/modules/_typography.scss */
strong {
  font-weight: 700; }

/* line 45, ../sass/modules/_typography.scss */
p {
  margin-bottom: 25px;
  font-size: 20px;
  line-height: 34px; }

/* line 51, ../sass/modules/_typography.scss */
h1, h2, h3, h4, h5 {
  font-weight: normal; }

/* line 53, ../sass/modules/_typography.scss */
h1 {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 15px;
  font-family: "Prox", "Helvetica", sans-serif;
  font-size: 42px; }

/* line 63, ../sass/modules/_typography.scss */
h2 {
  font-size: 20px;
  margin-bottom: 5px;
  font-family: "ProxB", "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: center; }

/* line 72, ../sass/modules/_typography.scss */
h3 {
  font-size: 32px;
  font-family: "Prox", "Helvetica", sans-serif;
  color: #f7931d;
  margin-bottom: 25px;
  line-height: 42px; }

/* line 82, ../sass/modules/_typography.scss */
h4 {
  text-transform: uppercase;
  margin: 18px 0;
  font-size: 36px;
  font-family: "Prox", "Helvetica", sans-serif; }

/* line 91, ../sass/modules/_typography.scss */
h5 {
  text-transform: uppercase;
  color: #e9662c;
  margin: 48px 0 10px;
  font-size: 28px;
  font-family: "Prox", "Helvetica", sans-serif; }

/* line 101, ../sass/modules/_typography.scss */
h6 {
  font-family: "Prox", "Helvetica", sans-serif;
  font-size: 22px;
  text-transform: uppercase;
  margin: 40px 0 8px; }

/* line 110, ../sass/modules/_typography.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 124, ../sass/modules/_typography.scss */
.icon-jsa-logo:before {
  content: "\e606";
  position: relative;
  top: 8px; }

/* line 129, ../sass/modules/_typography.scss */
.icon-arrow-right:before {
  content: "\e600"; }

/* line 132, ../sass/modules/_typography.scss */
.icon-facebook:before {
  content: "\e601"; }

/* line 135, ../sass/modules/_typography.scss */
.icon-instagram:before {
  content: "\e602"; }

/* line 138, ../sass/modules/_typography.scss */
.icon-twitter:before {
  content: "\e603"; }

/* line 141, ../sass/modules/_typography.scss */
.icon-apple:before {
  content: "\e604"; }

/* line 144, ../sass/modules/_typography.scss */
.icon-android:before {
  content: "\e605"; }

/*
@mixin prod-logo($x: 0, $y: 0, $z: url ) {
 	background-image: $z;
	background-position:$x $y;
	background-repeat: no-repeat;
 }
*/
/* line 1, ../sass/partials/_global.scss */
* {
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 7, ../sass/partials/_global.scss */
html, body {
  height: 100%;
  color: #58585b;
  font-family: "Prox", "Helvetica", sans-serif;
  font-size: 21px;
  text-align: center;
  background: #e9662c; }

/* line 16, ../sass/partials/_global.scss */
.global-wrap {
  width: 100%;
  /* 	max-width: 1440px; */
  min-height: 100%;
  margin: 0 auto -88px;
  padding-top: 15%; }

/* line 25, ../sass/partials/_global.scss */
a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  transition: color 0.3s; }

/*  ===============================
				HEADER
	===============================*/
/* line 31, ../sass/partials/_global.scss */
.logo {
  display: block;
  max-width: 765px;
  margin: 0 auto; }
  /* line 35, ../sass/partials/_global.scss */
  .logo img {
    width: 100%;
    height: auto; }

/*  ===============================
				CONTENT
	===============================*/
/* line 42, ../sass/partials/_global.scss */
.download {
  text-transform: uppercase;
  padding: 18px 25px 15px;
  margin: 25px 20px 100px 20px;
  display: inline-block;
  border: 3px solid #fff;
  letter-spacing: 1px;
  font-family: "ProxL", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: normal; }
  /* line 54, ../sass/partials/_global.scss */
  .download:hover {
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -ms-transition: background 0.3s;
    transition: background 0.3s;
    background: #fff;
    color: #e9662c; }

/* line 62, ../sass/partials/_global.scss */
ul li {
  margin: 10px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "ProxL", "Helvetica", sans-serif;
  font-size: 16px; }
  /* line 70, ../sass/partials/_global.scss */
  ul li a {
    color: #f2b95a; }
    /* line 72, ../sass/partials/_global.scss */
    ul li a:hover {
      color: #fff; }

@media only screen and (max-width: 620px) {
  /* line 83, ../sass/partials/_global.scss */
  .download {
    display: block;
    margin-bottom: 25px; } }
/*  ===============================
				FOOTER
	===============================*/
/* line 6, ../sass/partials/_footer.scss */
.footer-global, .push {
  height: 88px;
  /* .push must be the same height as .footer and the same height as the negative margin on .content-wrap */
  width: 100%;
  float: left; }

/* line 13, ../sass/partials/_footer.scss */
.footer-global .footer-wrap {
  max-width: 1440px;
  margin: 0 auto; }
/* line 18, ../sass/partials/_footer.scss */
.footer-global .social {
  text-align: center;
  margin-top: 15px; }
  /* line 21, ../sass/partials/_footer.scss */
  .footer-global .social li {
    display: inline-block;
    margin-left: 8px; }
    /* line 24, ../sass/partials/_footer.scss */
    .footer-global .social li a {
      display: inline-block;
      color: #fff;
      height: 57px;
      font-size: 24px;
      width: 57px; }
      /* line 30, ../sass/partials/_footer.scss */
      .footer-global .social li a:hover {
        color: #f7931d; }

@media only screen and (max-width: 385px) {
  /* line 39, ../sass/partials/_footer.scss */
  .footer-global {
    height: 148px; }

  /* line 42, ../sass/partials/_footer.scss */
  .push {
    height: 30px; }

  /* line 43, ../sass/partials/_footer.scss */
  .footer-global {
    padding: 0 30px;
    text-align: center; }
    /* line 46, ../sass/partials/_footer.scss */
    .footer-global .copyright {
      margin-top: 26px; }
    /* line 49, ../sass/partials/_footer.scss */
    .footer-global .social {
      float: none;
      display: inline-block; } }