@-webkit-keyframes billboard-in-from-right {
  0% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes billboard-in-from-right {
  0% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes billboard-in-from-right {
  0% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@keyframes billboard-in-from-right {
  0% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes billboard-in-from-left {
  0% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes billboard-in-from-left {
  0% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes billboard-in-from-left {
  0% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@keyframes billboard-in-from-left {
  0% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes billboard-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); } }
@-moz-keyframes billboard-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); } }
@-o-keyframes billboard-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); } }
@keyframes billboard-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(99.9%);
    -ms-transform: translateX(99.9%);
    transform: translateX(99.9%); } }
@-webkit-keyframes billboard-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); } }
@-moz-keyframes billboard-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); } }
@-o-keyframes billboard-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); } }
@keyframes billboard-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-99.9%);
    -ms-transform: translateX(-99.9%);
    transform: translateX(-99.9%); } }
@-webkit-keyframes info-in-from-right {
  0% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes info-in-from-right {
  0% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes info-in-from-right {
  0% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@keyframes info-in-from-right {
  0% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes info-in-from-left {
  0% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes info-in-from-left {
  0% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-o-keyframes info-in-from-left {
  0% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@keyframes info-in-from-left {
  0% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes info-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); } }
@-moz-keyframes info-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); } }
@-o-keyframes info-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); } }
@keyframes info-out-to-right {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px); } }
@-webkit-keyframes info-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); } }
@-moz-keyframes info-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); } }
@-o-keyframes info-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); } }
@keyframes info-out-to-left {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px); } }
.in-from-right {
  -webkit-animation: billboard-in-from-right 0.75s ease-in-out forwards;
  -moz-animation: billboard-in-from-right 0.75s ease-in-out forwards;
  -o-animation: billboard-in-from-right 0.75s ease-in-out forwards;
  animation: billboard-in-from-right 0.75s ease-in-out forwards; }
  @media only screen and (min-width: 600px) {
    .in-from-right .info {
      -webkit-animation: info-in-from-right 0.75s ease-in-out forwards;
      -moz-animation: info-in-from-right 0.75s ease-in-out forwards;
      -o-animation: info-in-from-right 0.75s ease-in-out forwards;
      animation: info-in-from-right 0.75s ease-in-out forwards; } }

.in-from-left {
  -webkit-animation: billboard-in-from-left 0.75s ease-in-out forwards;
  -moz-animation: billboard-in-from-left 0.75s ease-in-out forwards;
  -o-animation: billboard-in-from-left 0.75s ease-in-out forwards;
  animation: billboard-in-from-left 0.75s ease-in-out forwards; }
  @media only screen and (min-width: 600px) {
    .in-from-left .info {
      -webkit-animation: info-in-from-left 0.75s ease-in-out forwards;
      -moz-animation: info-in-from-left 0.75s ease-in-out forwards;
      -o-animation: info-in-from-left 0.75s ease-in-out forwards;
      animation: info-in-from-left 0.75s ease-in-out forwards; } }

.out-to-right {
  -webkit-animation: billboard-out-to-right 0.75s ease-in-out forwards;
  -moz-animation: billboard-out-to-right 0.75s ease-in-out forwards;
  -o-animation: billboard-out-to-right 0.75s ease-in-out forwards;
  animation: billboard-out-to-right 0.75s ease-in-out forwards; }
  @media only screen and (min-width: 600px) {
    .out-to-right .info {
      -webkit-animation: info-out-to-right 0.75s ease-in-out forwards;
      -moz-animation: info-out-to-right 0.75s ease-in-out forwards;
      -o-animation: info-out-to-right 0.75s ease-in-out forwards;
      animation: info-out-to-right 0.75s ease-in-out forwards; } }

.out-to-left {
  -webkit-animation: billboard-out-to-left 0.75s ease-in-out forwards;
  -moz-animation: billboard-out-to-left 0.75s ease-in-out forwards;
  -o-animation: billboard-out-to-left 0.75s ease-in-out forwards;
  animation: billboard-out-to-left 0.75s ease-in-out forwards; }
  @media only screen and (min-width: 600px) {
    .out-to-left .info {
      -webkit-animation: info-out-to-left 0.75s ease-in-out forwards;
      -moz-animation: info-out-to-left 0.75s ease-in-out forwards;
      -o-animation: info-out-to-left 0.75s ease-in-out forwards;
      animation: info-out-to-left 0.75s ease-in-out forwards; } }

html {
  color: #191919;
  font-family: "proxima-nova";
  font-size: 18px;
  line-height: 1.4; }

a {
  text-decoration: none;
  color: #0082c8; }
  a:hover {
    border-bottom: 2px solid #0082c8; }

.wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto; }

.wrap-text {
  max-width: 720px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 40px 20px; }

.main-text h1 {
  font-size: 1.5625rem;
  font-weight: 700; }
.main-text h2 {
  font-size: 1.25rem;
  font-weight: 700; }
.main-text h3 {
  font-size: 1rem;
  font-weight: 700; }
.main-text p {
  font-size: 1rem;
  font-weight: 400; }

header {
  display: block; }
  @media only screen and (max-width: 800px) {
    header {
      font-size: 0.83333rem; } }
  header section.logo {
    float: left; }
    header section.logo p {
      margin: 0;
      padding: 0;
      font-weight: 700;
      padding: 20px 1em;
      color: #191919;
      text-decoration: none; }
      header section.logo p:hover {
        background-color: #f9f9f9;
        color: #e61919; }
  header section.nav nav.menu ul {
    margin: 0;
    list-style: none;
    text-align: right; }
    header section.nav nav.menu ul li {
      box-sizing: border-box;
      display: inline-block;
      padding: 20px 1em;
      color: #191919;
      text-decoration: none; }
      @media only screen and (max-width: 800px) {
        header section.nav nav.menu ul li {
          padding: 20px 0.5em; }
          header section.nav nav.menu ul li:last-of-type {
            padding-right: 1em; } }
      header section.nav nav.menu ul li:hover {
        background-color: #f9f9f9;
        color: #e61919; }

main {
  display: block;
  width: 100%;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

#billboard {
  position: relative;
  width: 100%;
  height: calc(100vh - 80px);
  overflow: hidden; }
  #billboard .slides {
    position: relative;
    width: 100%;
    height: 100%; }
    #billboard .slides .slide {
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-transform: translateX(99.9%);
      -ms-transform: translateX(99.9%);
      transform: translateX(99.9%); }
      #billboard .slides .slide:first-of-type {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
      #billboard .slides .slide .bg {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center; }
      #billboard .slides .slide .content {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        #billboard .slides .slide .content .wrap {
          position: relative;
          display: block;
          height: 100%; }
          #billboard .slides .slide .content .wrap .info {
            position: absolute;
            bottom: 10%;
            left: 55%;
            width: calc(45% - 60px);
            font-family: "mrs-eaves";
            color: #000;
            background-color: #fff;
            padding: 15px 20px;
            -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
            @media only screen and (max-width: 800px) {
              #billboard .slides .slide .content .wrap .info {
                left: auto;
                right: 20px;
                max-width: 25rem;
                width: calc(100% - 80px); } }
            #billboard .slides .slide .content .wrap .info h1 {
              font-style: italic;
              font-size: 2.44141rem;
              line-height: 1em;
              font-weight: 400;
              margin: 0; }
              @media only screen and (max-width: 800px) {
                #billboard .slides .slide .content .wrap .info h1 {
                  font-size: 1.95313rem; } }
            #billboard .slides .slide .content .wrap .info h3 {
              font-size: 0.69444rem;
              font-weight: 400;
              text-transform: uppercase;
              letter-spacing: 0.2em;
              margin: 0;
              padding-bottom: 3px; }
              @media only screen and (max-width: 800px) {
                #billboard .slides .slide .content .wrap .info h3 {
                  font-size: 0.5787rem; } }
            #billboard .slides .slide .content .wrap .info p {
              font-family: "proxima-nova";
              font-size: 0.83333rem;
              line-height: 1.4em;
              font-weight: 300;
              margin: 10px 0 0 0;
              max-width: 30em;
              border-top: 1px dotted #ccc;
              padding-top: 10px; }

/* Bullets */
.bullets {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 50;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .bullets .bullet {
    display: inline-block;
    padding: 2px 4px 2px 4px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .bullets .bullet .dot {
      border-radius: 50%;
      width: 10px;
      height: 10px;
      background-color: white;
      opacity: 0.5;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  .bullets .bullet.on .dot {
    opacity: 1; }
  .bullets .bullet:hover .dot {
    opacity: 1; }

#mosaic-web {
  position: relative;
  width: 100%; }
  #mosaic-web ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #mosaic-web ul li {
      margin: 0;
      padding: 0;
      width: 50%;
      float: left; }
      @media only screen and (max-width: 400px) {
        #mosaic-web ul li {
          width: 100%; } }
      #mosaic-web ul li img {
        width: 100%; }

#mosaic {
  position: relative;
  width: 100%;
  display: table;
  border-top: 1px solid #f0f0f0; }
  #mosaic ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #mosaic ul li {
      margin: 0;
      padding: 0;
      width: 12.5%;
      float: left; }
      @media only screen and (max-width: 600px) {
        #mosaic ul li {
          width: 25%; } }
      #mosaic ul li img {
        width: 100%; }

.client {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 50px 0;
  border-bottom: 1px solid #eee; }
  .client:last-of-type {
    border: none; }
  .client .left {
    position: relative;
    width: calc(40% - 40px);
    text-align: right;
    float: left;
    margin-left: 20px;
    margin-right: -40%; }
    .client .left img {
      max-width: 250px;
      width: 100%; }
  .client .right {
    position: relative;
    width: calc(52% - 40px);
    float: left;
    margin-left: calc(40% + 20px);
    padding: 20px 0; }
    .client .right h3, .client .right p {
      margin: 0 0 0.5em 0; }
    .client .right ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .client .right ul li {
        display: inline-block;
        font-size: 0.5787rem;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        padding: 1px 0.35em;
        color: #999; }
  @media only screen and (max-width: 600px) {
    .client .left {
      float: none;
      width: calc(100% - 40px);
      margin: 0 auto;
      text-align: center; }
    .client .right {
      float: none;
      width: calc(100% - 40px);
      margin: 0 auto; } }

footer {
  display: block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  clear: both; }
  footer p {
    margin: 0;
    padding: 0 20px; }

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