@charset "UTF-8";
/* Product Site */
/* HTML5 ✰ Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, 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, main, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

body {
  font: 13px/1.231 sans-serif;
  *font-size: small; }

select, input, textarea, button {
  font: 99% sans-serif; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

html {
  overflow-y: scroll; }

a:hover, a:active {
  outline: none; }

ul, ol {
  margin-left: 2em; }

ol {
  list-style-type: decimal; }

nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td {
  vertical-align: top; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px; }

textarea {
  overflow: auto; }

.ie6 legend, .ie7 legend {
  margin-left: -7px; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer; }

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

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd; }

button {
  width: auto;
  overflow: visible; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

body, select, input, textarea {
  color: #444; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

a, a:active {
  color: #607890; }

a:hover {
  color: #036; }

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.hidden {
  display: none;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

* {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a {
    color: #444 !important;
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Variables */
/* Mixins */
@-webkit-keyframes loading {
  0% {
    background-color: #81f09b; }

  50% {
    background-color: #5dc776; }

  100% {
    background-color: #81f09b; } }

@-moz-keyframes loading {
  0% {
    background-color: #81f09b; }

  50% {
    background-color: #5dc776; }

  100% {
    background-color: #81f09b; } }

@-o-keyframes loading {
  0% {
    background-color: #81f09b; }

  50% {
    background-color: #5dc776; }

  100% {
    background-color: #81f09b; } }

@keyframes loading {
  0% {
    background-color: #81f09b; }

  50% {
    background-color: #5dc776; }

  100% {
    background-color: #81f09b; } }

@-webkit-keyframes buffering {
  0% {
    background-color: rgba(106, 237, 137, 0.1); }

  50% {
    background-color: rgba(106, 237, 137, 0.4); }

  100% {
    background-color: rgba(106, 237, 137, 0.1); } }

@-moz-keyframes buffering {
  0% {
    background-color: rgba(106, 237, 137, 0.1); }

  50% {
    background-color: rgba(106, 237, 137, 0.4); }

  100% {
    background-color: rgba(106, 237, 137, 0.1); } }

@-o-keyframes buffering {
  0% {
    background-color: rgba(106, 237, 137, 0.1); }

  50% {
    background-color: rgba(106, 237, 137, 0.4); }

  100% {
    background-color: rgba(106, 237, 137, 0.1); } }

@keyframes buffering {
  0% {
    background-color: rgba(106, 237, 137, 0.1); }

  50% {
    background-color: rgba(106, 237, 137, 0.4); }

  100% {
    background-color: rgba(106, 237, 137, 0.1); } }

@-webkit-keyframes fade-in-out {
  0% {
    background-color: #6aed89; }

  50% {
    background-color: rgba(106, 237, 137, 0.8); }

  100% {
    background-color: #6aed89; } }

@-moz-keyframes fade-in-out {
  0% {
    background-color: #6aed89; }

  50% {
    background-color: rgba(106, 237, 137, 0.8); }

  100% {
    background-color: #6aed89; } }

@-o-keyframes fade-in-out {
  0% {
    background-color: #6aed89; }

  50% {
    background-color: rgba(106, 237, 137, 0.8); }

  100% {
    background-color: #6aed89; } }

@keyframes fade-in-out {
  0% {
    background-color: #6aed89; }

  50% {
    background-color: rgba(106, 237, 137, 0.8); }

  100% {
    background-color: #6aed89; } }

/* Grid */
body::after {
  display: block;
  margin-top: -1.42857em;
  visibility: hidden; }
  @media screen and (max-width: 47.5em) {
    body::after {
      content: "mobile"; } }
  @media screen and (min-width: 47.5em) {
    body::after {
      content: "desktop"; } }

.inner {
  *zoom: 1;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.71429em;
  position: relative; }
  .inner:before, .inner:after {
    content: " ";
    display: table; }
  .inner:after {
    clear: both; }

/* Base Styles */
body {
  background: #dfe0e4;
  color: #23242f;
  font-family: "Open Sans", Verdana, Geneva, sans-serif;
  font-size: 14px;
  line-height: 1.42857em;
  min-width: 17.85714em; }

section {
  *zoom: 1;
  margin-bottom: 1.42857em; }
  section:before, section:after {
    content: " ";
    display: table; }
  section:after {
    clear: both; }

:first-child {
  margin-top: 0; }

:last-child {
  margin-bottom: 0; }

h1,
h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 {
  font-size: 2em;
  line-height: 1.42857em;
  margin: 0.71429em 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  h1:first-child {
    margin-top: 0.71429em; }

h2 {
  font-size: 1.42857em;
  line-height: 2em;
  margin: 1em 0; }

h3,
h4 {
  font-size: 1em;
  margin: 1.42857em 0; }

h4 {
  margin-bottom: 0; }

p {
  margin: 1.42857em 0; }

article p {
  max-width: 42em; }

h3 + p,
h4 + p {
  margin-top: 0; }

small {
  font-size: 0.85714em; }

figcaption {
  font-size: 0.85714em;
  margin-top: 0.83333em; }

address {
  font-style: normal;
  margin: 0.71429em 0; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

time {
  font-style: italic; }

code {
  font-family: Menlo, "Lucida Console", monospace; }

blockquote {
  border-left: 4px solid #c1c1c4;
  padding-left: 0.71429em; }

pre {
  margin: 1.42857em 0;
  padding: 0 0.71429em; }

hr {
  border-color: #c1c1c4;
  border-color: rgba(6, 0, 32, 0.1); }

a {
  border-bottom: 4px solid white;
  color: #23242f;
  text-decoration: none;
  -webkit-transition: background 0.2s cubic-bezier(0.77, 0, 0.175, 1), border 0.2s cubic-bezier(0.77, 0, 0.175, 1), color 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: background 0.2s cubic-bezier(0.77, 0, 0.175, 1), border 0.2s cubic-bezier(0.77, 0, 0.175, 1), color 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: background 0.2s cubic-bezier(0.77, 0, 0.175, 1), border 0.2s cubic-bezier(0.77, 0, 0.175, 1), color 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

a:hover {
  background: white;
  color: #23242f; }

a.disabled {
  border-color: #919194;
  border-width: 1px;
  color: #919194; }

h1 a:hover,
h2 a:hover {
  border-color: #6aed89; }

ul,
ol,
dl {
  margin: 1.42857em 0;
  list-style-position: inside; }

ul {
  list-style-type: square; }

li {
  margin-bottom: 0; }

dt {
  font-weight: bold; }
  dt span {
    font-weight: normal; }

dd + dt {
  margin-top: 0.71429em; }

dl ul {
  margin: 0; }

h4 + p,
h4 + ul,
h4 + ol,
h4 + dl {
  margin-top: 0; }

table {
  margin-bottom: 1.42857em; }

th,
td {
  border-right: 1px solid;
  border-color: #C3C3C6;
  border-color: rgba(6, 0, 32, 0.05);
  font-size: 0.85714em;
  padding: 0.41667em 0.83333em;
  position: relative;
  text-align: left; }

th:last-child,
td:last-child {
  border-right: 0; }

tr:nth-child(odd) td {
  background-color: #DADADB;
  background-color: rgba(6, 0, 32, 0.05); }

td ul {
  margin: 0; }

fieldset {
  margin: 1.42857em 0;
  min-width: 0; }

label {
  display: block;
  margin-bottom: 0.71429em; }
  label:last-child {
    margin-bottom: 0.71429em; }
  * + label {
    margin-top: 0.71429em; }

legend {
  margin-bottom: 0.71429em; }

input,
select,
button,
textarea {
  border: 0;
  border-radius: 2px;
  font-family: "Open Sans", Verdana, Geneva, sans-serif;
  margin-bottom: 0.71429em; }

input,
button {
  border-right: 4px solid transparent;
  display: block;
  height: 2.14286em;
  padding-left: 0.35714em; }

input:invalid,
input.error,
textarea:invalid,
textarea.error {
  border-color: #f63f57; }

input:invalid:focus,
textarea:invalid:focus {
  border-color: transparent; }

input:-webkit-autofill,
input:-moz-autofill,
input:-autofill {
  border-color: transparent; }

input:disabled,
textarea:disabled,
input:read-only,
textarea:read-only {
  background-color: rgba(6, 0, 32, 0.05);
  color: #919194; }

select:disabled {
  opacity: 0.5; }

textarea {
  border-right: 4px solid transparent;
  height: 7.14286em;
  padding: 0.35714em;
  width: 100%;
  max-width: 100%; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"] {
  width: 42em;
  max-width: 100%; }

input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  border-right: none;
  vertical-align: middle; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  margin-top: 0;
  margin-right: 1em;
  padding-left: 0.25em;
  vertical-align: middle; }

input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
  color: #919194; }

input[type="checkbox"] + input,
input[type="radio"] + input {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  margin-left: 1em; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="reset"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #23242f;
  border-color: rgba(35, 36, 47, 0.2);
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  padding: 0.28571em 0.75em;
  position: relative;
  -webkit-transition: background 0.2s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.2s cubic-bezier(0.77, 0, 0.175, 1), border 0.2s cubic-bezier(0.77, 0, 0.175, 1), color 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: background 0.2s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.2s cubic-bezier(0.77, 0, 0.175, 1), border 0.2s cubic-bezier(0.77, 0, 0.175, 1), color 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: background 0.2s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.2s cubic-bezier(0.77, 0, 0.175, 1), border 0.2s cubic-bezier(0.77, 0, 0.175, 1), color 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
  input[type="reset"]:hover {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 3px 3px rgba(6, 0, 32, 0.04), 0 3px rgba(6, 0, 32, 0.04); }
  input[type="reset"].disabled {
    border-color: rgba(35, 36, 47, 0.2); }
  input[type="reset"].disabled:hover {
    background-color: transparent;
    box-shadow: none;
    cursor: default; }
  input[type="reset"] em {
    font-size: 0.85714em;
    margin-left: 0.16667em; }
  input[type="reset"] em::before {
    content: "("; }
  input[type="reset"] em::after {
    content: ")"; }

input[type="file"] {
  *zoom: 1;
  border-radius: 2px;
  background: rgba(6, 0, 32, 0.05);
  box-shadow: inset 3px 3px rgba(6, 0, 32, 0.02), inset 0 3px rgba(6, 0, 32, 0.02);
  padding: 1.42857em;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  height: auto;
  width: 100%; }
  input[type="file"]:before, input[type="file"]:after {
    content: " ";
    display: table; }
  input[type="file"]:after {
    clear: both; }
  input[type="file"] > :first-child {
    margin-top: 0; }
  input[type="file"] .actions {
    margin-bottom: 0; }

input[type="submit"],
.button {
  background: #fafafb;
  box-shadow: 3px 3px rgba(6, 0, 32, 0.04), 0 3px rgba(6, 0, 32, 0.04);
  border: 0;
  border-radius: 2px;
  color: #23242f;
  padding: 0.28571em 0.75em;
  text-align: center; }
  input[type="submit"]:hover,
  .button:hover {
    background-color: white;
    box-shadow: 3px 3px rgba(6, 0, 32, 0.06), 0 3px rgba(6, 0, 32, 0.06); }
  input[type="submit"].delete,
  .button.delete {
    background-color: white;
    color: #f63f57; }
  input[type="submit"].delete:hover,
  .button.delete:hover {
    background-color: white; }
  input[type="submit"]:disabled, input[type="submit"].disabled,
  .button:disabled,
  .button.disabled {
    background-color: rgba(6, 0, 32, 0.05);
    box-shadow: inset 3px 3px rgba(6, 0, 32, 0.02), inset 0 3px rgba(6, 0, 32, 0.02);
    color: #919194;
    cursor: default; }
  input[type="submit"]:disabled:hover, input[type="submit"].disabled:hover,
  .button:disabled:hover,
  .button.disabled:hover {
    background-color: rgba(6, 0, 32, 0.05); }
  input[type="submit"] em,
  .button em {
    font-size: 0.85714em;
    margin-left: 0.16667em; }
  input[type="submit"] em::before,
  .button em::before {
    content: "("; }
  input[type="submit"] em::after,
  .button em::after {
    content: ")"; }

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #6aed89;
  line-height: 1.42857em;
  margin-bottom: 0; }
  input[type="submit"]:hover {
    background-color: #6aed89; }

a.button {
  display: inline-block;
  padding: 0.35714em 0.75em; }

form h3:first-child {
  margin-top: 0; }

img {
  display: block;
  max-height: 100%;
  max-width: 100%; }

img[src=""] {
  *zoom: 1;
  border-radius: 2px;
  background: rgba(6, 0, 32, 0.05);
  box-shadow: inset 3px 3px rgba(6, 0, 32, 0.02), inset 0 3px rgba(6, 0, 32, 0.02);
  padding: 1.42857em; }
  img[src=""]:before, img[src=""]:after {
    content: " ";
    display: table; }
  img[src=""]:after {
    clear: both; }
  img[src=""] > :first-child {
    margin-top: 0; }
  img[src=""] .actions {
    margin-bottom: 0; }

.left {
  float: left; }

.right {
  float: right; }

.font-weight-normal {
  font-weight: normal; }

.bracketed::before {
  content: "("; }
.bracketed::after {
  content: ")"; }

.inline {
  display: inline-block; }

.undecorated {
  list-style: none;
  margin: 0;
  padding: 0; }

.inline-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .inline-list li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-bottom: 0; }
  .inline-list dd, .inline-list dt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto; }
  .inline-list dt {
    margin-left: 0; }
  .inline-list dt:after {
    content: "\A";
    white-space: pre; }

.inline-form input,
.inline-form label,
.inline-form select,
.inline-form legend,
.inline-form button {
  display: inline;
  margin-right: 0.5em;
  margin-bottom: 0; }
.inline-form input[type="checkbox"] + label,
.inline-form input[type="radio"] + label {
  margin-right: 1em; }
.inline-form > :last-child,
.inline-form input[type="checkbox"],
.inline-form input[type="radio"] {
  margin-right: 0; }

.inline-fieldset input,
.inline-fieldset label,
.inline-fieldset select,
.inline-fieldset legend,
.inline-fieldset button {
  display: inline;
  margin-right: 0.5em;
  margin-bottom: 0; }
.inline-fieldset input[type="checkbox"] + label,
.inline-fieldset input[type="radio"] + label {
  margin-right: 1em; }
.inline-fieldset > :last-child,
.inline-fieldset input[type="checkbox"],
.inline-fieldset input[type="radio"] {
  margin-right: 0; }

.comma-separated-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline; }
  .comma-separated-list li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-bottom: 0; }
  .comma-separated-list dd, .comma-separated-list dt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto; }
  .comma-separated-list dt {
    margin-left: 0; }
  .comma-separated-list dt:after {
    content: "\A";
    white-space: pre; }
  .comma-separated-list li::after {
    content: ","; }
  .comma-separated-list li:last-child::after {
    content: ""; }

.error-message {
  border-left: 1em solid #f63f57;
  padding-left: 1em; }

.empty-state-message {
  color: #919194;
  font-style: italic; }

.empty-state-message:first-child {
  padding-top: 1.42857em; }

.info {
  border-left: 4px solid #c1c1c4;
  font-size: 0.85714em;
  margin-bottom: 1.66667em;
  padding-left: 0.83333em; }

.info.error {
  border-color: #f63f57; }

.article-decorated {
  border-left: 4px solid rgba(6, 0, 32, 0.05);
  padding-left: 1em;
  margin-top: 1.42857em;
  overflow: hidden; }

.inactive {
  color: #919194; }

.inactive a {
  color: #919194; }

.inactive .actions a {
  color: #23242f; }

.error,
.error a {
  color: #f63f57; }

.completed {
  color: #4fbb63; }

.well {
  *zoom: 1;
  border-radius: 2px;
  background: rgba(6, 0, 32, 0.05);
  box-shadow: inset 3px 3px rgba(6, 0, 32, 0.02), inset 0 3px rgba(6, 0, 32, 0.02);
  padding: 1.42857em;
  margin-bottom: 1.42857em; }
  .well:before, .well:after {
    content: " ";
    display: table; }
  .well:after {
    clear: both; }
  .well > :first-child {
    margin-top: 0; }
  .well .actions {
    margin-bottom: 0; }

.code {
  font-family: Menlo, "Lucida Console", monospace; }

.uppercase {
  text-transform: uppercase; }

.title-case {
  display: inline-block;
  text-transform: lowercase; }
  .title-case:first-letter {
    text-transform: uppercase; }

h3.title-case,
h4.title-case {
  display: block; }

.break-before:before {
  content: "";
  display: block; }

.break-after:after {
  content: "";
  display: block; }

/* Product Site */
body {
  font: 16px / 1.5 "Helvetica", Arial, sans-serif; }
  @media screen and (min-width: 47.5em) {
    body {
      font-size: 20px; } }

.inner {
  max-width: 60em; }
  @media screen and (min-width: 47.5em) {
    .inner {
      width: 90%; } }

a {
  border-color: #6aed89; }

input[type="submit"],
.button {
  background-color: #6aed89; }

header {
  background: #212028 top center fixed no-repeat;
  background-size: cover;
  color: white;
  padding-bottom: 1.5em;
  text-align: center; }

.stores-header {
  background-image: url(../images/bg2.jpg); }

.dispatch-header {
  background-image: url(../images/bg4.jpg); }

nav {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid white; }
  nav li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-bottom: 0; }
  nav dd, nav dt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto; }
  nav dt {
    margin-left: 0; }
  nav dt:after {
    content: "\A";
    white-space: pre; }

nav a {
  border: 0;
  color: white;
  display: block;
  font-weight: 100;
  opacity: 0.5;
  padding: 0.75em; }

nav a:hover {
  background: transparent;
  color: white;
  opacity: 1; }

.active {
  opacity: 1; }

h1 {
  font-size: 1em;
  margin: 11em 0 9em;
  padding: 0 1.5em; }
  @media screen and (max-height: 39.0625em) {
    h1 {
      margin: 8.5em 0 7.5em; } }

h1 img {
  margin: auto;
  width: 24.1em; }

.stores-header h1 img {
  width: 20.55em; }

.sign-in {
  border: 2px solid white;
  border-radius: 2px;
  color: white;
  display: block;
  font-weight: 100;
  margin: auto;
  padding: 0.4em 0 0.3em;
  width: 10em; }

.sign-in:hover {
  background: transparent;
  background: rgba(33, 32, 40, 0.5);
  color: white; }

@media screen and (min-width: 47.5em) {
  article {
    margin-left: 10em; } }

h2 {
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.2;
  margin: 2em 0 1em; }

h2:first-child {
  margin-top: 1em; }

h4 {
  font-weight: normal;
  margin: 0; }

p,
ul,
ol {
  margin: 1.5em 0; }

section {
  border-bottom: 2px solid rgba(35, 36, 47, 0.1);
  margin-bottom: 0;
  padding: 1.5em 0; }

section:last-child {
  border-bottom: 0; }

.large-text {
  font-size: 1.5em;
  line-height: 1.2;
  margin: 1em 0; }

ul.large-text {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1em; }

ul.large-text li:before {
  content: "\2014"; }

ul.inline-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0;
  margin-bottom: 1em; }
  ul.inline-list li {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-bottom: 0; }
  ul.inline-list dd, ul.inline-list dt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto; }
  ul.inline-list dt {
    margin-left: 0; }
  ul.inline-list dt:after {
    content: "\A";
    white-space: pre; }

ul.inline-list li:before {
  content: "/";
  margin: 0.5em; }

ul.inline-list li:first-child:before {
  display: none; }

ul.inline-list.large-text {
  line-height: 1.8;
  margin-top: 1em; }

.highlight-text {
  border-bottom: 1em solid #6aed89;
  font-size: 1.5em;
  line-height: 1.2;
  margin: 1em 0;
  padding-bottom: 1em; }
  @media screen and (min-width: 47.5em) {
    .highlight-text {
      margin-left: -6.66667em;
      width: 20em; } }

@media screen and (min-width: 47.5em) {
  .article-image {
    margin-left: -10em;
    width: 30em; } }

.article-image + .highlight-text {
  background: #dfe0e4;
  margin-top: -2em;
  padding: 1em;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 47.5em) {
    .article-image + .highlight-text {
      margin-left: 6.66667em;
      width: auto; } }

.whiplash-logo {
  padding: 3em 0; }

form {
  margin-bottom: 1.5em; }

input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.inline-form input {
  margin-bottom: 0.5em; }

.maps {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0; }
  .maps:before, .maps:after {
    content: " ";
    display: table; }
  .maps:after {
    clear: both; }

.maps li {
  margin-bottom: 1.5em;
  overflow: hidden; }
  @media screen and (min-width: 47.5em) {
    .maps li {
      display: block;
      float: left;
      margin-right: 1.07247%;
      width: 32.61835%; }
      .maps li:last-child {
        margin-right: 0; }
      .maps li:nth-child(3n) {
        margin-right: 0; }
      .maps li:nth-child(3n+1) {
        clear: left; } }

footer {
  border-top: 2px solid rgba(35, 36, 47, 0.1);
  padding: 1em 0; }