@font-face {
  font-family: 'Icon';
  src: url("./fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("./fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("./fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("./fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("./fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("./fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); }
html {
  font: normal 15px Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  background: white;
  color: black; }

body {
  margin: 0;
  padding: 0; }

h1, h2, h3, .h {
  display: block;
  margin: 0;
  font: inherit;
  font-weight: bold; }

a {
  border: none;
  text-decoration: none;
  color: inherit;
  outline: none; }

html.supports-usingmouse a:hover,
html.supports-usingmouse a:focus,
a:active {
  text-decoration: underline;
  color: black; }

img {
  max-width: 100%;
  vertical-align: bottom; }

.icon {
  display: inline-block;
  font-weight: normal;
  font-family: Icon;
  line-height: 1;
  width: 1em;
  height: 1em;
  text-align: center; }
  .icon:before {
    content: '\f096';
    display: block;
    vertical-align: baseline;
    line-height: 1; }

.icon[data-icon-purpose="linked-in"]:before {
  content: '\f0e1'; }

.icon[data-icon-purpose="facebook"]:before {
  content: '\f09a'; }

.icon[data-icon-purpose="google-plus"]:before {
  content: '\f0d5'; }

.icon[data-icon-purpose="youtube"]:before {
  content: '\f167'; }

.icon[data-icon-purpose="twitter"]:before {
  content: '\f099'; }

.icon[data-icon-purpose="instagram"]:before {
  content: '\f16d'; }

.appHeader {
  border-bottom: 2px solid silver;
  text-align: center; }

.appHeaderBrands {
  display: inline-block;
  list-style: none;
  margin: 0; }
  .appHeaderBrands > * {
    display: inline-block;
    box-sizing: border-box;
    padding: 0.8rem;
    vertical-align: middle; }
    .appHeaderBrands > * img {
      vertical-align: middle; }

.locationsArea {
  text-align: center; }

.locationsHeader {
  text-transform: uppercase; }

.locationsList {
  list-style: none;
  padding: 0.8rem 0; }
  .locationsList > * > a {
    display: block;
    font-size: 120%;
    text-decoration: none;
    color: white;
    background: #CF1733;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }

html.supports-usingmouse .locationsList a {
  transition: background 100ms; }

html.supports-usingmouse .locationsList a:hover,
html.supports-usingmouse .locationsList a:focus,
.locationsList a:active {
  text-decoration: none;
  color: white;
  background: black; }

.appFooter {
  text-align: center;
  color: #646464; }

.appFooterMenu {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0; }
  .appFooterMenu > * {
    display: inline-block;
    box-sizing: border-box;
    padding: 0.8rem;
    vertical-align: middle; }
    .appFooterMenu > * img {
      vertical-align: middle; }
    .appFooterMenu > * ul {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0;
      vertical-align: middle; }
      .appFooterMenu > * ul > * {
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: middle; }
      .appFooterMenu > * ul > * + * {
        margin-left: .5ex; }

.appSocialMenu a {
  display: inline-block;
  border-radius: 50%;
  padding: 1ex;
  vertical-align: middle;
  background: #646464;
  color: white; }
  .appSocialMenu a .icon {
    font-size: 1.5em; }
  .appSocialMenu a .label {
    display: none; }

html.supports-usingmouse .appSocialMenu a {
  transition: background-color 100ms; }

html.supports-usingmouse .appSocialMenu a:hover,
html.supports-usingmouse .appSocialMenu a:focus,
.appSocialMenu a:active {
  text-decoration: none;
  color: white;
  background: black; }

@media all and (max-width: 499px) {
  .locationsList {
    display: block;
    margin: 0;
    padding: 0.8rem; }
    .locationsList > * {
      display: block;
      margin: 0;
      padding: 0; }
      .locationsList > * > a {
        padding: 0.8rem 0; }
    .locationsList > * + * {
      margin-top: 0.8rem; } }
@media all and (min-width: 500px) {
  .locationsList {
    display: inline-block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100%; }
    .locationsList > * {
      display: inline-block;
      margin: 0;
      box-sizing: border-box;
      padding: 0.8rem 0.4rem;
      max-width: 100%;
      vertical-align: middle; }
      .locationsList > * > a {
        padding: 1em;
        max-width: 11ex; } }
@media all and (max-width: 799px) {
  .appHeaderBrands {
    padding: 0; }
    .appHeaderBrands > * {
      max-width: 50%; }
      .appHeaderBrands > * img {
        max-height: 5em; }

  .locationsHeader .h {
    padding: 1.6rem 0.8rem 0.8rem; } }
@media all and (min-width: 800px) {
  .appHeaderBrands {
    padding: 0.8rem; }
    .appHeaderBrands > * + *:before {
      content: '';
      display: inline-block;
      margin: 0 3.2rem 0 1.6rem;
      width: 3px;
      height: 5em;
      vertical-align: middle;
      background: silver; }
    .appHeaderBrands > * img {
      max-height: 7em; }

  .locationsArea .h {
    padding: 3.2rem 0.8rem 2.4rem 0.8rem; }

  .locationsList > * {
    padding: 0.8rem; }
    .locationsList > * > a {
      font-size: 145.8333%;
      padding: 1em 2em; }

  .appFooter {
    padding: 2.4rem 0.8rem 3.2rem 0.8rem; }

  .appFooterMenu > * + *:before {
    content: '';
    display: inline-block;
    margin: 0 1.6rem 0 0;
    width: 3px;
    height: 3em;
    vertical-align: middle;
    background: silver; } }
@media all and (min-width: 1000px) {
  html {
    font-size: 20px; } }
@media all and (min-width: 1300px) {
  html {
    font-size: 24px; }

  .locationsList > * > a {
    padding: 1.5em 2.5em; } }

/*# sourceMappingURL=style.css.map */