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;
  outline: 0;
  background: transparent; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.625em; }

@font-face {
  font-family: "Apercu";
  src: url("fonts/apercu_medium-webfont.eot");
  src: url("fonts/apercu_medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/apercu_medium-webfont.woff2") format("woff2"), url("fonts/apercu_medium-webfont.woff") format("woff"), url("fonts/apercu_medium-webfont.ttf") format("truetype"), url("fonts/apercu_medium-webfont.svg#apercumedium") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: "Apercu";
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #000000;
  color: #ffffff; }

a {
  color: #ffffff;
  text-decoration: none; }

a:hover {
  color: #A7A9AC; }

@media only screen and (min-width: 740px) {
  br.phone-portrait,
  br.phone-landscape {
    display: none; } }
@media only screen and (min-width: 420px) and (max-width: 740px) {
  br.tablet,
  br.phone-portrait {
    display: none; } }
@media only screen and (max-width: 420px) {
  br.tablet,
  br.phone-landscape {
    display: none; } }
.navbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  height: 4rem;
  font-size: 1.4rem;
  background-color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-top: 0.5rem;
  padding-left: 16.2rem;
  -webkit-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s; }
  @media only screen and (max-width: 740px) {
    .navbar {
      padding-left: 10rem;
      font-size: 1rem;
      padding-top: 1.5rem;
      height: 3rem; } }
  .navbar .logo {
    display: block;
    position: absolute;
    left: 4rem;
    bottom: 50%;
    width: 8.2rem;
    height: 8.2rem;
    background: transparent url(../images/home-abm-logo-lg.png) no-repeat center center;
    background-size: 100% 100%; }
    @media only screen and (max-width: 740px) {
      .navbar .logo {
        width: 5.5rem;
        height: 5.5rem;
        left: 2rem;
        top: -4rem;
        -webkit-transition: top 0.5s;
        -ms-transition: top 0.5s;
        -moz-transition: top 0.5s;
        -o-transition: top 0.5s;
        transition: top 0.5s; } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 740px), only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 740px), only screen and (-o-min-device-pixel-ratio: 3 / 2) and (min-width: 740px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 740px), only screen and (min-resolution: 192dpi) and (min-width: 740px) {
      .navbar .logo {
        background-image: url(../images/home-abm-logo-lg-hidpi.png); } }
    @media only screen and (max-width: 740px) {
      .navbar .logo {
        background-image: url(../images/home-abm-logo-small.png); } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 740px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 740px), only screen and (-o-min-device-pixel-ratio: 3 / 2) and (max-width: 740px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 740px), only screen and (min-resolution: 192dpi) and (max-width: 740px) {
      .navbar .logo {
        background-image: url(../images/home-abm-logo-small-hidpi.png); } }
    .navbar .logo span {
      display: none; }
  .navbar .copyright {
    font-size: 0.8rem;
    line-height: 1.2em; }
    @media only screen and (min-width: 740px) {
      .navbar .copyright {
        position: absolute;
        right: 4rem;
        top: 1.8rem;
        width: 16rem; } }
    @media only screen and (max-width: 740px) {
      .navbar .copyright {
        margin-top: 2.5rem; } }
  .navbar .expand-btn, .navbar .collapse-btn {
    position: absolute;
    display: none;
    width: 1.6rem;
    height: 1.6rem;
    top: 1.2rem;
    right: 2rem;
    background: transparent none no-repeat center center;
    background-size: 100% 100%; }
  .navbar .expand-btn {
    background-image: url(../images/plus-btn.svg); }
  .navbar .collapse-btn {
    background-image: url(../images/minus-btn.svg); }
  .navbar ul {
    margin-bottom: 2rem; }
  @media only screen and (min-width: 740px) {
    .navbar ul {
      display: inline-block; } }
  .navbar li {
    display: inline-block;
    margin-right: 3rem; }

@media only screen and (max-width: 740px) {
  .navbar .expand-btn {
    display: block; }

  .navbar.expanded {
    height: 12.6rem; }
    .navbar.expanded .expand-btn {
      display: none; }
    .navbar.expanded .collapse-btn {
      display: block; }
    .navbar.expanded .logo {
      top: 2rem; } }
.icon-btn {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: transparent none no-repeat center center;
  background-size: 100% 100%;
  position: relative;
  top: 0.6rem; }
  .icon-btn span {
    display: none; }

.facebook-btn {
  background-image: url(../images/facebook-btn.svg); }

.facebook-btn:hover {
  background-image: url(../images/facebook-btn-over.svg); }

.linkedin-btn {
  background-image: url(../images/linkedin-btn.svg); }

.linkedin-btn:hover {
  background-image: url(../images/linkedin-btn-over.svg); }

.twitter-btn {
  background-image: url(../images/twitter-btn.svg); }

.twitter-btn:hover {
  background-image: url(../images/twitter-btn-over.svg); }

.email-btn {
  background-image: url(../images/email-btn.svg); }

.email-btn:hover {
  background-image: url(../images/email-btn-over.svg); }

.appstore-download-btn {
  display: inline-block;
  width: 12.2rem;
  height: 3.6rem;
  background: black url(../images/appstore-download-fr.svg) no-repeat center center;
  background-size: 100% 100%; }

.appstore-download-btn.white {
  background-image: black url(../images/appstore-download-fr-white.svg); }

.section {
  padding: 4rem;
  background-size: cover;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  position: relative; }
  @media only screen and (max-width: 740px) {
    .section {
      padding: 3rem 2rem; } }
  .section h2 {
    font-size: 2.1rem;
    line-height: 1.2em;
    margin-bottom: 4rem;
    color: #000000; }
    @media only screen and (max-width: 740px) {
      .section h2 {
        font-size: 1.7rem; } }
  .section .catalog-link {
    margin-bottom: 2rem; }
    .section .catalog-link a {
      background-color: #000000;
      padding: 0.1rem 0.3rem 0.1rem 0;
      letter-spacing: 0.2em; }
  .section .catalog-link.white a {
    background-color: #ffffff;
    color: #000000; }

@media only screen and (min-width: 420px) and (max-width: 740px) {
  h2 {
    padding-left: 22.4rem; }

  .links {
    position: absolute;
    top: 3.2rem;
    left: 2rem; }

  .catalog-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 20rem; }

  .app-store-link {
    position: absolute;
    top: 7rem;
    left: 0; } }
#section1 {
  background-color: #ff4c8a; }
  @media only screen and (min-width: 740px) {
    #section1 {
      background-image: url(../images/prehome-1.jpg); } }

#section2 {
  background-color: #007cfc; }
  @media only screen and (min-width: 740px) {
    #section2 {
      background-image: url(../images/prehome-2.jpg); } }

#section3 {
  background-color: #ffe42c; }
  @media only screen and (min-width: 740px) {
    #section3 {
      background-image: url(../images/prehome-3.jpg); } }

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