/*******************************************************************************
 * hero.layout.scss
 *
 * Styles for the Hero layout.
 ******************************************************************************/
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000313}}
.l-constrained {
  width: 95%;
  margin: 0 auto;
  *zoom: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/\.rvm\/gems\/ruby-1\.9\.3-p547\@omega\.surface51\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/utilities\/general\/_clearfix\.scss}line{font-family:\0000338}}
  .l-constrained:after {
    content: "";
    display: table;
    clear: both; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000320}}
.l-header .l-branding {
  margin-left: 5%;
  width: 60px;
  float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000327}}
.l-header .l-slogan {
  float: left;
  margin-left: 10px;
  width: 170px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000340}}
.l-region--help {
  margin-bottom: 18px; }

/* Sidebars */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000346}}
.l-region--sidebar-first,
.l-region--sidebar-second {
  padding: 18px 1em; }

/* Footer */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000351}}
.l-footer-wrapper {
  padding: 18px 0; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000357}}
  .l-constrained {
    width: 90%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000361}}
  .l-header {
    height: 80px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000364}}
    .l-header .l-branding {
      width: 20%;
      float: left;
      margin-right: -100%;
      clear: none;
      margin-left: 5%;
      width: 125px;
      margin-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000379}}
    .l-header .l-slogan {
      margin-left: 145px;
      float: left;
      width: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000386}}
    .l-header .l-navigation {
      width: 49.20635%;
      float: right;
      margin-left: 0;
      margin-right: 0;
      clear: none; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\0000393}}
  .l-constrained {
    width: 80%;
    max-width: 1400px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\00003101}}
  .l-header .l-branding {
    width: 160px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\00003106}}
  .l-header .l-slogan {
    margin-left: 180px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\00003111}}
  .l-header .l-navigation {
    width: 49.20635%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\00003118}}
  .l-constrained {
    width: 80%;
    max-width: 1400px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\00003126}}
  .l-header .l-branding {
    width: 220px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\00003131}}
  .l-header .l-slogan {
    margin-left: 240px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/layouts\/homepage\/homepage\.layout\.scss}line{font-family:\00003136}}
  .l-header .l-navigation {
    width: 49.20635%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\000035}}
.l-homepage-section-1, .l-homepage-section-2, .l-homepage-section-3, .l-homepage-hero-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000311}}
.on .l-homepage-section-1, .on .l-homepage-section-2, .on .l-homepage-section-3, .on .l-homepage-hero-wrapper {
  opacity: 1; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000316}}
.l-homepage-hero-wrapper {
  z-index: 10; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000318}}
  .l-homepage-hero-wrapper .view-homepage-banner {
    overflow: hidden;
    width: 100%;
    position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000322}}
    .l-homepage-hero-wrapper .view-homepage-banner .view-content {
      overflow: hidden;
      width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000325}}
      .l-homepage-hero-wrapper .view-homepage-banner .view-content .views-row {
        position: absolute;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000329}}
        .l-homepage-hero-wrapper .view-homepage-banner .view-content .views-row.active {
          margin-top: 0px;
          opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000336}}
    .l-homepage-hero-wrapper .view-homepage-banner .hero-image {
      overflow: hidden;
      max-height: 630px;
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000340}}
      .l-homepage-hero-wrapper .view-homepage-banner .hero-image img {
        display: inline-block;
        height: auto;
        width: 100%;
        margin-left: 0%;
        max-width: none;
        -webkit-transform: scale(1.3); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000350}}
    .l-homepage-hero-wrapper .view-homepage-banner .hero-title {
      text-align: right;
      position: absolute;
      width: 95%;
      color: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000357}}
      .l-homepage-hero-wrapper .view-homepage-banner .hero-title h2, .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 {
        position: relative;
        z-index: 10; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000362}}
      .l-homepage-hero-wrapper .view-homepage-banner .hero-title h2 {
        -webkit-transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        font-size: 15vw;
        font-family: "superclarendon", georgia, serif;
        font-weight: 700;
        text-shadow: 0px 0px 20px #000000;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=2);
        text-transform: uppercase;
        line-height: 100%;
        padding: 0px;
        margin: 0px;
        opacity: 0;
        margin-right: .35em;
        margin-bottom: -30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000376}}
        .l-homepage-hero-wrapper .view-homepage-banner .hero-title h2 .field__item {
          margin-right: .25em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000381}}
      .l-homepage-hero-wrapper .view-homepage-banner .hero-title.active h2 {
        opacity: 1;
        margin-bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000387}}
      .l-homepage-hero-wrapper .view-homepage-banner .hero-title.active h3 {
        opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\0000392}}
      .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 {
        -webkit-transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        -moz-transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        transition: opacity 1s ease-in-out, margin-bottom 1s ease-in-out;
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
        font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
        font-weight: 700;
        text-shadow: 0px 0px 20px #000000;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=2);
        text-transform: uppercase;
        letter-spacing: .02em;
        font-size: 6vw;
        line-height: 100%;
        padding: 0px;
        margin: 0px;
        opacity: 0;
        margin-bottom: -30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003106}}
        .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 span {
          display: block;
          margin-right: .3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003110}}
        .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 p {
          margin: 0px;
          padding: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003113}}
          .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 p span.hang {
            margin-right: -.3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003119}}
    .l-homepage-hero-wrapper .view-homepage-banner .view-footer {
      display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003121}}
      .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager {
        position: absolute;
        height: 45px;
        width: 100%;
        bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003126}}
        .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager ul {
          margin: 0px;
          padding: 0px;
          text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003130}}
          .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager ul li {
            list-style-type: none;
            list-style: none;
            list-style-image: none;
            margin: 0px;
            padding: 0px;
            display: inline-block;
            margin-right: 10px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003138}}
            .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager ul li a {
              text-indent: -9999;
              display: block;
              width: .8em;
              height: .8em;
              border-radius: 50%;
              background-color: rgba(255, 255, 255, 0.2);
              border: 1px solid #aaa;
              box-shadow: 0px 0px 10px black;
              -webkit-transition: background-color 0.25s ease-in-out;
              -moz-transition: background-color 0.25s ease-in-out;
              -o-transition: background-color 0.25s ease-in-out;
              transition: background-color 0.25s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003148}}
              .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager ul li a:hover {
                background-color: rgba(255, 255, 255, 0.5);
                border: 1px solid #aaa; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003152}}
              .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager ul li a span {
                display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003156}}
            .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager ul li.active a {
              background-color: white;
              border: 1px solid #aaa; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003160}}
            .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager ul li.loading a {
              background-color: #990000;
              border: 1px solid #aaa; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003170}}
  .l-homepage-hero-wrapper .down-arrow {
    display: none;
    position: relative;
    z-index: 95; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003174}}
    .l-homepage-hero-wrapper .down-arrow a {
      display: block;
      width: 31px;
      height: 45px;
      bottom: -32px;
      left: 50%;
      margin-left: -15px;
      position: absolute;
      z-index: 4;
      background-image: url(../../../images/arrow-down-reverse.png);
      background-size: 100%;
      -webkit-transition: bottom 0.25s ease-in-out;
      -moz-transition: bottom 0.25s ease-in-out;
      -o-transition: bottom 0.25s ease-in-out;
      transition: bottom 0.25s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003186}}
      .l-homepage-hero-wrapper .down-arrow a:hover {
        bottom: -27px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003192}}
  .l-homepage-hero-wrapper #services {
    z-index: 11;
    position: relative;
    border-top: 20px #e2231a solid;
    margin-top: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003197}}
    .l-homepage-hero-wrapper #services .l-constrained {
      margin-top: -40px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003200}}
    .l-homepage-hero-wrapper #services ul {
      margin: 0px;
      padding: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003203}}
      .l-homepage-hero-wrapper #services ul li {
        list-style-type: none;
        list-style: none;
        list-style-image: none;
        margin: 0px;
        padding: 0px;
        margin-top: .5em;
        width: 33.333%;
        float: left;
        height: 90px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003213}}
        .l-homepage-hero-wrapper #services ul li a {
          color: #fff;
          text-decoration: none;
          text-transform: uppercase;
          display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003218}}
          .l-homepage-hero-wrapper #services ul li a span.icon {
            margin: 0px auto;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 2px solid #777;
            display: block;
            background-color: #000;
            background-image: url(../../../images/services_icons.png);
            background-size: 600% 100%;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.55);
            -webkit-transition: all 500ms cubic-bezier(0.26, 1, 0.34, 1);
            /* older webkit */
            -webkit-transition: all 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
            -moz-transition: all 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
            -o-transition: all 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
            transition: all 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
            /* custom */ }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003236}}
          .l-homepage-hero-wrapper #services ul li a span.label {
            text-align: center;
            margin: .5em auto;
            display: block;
            font-size: .5em;
            color: #fff;
            letter-spacing: .05em;
            font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
            font-weight: 600; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003247}}
          .l-homepage-hero-wrapper #services ul li a:hover span.icon {
            background-color: #333;
            border-color: #fff;
            width: 76px;
            height: 76px;
            margin-top: -12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003257}}
        .l-homepage-hero-wrapper #services ul li.branding a span.icon {
          background-position: 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003260}}
        .l-homepage-hero-wrapper #services ul li.web a span.icon {
          background-position: -100% 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003263}}
        .l-homepage-hero-wrapper #services ul li.print a span.icon {
          background-position: -200% 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003266}}
        .l-homepage-hero-wrapper #services ul li.video a span.icon {
          background-position: -300% 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003269}}
        .l-homepage-hero-wrapper #services ul li.environmental a span.icon {
          background-position: -400% 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003272}}
        .l-homepage-hero-wrapper #services ul li.magic a span.icon {
          background-position: -500% 0; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003284}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-image {
    overflow: hidden;
    max-height: 630px;
    height: auto;
    text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003289}}
    .l-homepage-hero-wrapper .view-homepage-banner .hero-image img {
      display: inline-block;
      height: auto;
      width: 100%;
      margin-left: 0%;
      -webkit-transform: scale(1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003299}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-title {
    width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003301}}
    .l-homepage-hero-wrapper .view-homepage-banner .hero-title h2 {
      font-size: 12vw; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003304}}
    .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 {
      font-size: 5vw; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003307}}
    .l-homepage-hero-wrapper .view-homepage-banner .hero-title .l-constrained {
      padding-right: 100px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003312}}
  .l-homepage-hero-wrapper .view-homepage-banner .view-footer {
    display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003314}}
    .l-homepage-hero-wrapper .view-homepage-banner .view-footer #slider-pager {
      height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003321}}
  .l-homepage-hero-wrapper #services ul li {
    width: 33.33333%;
    height: 140px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003325}}
    .l-homepage-hero-wrapper #services ul li a span.icon {
      height: 100px;
      width: 100px;
      border: 4px solid #777; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003331}}
    .l-homepage-hero-wrapper #services ul li a:hover span.icon {
      width: 110px;
      height: 110px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003336}}
    .l-homepage-hero-wrapper #services ul li a span.label {
      margin-top: 10px;
      font-size: .7em; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003351}}
  .l-homepage-hero-wrapper .view-homepage-banner.show .hero-image {
    opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003356}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-image {
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    max-height: none;
    min-height: 450px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003361}}
    .l-homepage-hero-wrapper .view-homepage-banner .hero-image img {
      min-height: 450px;
      width: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003368}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-title h2 {
    font-size: 140px !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003371}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 {
    font-size: 59px !important;
    font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: 600; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003376}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-title .l-constrained {
    padding-right: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003381}}
  .l-homepage-hero-wrapper .down-arrow {
    display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003386}}
  .l-homepage-hero-wrapper #services ul li {
    width: 16.6666%;
    height: 120px; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003399}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-title h2 {
    font-size: 200px !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003402}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-title h3 {
    font-size: 83px !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-hero\.scss}line{font-family:\00003406}}
  .l-homepage-hero-wrapper .view-homepage-banner .hero-title .l-constrained {
    padding-right: 50px; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\000032}}
#branding .question {
  font-size: 9em;
  font-family: "superclarendon", georgia, serif;
  font-weight: 900;
  text-shadow: 0px 0px 10px #000;
  margin: 0px;
  padding: 0px;
  line-height: 100%;
  opacity: 0;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  margin-top: -10px;
  pointer-events: none;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-delay: 0.25s;
  -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000318}}
#branding.on .question {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000326}}
#branding .copy-area h3 {
  text-transform: uppercase;
  font-family: "superclarendon", georgia, serif;
  font-weight: 700;
  font-size: 1.1em;
  margin: 0px;
  padding: 0px;
  line-height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000335}}
#branding .copy-area h4 {
  margin-top: 0px;
  padding-top: .5em;
  text-transform: uppercase;
  font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
  font-weight: 600;
  font-size: .6em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000343}}
#branding .copy-area p {
  font-size: .5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000347}}
#branding .copy-area ul {
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000353}}
  #branding .copy-area ul li {
    display: inline-block;
    margin: 0px;
    padding: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000357}}
    #branding .copy-area ul li a {
      text-decoration: uppercase;
      font-family: "superclarendon", georgia, serif;
      font-weight: 700;
      color: #fff;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 10px #000;
      background-color: #302F30;
      border: 2px solid #fff;
      border-radius: 5px;
      display: inline-block;
      text-decoration: none;
      padding: .5em 1em;
      margin-bottom: .5em;
      text-transform: uppercase;
      font-size: .6em;
      -webkit-transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -ms-transform 0.5s ease-in-out;
      -moz-transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -ms-transform 0.5s ease-in-out;
      -o-transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -ms-transform 0.5s ease-in-out;
      transition: -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out, -ms-transform 0.5s ease-in-out;
      width: 100px;
      height: 57px;
      background-size: 100% 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000372}}
      #branding .copy-area ul li a.red {
        background-color: #9B090D; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000375}}
      #branding .copy-area ul li a.grey {
        background-color: #464445; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000378}}
      #branding .copy-area ul li a:hover {
        background-color: #000;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        border: 2px solid #888; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000390}}
      #branding .copy-area ul li a.common-ground {
        background-image: url(../../../images/branding/common-ground-button.jpg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000394}}
      #branding .copy-area ul li a.ovpr {
        background-image: url(../../../images/branding/ovpr-button.jpg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\0000398}}
      #branding .copy-area ul li a.terminix {
        background-image: url(../../../images/branding/big-bugs-button.jpg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003101}}
      #branding .copy-area ul li a span {
        display: none; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003112}}
  #branding {
    padding-top: 80px;
    min-height: 450px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003115}}
    #branding .question {
      width: 40%;
      margin-right: 5%;
      float: left;
      font-size: 20em;
      line-height: .7em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003123}}
    #branding .copy-area {
      width: 55%;
      float: left;
      text-align: left;
      font-size: 1.3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003136}}
      #branding .copy-area ul li {
        font-size: .9em;
        width: 33.333%;
        display: block;
        float: left;
        text-align: left; } }
@media (min-width: 60em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003155}}
  #branding .copy-area ul li a {
    width: 125px;
    height: 70px; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003166}}
  #branding {
    padding-top: 120px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003168}}
    #branding .question {
      width: 40%;
      margin-right: 0;
      float: left;
      font-size: 27em;
      line-height: .4em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003176}}
    #branding .copy-area {
      width: 60%;
      float: left;
      text-align: left;
      font-size: 1.3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003181}}
      #branding .copy-area h3 {
        margin-left: -.225em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003185}}
      #branding .copy-area h4 {
        font-size: 1em;
        font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
        font-weight: 100;
        margin-top: .3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003191}}
      #branding .copy-area ul li {
        font-size: .9em;
        width: 33.333%;
        display: block;
        margin-right: 0;
        text-align: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-branding\.scss}line{font-family:\00003198}}
        #branding .copy-area ul li a {
          width: 160px;
          height: 90px; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\000031}}
#client-logos {
  margin-top: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\000033}}
  #client-logos ul.logos {
    list-style: none;
    margin: 0 auto;
    padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\000037}}
    #client-logos ul.logos li {
      display: inline-block;
      width: 50%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000310}}
      #client-logos ul.logos li p {
        text-indent: -9999px;
        position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000314}}
      #client-logos ul.logos li img {
        height: auto;
        width: 100%;
        display: inline-block;
        padding: .25em .5em;
        max-width: 150px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000321}}
      #client-logos ul.logos li:nth-child(even) {
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        margin-left: -3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000326}}
      #client-logos ul.logos li:nth-child(odd) {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        margin-right: -3px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000331}}
      #client-logos ul.logos li.logo9, #client-logos ul.logos li.logo10 {
        border-bottom: 0px solid #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000334}}
      #client-logos ul.logos li.expendable {
        display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000339}}
  #client-logos h2 {
    font-size: .5em;
    text-transform: uppercase;
    font-family: "superclarendon", georgia, serif;
    font-family: ClarendonBT-Black;
    font-weight: normal;
    font-style: normal;
    letter-spacing: .05em;
    margin-bottom: .5em;
    margin: 0px;
    padding: 0px;
    margin-bottom: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000348}}
  #client-logos a {
    margin-top: 1em;
    color: #fff;
    text-decoration: none;
    display: block;
    font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: 600;
    font-size: .6em;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000356}}
    #client-logos a:hover {
      opacity: .655; }

@media (min-width: 36em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000364}}
  #client-logos ul.logos {
    display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000366}}
    #client-logos ul.logos li {
      width: 23%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000368}}
      #client-logos ul.logos li.logo2, #client-logos ul.logos li.logo6, #client-logos ul.logos li.logo10 {
        margin-right: -3px;
        border-right: 1px solid #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000372}}
      #client-logos ul.logos li.logo3, #client-logos ul.logos li.logo7, #client-logos ul.logos li.logo11 {
        margin-left: -3px;
        border-left: 1px solid #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000376}}
      #client-logos ul.logos li.logo9, #client-logos ul.logos li.logo10 {
        border-bottom: 0px solid #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000380}}
      #client-logos ul.logos li.logo11, #client-logos ul.logos li.logo12 {
        border-bottom: 0px solid #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000386}}
      #client-logos ul.logos li.expendable {
        display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000391}}
  #client-logos h2 {
    /* color: black; */
    font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\0000395}}
  #client-logos a {
    font-size: 1em;
    margin-top: 2em; } }
@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003106}}
  #client-logos ul.logos {
    display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003108}}
    #client-logos ul.logos li {
      width: 23%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003110}}
      #client-logos ul.logos li img {
        width: 100%;
        max-width: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003116}}
  #client-logos h2 {
    /* color: red; */
    font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003120}}
  #client-logos a {
    margin-top: 1em;
    font-size: 1.1em; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003128}}
  #client-logos {
    margin-top: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003132}}
    #client-logos ul.logos li img {
      max-width: 250px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003138}}
    #client-logos h2 {
      /* color: green; */
      font-size: 1.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003142}}
    #client-logos p {
      font-size: 1.4em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003145}}
    #client-logos a {
      margin-top: 1em;
      font-size: 1.4em; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003153}}
  #client-logos {
    margin-top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1-logos\.scss}line{font-family:\00003162}}
    #client-logos h2 {
      /* color: blue; */ } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\000031}}
.l-homepage-section-1 {
  position: relative;
  overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\000035}}
  .l-homepage-section-1 .section-1-wrap {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 2em 0;
    background-image: url(../../../images/brick_red.jpg);
    background-position: top center;
    overflow: hidden;
    position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000315}}
  .l-homepage-section-1 .section-1-slide-wrapper {
    width: 300%;
    -webkit-transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    -moz-transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 2px 0;
    margin-left: -100%;
    overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000325}}
  .l-homepage-section-1 .section-1-slide {
    width: 33.3%;
    float: left;
    text-align: center;
    font-size: 1.25em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000334}}
  .l-homepage-section-1 .section-1a {
    margin: 1em 0em;
    padding: 0em 2em 0em 2em;
    text-align: center;
    font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000339}}
    .l-homepage-section-1 .section-1a .dotted {
      border-bottom: 1px dotted #fff;
      border-top: 1px dotted #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000343}}
      .l-homepage-section-1 .section-1a .dotted p {
        font-size: .7em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000351}}
    .l-homepage-section-1 .section-1a p {
      font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
      font-weight: 100;
      font-size: .55em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000354}}
      .l-homepage-section-1 .section-1a p.bottom-line {
        font-weight: 700; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000359}}
    .l-homepage-section-1 .section-1a h2 {
      font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
      font-weight: 600;
      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
      filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=2);
      text-transform: uppercase;
      font-size: .9em;
      padding-top: 0px;
      margin-top: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000367}}
      .l-homepage-section-1 .section-1a h2 span {
        font-family: "superclarendon", georgia, serif;
        font-family: ClarendonBT-Black;
        font-weight: normal;
        font-style: normal;
        letter-spacing: .05em;
        font-size: 1.1em;
        letter-spacing: .025em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000375}}
    .l-homepage-section-1 .section-1a #lets-chat {
      position: relative;
      width: 100px;
      height: 100px;
      margin: 1.5em auto 1em auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000381}}
      .l-homepage-section-1 .section-1a #lets-chat .chat-circle {
        background-color: white;
        z-index: 10;
        position: absolute;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        font-family: "superclarendon", georgia, serif;
        font-family: ClarendonBT-Black;
        font-weight: normal;
        font-style: normal;
        letter-spacing: .05em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\0000390}}
        .l-homepage-section-1 .section-1a #lets-chat .chat-circle a {
          -webkit-transition: color 0.25s ease-in-out;
          -moz-transition: color 0.25s ease-in-out;
          -o-transition: color 0.25s ease-in-out;
          transition: color 0.25s ease-in-out;
          display: block;
          line-height: 110%;
          padding-top: 32%;
          color: #e2231a;
          text-transform: uppercase;
          text-decoration: none;
          width: 100%;
          height: 100%;
          font-size: .9em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003101}}
          .l-homepage-section-1 .section-1a #lets-chat .chat-circle a:hover {
            color: #000; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003107}}
      .l-homepage-section-1 .section-1a #lets-chat .chat-tail {
        background-image: url(../../../images/letschat-tail.png);
        width: 75%;
        height: 62.5%;
        background-size: 100% 100%;
        left: 50%;
        top: 16.66%;
        z-index: 5;
        display: block;
        position: absolute;
        -webkit-transform-origin: 0% 50%;
        -webkit-transform: rotate(35deg);
        -moz-transform-origin: 0% 50%;
        -moz-transform: rotate(35deg);
        -ms-transform-origin: 0% 50%;
        -ms-transform: rotate(35deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003123}}
        .l-homepage-section-1 .section-1a #lets-chat .chat-tail.mobile {
          -webkit-transition: -webkit-transform .25s;
          -webkit-transition: -webkit-transform .25s;
          -moz-transition: -moz-transform .25s;
          -o-transition: -o-transform .25s;
          transition: transform .25s; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003133}}
      .l-homepage-section-1 .section-1a #lets-chat:hover .chat-circle a {
        color: #333;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.68, 0, 0.265, 1);
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -o-transition: -o-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003141}}
      .l-homepage-section-1 .section-1a #lets-chat:hover .chat-tail {
        -webkit-transform: rotate(0deg);
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.68, 0, 0.265, 1);
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -o-transition: -o-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003152}}
  .l-homepage-section-1 .section-1c {
    margin: 1em 0em 1.5em 0;
    padding: 0em 2em 0em 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003157}}
  .l-homepage-section-1 .section-1b {
    margin: 1em 0em;
    padding: 0em 2em 0em 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003162}}
  .l-homepage-section-1 .arrows {
    height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003164}}
    .l-homepage-section-1 .arrows .arrow-left, .l-homepage-section-1 .arrows .arrow-right {
      height: 100%;
      position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003167}}
      .l-homepage-section-1 .arrows .arrow-left a, .l-homepage-section-1 .arrows .arrow-right a {
        -webkit-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        -moz-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        -o-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        top: 0%;
        position: absolute;
        display: block;
        width: 2em;
        height: 100%;
        left: 0;
        background-size: 200% 100%;
        background-image: url(../../../images/arrow-no-gradient.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003179}}
        .l-homepage-section-1 .arrows .arrow-left a:hover, .l-homepage-section-1 .arrows .arrow-right a:hover {
          background-image: url(../../../images/arrow-gradient.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003182}}
        .l-homepage-section-1 .arrows .arrow-left a span, .l-homepage-section-1 .arrows .arrow-right a span {
          left: 5px;
          top: 50%;
          margin-top: -20px;
          position: absolute;
          background: url(../../../images/arrow-hp.png);
          background-size: 200% 100%;
          width: 40px;
          height: 40px;
          display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003196}}
    .l-homepage-section-1 .arrows .arrow-right {
      right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003202}}
    .l-homepage-section-1 .arrows .arrow-left a:hover {
      margin-left: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003207}}
    .l-homepage-section-1 .arrows .arrow-right a {
      left: auto;
      background-position: -100% 0;
      right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003208}}
      .l-homepage-section-1 .arrows .arrow-right a span {
        left: auto;
        right: 5px;
        background-position: -100% 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003216}}
      .l-homepage-section-1 .arrows .arrow-right a:hover {
        margin-right: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003224}}
  .l-homepage-section-1 #section-form h2 {
    text-transform: uppercase;
    padding: .6em 1em .4em 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003230}}
  .l-homepage-section-1 #section-form .node--webform {
    padding-bottom: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003234}}
  .l-homepage-section-1 #section-form .node__content {
    padding-top: .5em;
    padding-bottom: 0em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003239}}
    .l-homepage-section-1 #section-form .node__content label.error {
      display: inline-block;
      margin-bottom: -5px;
      padding-bottom: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003245}}
    .l-homepage-section-1 #section-form .node__content .field--name-body {
      margin-bottom: .5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003247}}
      .l-homepage-section-1 #section-form .node__content .field--name-body p {
        text-transform: initial;
        font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
        font-weight: 600;
        font-size: .6em;
        margin-bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003255}}
    .l-homepage-section-1 #section-form .node__content .webform-component--how-should-we-contact-you {
      margin-top: .2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003257}}
      .l-homepage-section-1 #section-form .node__content .webform-component--how-should-we-contact-you label {
        text-transform: initial;
        font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
        font-weight: 600;
        font-size: .6em;
        margin-bottom: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003265}}
    .l-homepage-section-1 #section-form .node__content .webform-submit {
      border-radius: 20px;
      font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
      font-weight: 600;
      letter-spacing: .1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003271}}
    .l-homepage-section-1 #section-form .node__content .form-actions {
      position: relative;
      width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003278}}
    .l-homepage-section-1 #section-form .node__content input[type=text],
    .l-homepage-section-1 #section-form .node__content input[type=email],
    .l-homepage-section-1 #section-form .node__content textarea {
      font-size: .6em;
      border: 2px solid #fff; }
  @media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003222}}
    .l-homepage-section-1 #section-form {
      width: 70%;
      margin: 20px 15%;
      font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003290}}
      .l-homepage-section-1 #section-form h2 {
        font-size: .8em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003295}}
      .l-homepage-section-1 #section-form p br {
        display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003300}}
      .l-homepage-section-1 #section-form .node__content {
        padding: 1em 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003303}}
        .l-homepage-section-1 #section-form .node__content #edit-submitted-how-should-we-contact-you {
          margin-top: .4em; } }
  @media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003222}}
    .l-homepage-section-1 #section-form {
      width: 50%;
      margin: 20px auto;
      font-size: 1.4em;
      max-width: 700px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003316}}
      .l-homepage-section-1 #section-form h2 {
        font-size: .8em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003321}}
      .l-homepage-section-1 #section-form p br {
        display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003326}}
      .l-homepage-section-1 #section-form .node__content {
        padding: 1em 3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003329}}
        .l-homepage-section-1 #section-form .node__content #edit-submitted-how-should-we-contact-you {
          margin-top: .4em; } }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003338}}
.arrows {
  opacity: .25;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003341}}
  .arrows .arrow-left {
    left: -10px;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003345}}
  .arrows .arrow-right {
    right: -10px !important;
    -webkit-transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003351}}
.arrows.highlight {
  opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003353}}
  .arrows.highlight .arrow-left {
    left: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003356}}
  .arrows.highlight .arrow-right {
    right: 0px !important; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003363}}
#section-form {
  margin-top: 10px;
  max-width: 700px;
  background-color: black;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  padding: 0em;
  text-align: left;
  overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003374}}
  #section-form.active {
    height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003377}}
  #section-form h2 {
    background-color: #555;
    padding: .5em 1em;
    margin: 0px;
    font-family: "superclarendon", georgia, serif;
    font-family: ClarendonBT-Black;
    font-weight: normal;
    font-style: normal;
    letter-spacing: .05em;
    text-transform: initial; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003383}}
    #section-form h2 a {
      color: #fff;
      text-decoration: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003389}}
  #section-form .node__content {
    padding: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003391}}
    #section-form .node__content p {
      margin: 0px;
      font-size: 1.2em;
      margin-bottom: 1.75em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003398}}
  #section-form label {
    font-size: .6em;
    display: block;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 5px;
    margin-left: 3px;
    font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: 100; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003408}}
  #section-form input[type=text], #section-form input[type=email], #section-form textarea {
    width: 100%;
    padding: 5px;
    border: 3px solid #000;
    outline: none;
    font-size: .85em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003415}}
    #section-form input[type=text]:focus, #section-form input[type=email]:focus, #section-form textarea:focus {
      border: 3px solid #990000;
      box-shadow: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003421}}
  #section-form textarea {
    border-bottom: 0px;
    font-size: .7em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003426}}
  #section-form .grippie {
    margin: 2px 3px 3px 3px;
    border: 0px;
    background: #990000 url("../../../images/grippie.gif") no-repeat center 2px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003432}}
  #section-form input:-webkit-autofill {
    color: #eee !important; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003436}}
  #section-form input[type=submit] {
    background-color: #e2231a;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    font-size: .7em;
    padding: .35em 1.5em;
    font-family: "superclarendon", georgia, serif;
    font-family: ClarendonBT-Black;
    font-weight: normal;
    font-style: normal;
    letter-spacing: .05em;
    letter-spacing: .1em;
    -webkit-transition: background-color 0.25s ease-in-out;
    -moz-transition: background-color 0.25s ease-in-out;
    -o-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003447}}
    #section-form input[type=submit]:hover {
      background-color: #990000; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003456}}
  .l-homepage-section-1 .section-1a {
    font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003458}}
    .l-homepage-section-1 .section-1a h2 {
      font-size: 1.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003462}}
    .l-homepage-section-1 .section-1a p {
      font-size: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003466}}
    .l-homepage-section-1 .section-1a #lets-chat {
      width: 120px;
      height: 120px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003469}}
      .l-homepage-section-1 .section-1a #lets-chat .chat-circle a {
        font-size: 21px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003473}}
    .l-homepage-section-1 .section-1a .dotted {
      width: 80%;
      margin-left: 10%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003476}}
      .l-homepage-section-1 .section-1a .dotted p {
        font-size: 1.1em; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003482}}
  .l-homepage-section-1 .arrows .arrow-right a span {
    width: 55px;
    height: 55px;
    right: 21px;
    margin-top: -27px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003488}}
  .l-homepage-section-1 .arrows .arrow-left a span {
    width: 55px;
    height: 55px;
    left: 21px;
    margin-top: -27px; } }
@media (min-width: 60em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003505}}
  .l-homepage-section-1 .section-1a p br {
    display: none; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003516}}
  .l-homepage-section-1 .section-1a {
    font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003519}}
    .l-homepage-section-1 .section-1a h2 br {
      display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003524}}
    .l-homepage-section-1 .section-1a p br {
      display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003529}}
    .l-homepage-section-1 .section-1a #lets-chat .chat-circle a {
      font-size: 21px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003533}}
    .l-homepage-section-1 .section-1a .dotted {
      margin: 0px auto;
      width: 700px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003539}}
  .l-homepage-section-1 .arrows .arrow-right a span {
    width: 75px;
    height: 75px;
    right: 25px;
    margin-top: -37px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003546}}
  .l-homepage-section-1 .arrows .arrow-left a span {
    width: 75px;
    height: 75px;
    left: 25px;
    margin-top: -37px; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003556}}
  .l-homepage-section-1 .section-1a {
    font-size: 1.4em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-1\.scss}line{font-family:\00003558}}
    .l-homepage-section-1 .section-1a .dotted {
      width: 790px; } }
@-webkit-keyframes fadeIn {
  /* line 10, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0; }

  /* line 12, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  /* line 16, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 18, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeInUp {
  /* line 22, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }

  /* line 25, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutUp {
  /* line 30, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  /* line 33, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

@-webkit-keyframes fadeInDown {
  /* line 38, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }

  /* line 41, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutDown {
  /* line 46, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  /* line 49, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

@-webkit-keyframes fadeInRight {
  /* line 54, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }

  /* line 57, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutLeft {
  /* line 62, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  /* line 65, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

@-webkit-keyframes fadeInLeft {
  /* line 70, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }

  /* line 73, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutRight {
  /* line 78, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  /* line 81, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

@-webkit-keyframes fadeInUpBig {
  /* line 86, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  /* line 89, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutUpBig {
  /* line 94, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  /* line 97, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-webkit-keyframes fadeInDownBig {
  /* line 102, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  /* line 105, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutDownBig {
  /* line 110, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  /* line 113, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-webkit-keyframes fadeInRightBig {
  /* line 118, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  /* line 121, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutLeftBig {
  /* line 126, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  /* line 129, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-webkit-keyframes fadeInLeftBig {
  /* line 134, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  /* line 137, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutRightBig {
  /* line 142, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  /* line 145, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-webkit-keyframes bounceIn {
  /* line 150, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }

  /* line 153, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }

  /* line 156, ../../../sass/base/_animate.sass */
  70% {
    -webkit-transform: scale(0.9); }

  /* line 158, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: scale(1); } }

@-webkit-keyframes bounceInDown {
  /* line 162, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  /* line 165, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }

  /* line 168, ../../../sass/base/_animate.sass */
  80% {
    -webkit-transform: translateY(-10px); }

  /* line 170, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes bounceInUp {
  /* line 174, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  /* line 177, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }

  /* line 180, ../../../sass/base/_animate.sass */
  80% {
    -webkit-transform: translateY(10px); }

  /* line 182, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes bounceInRight {
  /* line 186, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  /* line 189, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }

  /* line 192, ../../../sass/base/_animate.sass */
  80% {
    -webkit-transform: translateX(10px); }

  /* line 194, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes bounceInLeft {
  /* line 198, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  /* line 201, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }

  /* line 204, ../../../sass/base/_animate.sass */
  80% {
    -webkit-transform: translateX(-10px); }

  /* line 206, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes bounceOut {
  /* line 210, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: scale(1); }

  /* line 212, ../../../sass/base/_animate.sass */
  25% {
    -webkit-transform: scale(0.95); }

  /* line 214, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }

  /* line 217, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@-webkit-keyframes bounceOutUp {
  /* line 222, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: translateY(0); }

  /* line 224, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }

  /* line 227, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-webkit-keyframes bounceOutDown {
  /* line 232, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: translateY(0); }

  /* line 234, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }

  /* line 237, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-webkit-keyframes bounceOutLeft {
  /* line 242, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: translateX(0); }

  /* line 244, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }

  /* line 247, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight {
  /* line 252, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: translateX(0); }

  /* line 254, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }

  /* line 257, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-webkit-keyframes flash {
  /* line 262, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 264, ../../../sass/base/_animate.sass */
  25% {
    opacity: 0; }

  /* line 266, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1; }

  /* line 268, ../../../sass/base/_animate.sass */
  75% {
    opacity: 0; }

  /* line 270, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@-webkit-keyframes bounce {
  /* line 274, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: translateY(0); }

  /* line 276, ../../../sass/base/_animate.sass */
  20% {
    -webkit-transform: translateY(0); }

  /* line 278, ../../../sass/base/_animate.sass */
  40% {
    -webkit-transform: translateY(-30px); }

  /* line 280, ../../../sass/base/_animate.sass */
  50% {
    -webkit-transform: translateY(0); }

  /* line 282, ../../../sass/base/_animate.sass */
  60% {
    -webkit-transform: translateY(-15px); }

  /* line 284, ../../../sass/base/_animate.sass */
  80% {
    -webkit-transform: translateY(0); }

  /* line 286, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: translateY(0); } }

@-webkit-keyframes shake {
  /* line 290, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: translateX(0); }

  /* line 292, ../../../sass/base/_animate.sass */
  10% {
    -webkit-transform: translateX(-10px); }

  /* line 294, ../../../sass/base/_animate.sass */
  20% {
    -webkit-transform: translateX(10px); }

  /* line 296, ../../../sass/base/_animate.sass */
  30% {
    -webkit-transform: translateX(-10px); }

  /* line 298, ../../../sass/base/_animate.sass */
  40% {
    -webkit-transform: translateX(10px); }

  /* line 300, ../../../sass/base/_animate.sass */
  50% {
    -webkit-transform: translateX(-10px); }

  /* line 302, ../../../sass/base/_animate.sass */
  60% {
    -webkit-transform: translateX(10px); }

  /* line 304, ../../../sass/base/_animate.sass */
  70% {
    -webkit-transform: translateX(-10px); }

  /* line 306, ../../../sass/base/_animate.sass */
  80% {
    -webkit-transform: translateX(10px); }

  /* line 308, ../../../sass/base/_animate.sass */
  90% {
    -webkit-transform: translateX(-10px); }

  /* line 310, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: translateX(0); } }

@-webkit-keyframes rotateInDownLeft {
  /* line 314, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  /* line 318, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateInUpLeft {
  /* line 324, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  /* line 328, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateInUpRight {
  /* line 334, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  /* line 338, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateInDownRight {
  /* line 344, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  /* line 348, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateOutDownLeft {
  /* line 354, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  /* line 358, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutUpLeft {
  /* line 364, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  /* line 368, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutDownRight {
  /* line 374, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  /* line 378, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-webkit-keyframes rotateOutUpRight {
  /* line 384, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  /* line 388, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-webkit-keyframes rotateIn {
  /* line 394, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }

  /* line 398, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-webkit-keyframes rotateOut {
  /* line 404, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }

  /* line 408, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@-webkit-keyframes tada {
  /* line 414, ../../../sass/base/_animate.sass */
  0% {
    -webkit-transform: scale(1); }

  /* line 416, ../../../sass/base/_animate.sass */
  10% {
    -webkit-transform: scale(0.9) rotate(-3deg); }

  /* line 418, ../../../sass/base/_animate.sass */
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }

  /* line 420, ../../../sass/base/_animate.sass */
  30% {
    -webkit-transform: scale(1.1) rotate(3deg); }

  /* line 422, ../../../sass/base/_animate.sass */
  40% {
    -webkit-transform: scale(1.1) rotate(-3deg); }

  /* line 424, ../../../sass/base/_animate.sass */
  50% {
    -webkit-transform: scale(1.1) rotate(3deg); }

  /* line 426, ../../../sass/base/_animate.sass */
  60% {
    -webkit-transform: scale(1.1) rotate(-3deg); }

  /* line 428, ../../../sass/base/_animate.sass */
  70% {
    -webkit-transform: scale(1.1) rotate(3deg); }

  /* line 430, ../../../sass/base/_animate.sass */
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }

  /* line 432, ../../../sass/base/_animate.sass */
  90% {
    -webkit-transform: scale(1.1) rotate(3deg); }

  /* line 434, ../../../sass/base/_animate.sass */
  100% {
    -webkit-transform: scale(1) rotate(0); } }

@-moz-keyframes fadeIn {
  /* line 438, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0; }

  /* line 440, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@-moz-keyframes fadeOut {
  /* line 444, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 446, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0; } }

@-moz-keyframes fadeInUp {
  /* line 450, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }

  /* line 453, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutUp {
  /* line 458, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  /* line 461, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }

@-moz-keyframes fadeInDown {
  /* line 466, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }

  /* line 469, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutDown {
  /* line 474, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  /* line 477, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }

@-moz-keyframes fadeInRight {
  /* line 482, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }

  /* line 485, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutLeft {
  /* line 490, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  /* line 493, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }

@-moz-keyframes fadeInLeft {
  /* line 498, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }

  /* line 501, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutRight {
  /* line 506, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  /* line 509, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }

@-moz-keyframes fadeInUpBig {
  /* line 514, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  /* line 517, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutUpBig {
  /* line 522, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  /* line 525, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-moz-keyframes fadeInDownBig {
  /* line 530, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  /* line 533, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutDownBig {
  /* line 538, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  /* line 541, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-moz-keyframes fadeInRightBig {
  /* line 546, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  /* line 549, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutLeftBig {
  /* line 554, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  /* line 557, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-moz-keyframes fadeInLeftBig {
  /* line 562, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  /* line 565, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutRightBig {
  /* line 570, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  /* line 573, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-moz-keyframes bounceIn {
  /* line 578, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }

  /* line 581, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }

  /* line 584, ../../../sass/base/_animate.sass */
  70% {
    -moz-transform: scale(0.9); }

  /* line 586, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: scale(1); } }

@-moz-keyframes bounceInDown {
  /* line 590, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  /* line 593, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }

  /* line 596, ../../../sass/base/_animate.sass */
  80% {
    -moz-transform: translateY(-10px); }

  /* line 598, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: translateY(0); } }

@-moz-keyframes bounceInUp {
  /* line 602, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  /* line 605, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }

  /* line 608, ../../../sass/base/_animate.sass */
  80% {
    -moz-transform: translateY(10px); }

  /* line 610, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: translateY(0); } }

@-moz-keyframes bounceInRight {
  /* line 614, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  /* line 617, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }

  /* line 620, ../../../sass/base/_animate.sass */
  80% {
    -moz-transform: translateX(10px); }

  /* line 622, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: translateX(0); } }

@-moz-keyframes bounceInLeft {
  /* line 626, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  /* line 629, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }

  /* line 632, ../../../sass/base/_animate.sass */
  80% {
    -moz-transform: translateX(-10px); }

  /* line 634, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: translateX(0); } }

@-moz-keyframes bounceOut {
  /* line 638, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: scale(1); }

  /* line 640, ../../../sass/base/_animate.sass */
  25% {
    -moz-transform: scale(0.95); }

  /* line 642, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }

  /* line 645, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }

@-moz-keyframes bounceOutUp {
  /* line 650, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: translateY(0); }

  /* line 652, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }

  /* line 655, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-moz-keyframes bounceOutDown {
  /* line 660, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: translateY(0); }

  /* line 662, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }

  /* line 665, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-moz-keyframes bounceOutLeft {
  /* line 670, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: translateX(0); }

  /* line 672, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }

  /* line 675, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-moz-keyframes bounceOutRight {
  /* line 680, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: translateX(0); }

  /* line 682, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

  /* line 685, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-moz-keyframes flash {
  /* line 690, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 692, ../../../sass/base/_animate.sass */
  25% {
    opacity: 0; }

  /* line 694, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1; }

  /* line 696, ../../../sass/base/_animate.sass */
  75% {
    opacity: 0; }

  /* line 698, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@-moz-keyframes bounce {
  /* line 702, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: translateY(0); }

  /* line 704, ../../../sass/base/_animate.sass */
  20% {
    -moz-transform: translateY(0); }

  /* line 706, ../../../sass/base/_animate.sass */
  40% {
    -moz-transform: translateY(-30px); }

  /* line 708, ../../../sass/base/_animate.sass */
  50% {
    -moz-transform: translateY(0); }

  /* line 710, ../../../sass/base/_animate.sass */
  60% {
    -moz-transform: translateY(-15px); }

  /* line 712, ../../../sass/base/_animate.sass */
  80% {
    -moz-transform: translateY(0); }

  /* line 714, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: translateY(0); } }

@-moz-keyframes shake {
  /* line 718, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: translateX(0); }

  /* line 720, ../../../sass/base/_animate.sass */
  10% {
    -moz-transform: translateX(-10px); }

  /* line 722, ../../../sass/base/_animate.sass */
  20% {
    -moz-transform: translateX(10px); }

  /* line 724, ../../../sass/base/_animate.sass */
  30% {
    -moz-transform: translateX(-10px); }

  /* line 726, ../../../sass/base/_animate.sass */
  40% {
    -moz-transform: translateX(10px); }

  /* line 728, ../../../sass/base/_animate.sass */
  50% {
    -moz-transform: translateX(-10px); }

  /* line 730, ../../../sass/base/_animate.sass */
  60% {
    -moz-transform: translateX(10px); }

  /* line 732, ../../../sass/base/_animate.sass */
  70% {
    -moz-transform: translateX(-10px); }

  /* line 734, ../../../sass/base/_animate.sass */
  80% {
    -moz-transform: translateX(10px); }

  /* line 736, ../../../sass/base/_animate.sass */
  90% {
    -moz-transform: translateX(-10px); }

  /* line 738, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: translateX(0); } }

@-moz-keyframes rotateInDownLeft {
  /* line 742, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  /* line 746, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpLeft {
  /* line 752, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  /* line 756, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpRight {
  /* line 762, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  /* line 766, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownRight {
  /* line 772, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  /* line 776, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateOutDownLeft {
  /* line 782, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  /* line 786, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpLeft {
  /* line 792, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  /* line 796, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownRight {
  /* line 802, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  /* line 806, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpRight {
  /* line 812, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  /* line 816, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateIn {
  /* line 822, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }

  /* line 826, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateOut {
  /* line 832, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }

  /* line 836, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }

@-moz-keyframes tada {
  /* line 842, ../../../sass/base/_animate.sass */
  0% {
    -moz-transform: scale(1); }

  /* line 844, ../../../sass/base/_animate.sass */
  10% {
    -moz-transform: scale(0.9) rotate(-3deg); }

  /* line 846, ../../../sass/base/_animate.sass */
  20% {
    -moz-transform: scale(0.9) rotate(-3deg); }

  /* line 848, ../../../sass/base/_animate.sass */
  30% {
    -moz-transform: scale(1.1) rotate(3deg); }

  /* line 850, ../../../sass/base/_animate.sass */
  40% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  /* line 852, ../../../sass/base/_animate.sass */
  50% {
    -moz-transform: scale(1.1) rotate(3deg); }

  /* line 854, ../../../sass/base/_animate.sass */
  60% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  /* line 856, ../../../sass/base/_animate.sass */
  70% {
    -moz-transform: scale(1.1) rotate(3deg); }

  /* line 858, ../../../sass/base/_animate.sass */
  80% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  /* line 860, ../../../sass/base/_animate.sass */
  90% {
    -moz-transform: scale(1.1) rotate(3deg); }

  /* line 862, ../../../sass/base/_animate.sass */
  100% {
    -moz-transform: scale(1) rotate(0); } }

@-ms-keyframes fadeIn {
  /* line 866, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0; }

  /* line 868, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@-ms-keyframes fadeOut {
  /* line 872, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 874, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0; } }

@-ms-keyframes fadeInUp {
  /* line 878, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }

  /* line 881, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutUp {
  /* line 886, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }

  /* line 889, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px); } }

@-ms-keyframes fadeInDown {
  /* line 894, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }

  /* line 897, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutDown {
  /* line 902, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }

  /* line 905, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateY(20px); } }

@-ms-keyframes fadeInRight {
  /* line 910, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }

  /* line 913, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutLeft {
  /* line 918, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }

  /* line 921, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px); } }

@-ms-keyframes fadeInLeft {
  /* line 926, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }

  /* line 929, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutRight {
  /* line 934, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }

  /* line 937, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateX(20px); } }

@-ms-keyframes fadeInUpBig {
  /* line 942, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }

  /* line 945, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutUpBig {
  /* line 950, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }

  /* line 953, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px); } }

@-ms-keyframes fadeInDownBig {
  /* line 958, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }

  /* line 961, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutDownBig {
  /* line 966, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }

  /* line 969, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }

@-ms-keyframes fadeInRightBig {
  /* line 974, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }

  /* line 977, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutLeftBig {
  /* line 982, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }

  /* line 985, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }

@-ms-keyframes fadeInLeftBig {
  /* line 990, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }

  /* line 993, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutRightBig {
  /* line 998, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }

  /* line 1001, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }

@-ms-keyframes bounceIn {
  /* line 1006, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }

  /* line 1009, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }

  /* line 1012, ../../../sass/base/_animate.sass */
  70% {
    -ms-transform: scale(0.9); }

  /* line 1014, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: scale(1); } }

@-ms-keyframes bounceInDown {
  /* line 1018, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }

  /* line 1021, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }

  /* line 1024, ../../../sass/base/_animate.sass */
  80% {
    -ms-transform: translateY(-10px); }

  /* line 1026, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: translateY(0); } }

@-ms-keyframes bounceInUp {
  /* line 1030, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }

  /* line 1033, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }

  /* line 1036, ../../../sass/base/_animate.sass */
  80% {
    -ms-transform: translateY(10px); }

  /* line 1038, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: translateY(0); } }

@-ms-keyframes bounceInRight {
  /* line 1042, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }

  /* line 1045, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }

  /* line 1048, ../../../sass/base/_animate.sass */
  80% {
    -ms-transform: translateX(10px); }

  /* line 1050, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: translateX(0); } }

@-ms-keyframes bounceInLeft {
  /* line 1054, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }

  /* line 1057, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }

  /* line 1060, ../../../sass/base/_animate.sass */
  80% {
    -ms-transform: translateX(-10px); }

  /* line 1062, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: translateX(0); } }

@-ms-keyframes bounceOut {
  /* line 1066, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: scale(1); }

  /* line 1068, ../../../sass/base/_animate.sass */
  25% {
    -ms-transform: scale(0.95); }

  /* line 1070, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    -ms-transform: scale(1.1); }

  /* line 1073, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: scale(0.3); } }

@-ms-keyframes bounceOutUp {
  /* line 1078, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: translateY(0); }

  /* line 1080, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -ms-transform: translateY(20px); }

  /* line 1083, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px); } }

@-ms-keyframes bounceOutDown {
  /* line 1088, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: translateY(0); }

  /* line 1090, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px); }

  /* line 1093, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }

@-ms-keyframes bounceOutLeft {
  /* line 1098, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: translateX(0); }

  /* line 1100, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -ms-transform: translateX(20px); }

  /* line 1103, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }

@-ms-keyframes bounceOutRight {
  /* line 1108, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: translateX(0); }

  /* line 1110, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px); }

  /* line 1113, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }

@-ms-keyframes flash {
  /* line 1118, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 1120, ../../../sass/base/_animate.sass */
  25% {
    opacity: 0; }

  /* line 1122, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1; }

  /* line 1124, ../../../sass/base/_animate.sass */
  75% {
    opacity: 0; }

  /* line 1126, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@-ms-keyframes bounce {
  /* line 1130, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: translateY(0); }

  /* line 1132, ../../../sass/base/_animate.sass */
  20% {
    -ms-transform: translateY(0); }

  /* line 1134, ../../../sass/base/_animate.sass */
  40% {
    -ms-transform: translateY(-30px); }

  /* line 1136, ../../../sass/base/_animate.sass */
  50% {
    -ms-transform: translateY(0); }

  /* line 1138, ../../../sass/base/_animate.sass */
  60% {
    -ms-transform: translateY(-15px); }

  /* line 1140, ../../../sass/base/_animate.sass */
  80% {
    -ms-transform: translateY(0); }

  /* line 1142, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: translateY(0); } }

@-ms-keyframes shake {
  /* line 1146, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: translateX(0); }

  /* line 1148, ../../../sass/base/_animate.sass */
  10% {
    -ms-transform: translateX(-10px); }

  /* line 1150, ../../../sass/base/_animate.sass */
  20% {
    -ms-transform: translateX(10px); }

  /* line 1152, ../../../sass/base/_animate.sass */
  30% {
    -ms-transform: translateX(-10px); }

  /* line 1154, ../../../sass/base/_animate.sass */
  40% {
    -ms-transform: translateX(10px); }

  /* line 1156, ../../../sass/base/_animate.sass */
  50% {
    -ms-transform: translateX(-10px); }

  /* line 1158, ../../../sass/base/_animate.sass */
  60% {
    -ms-transform: translateX(10px); }

  /* line 1160, ../../../sass/base/_animate.sass */
  70% {
    -ms-transform: translateX(-10px); }

  /* line 1162, ../../../sass/base/_animate.sass */
  80% {
    -ms-transform: translateX(10px); }

  /* line 1164, ../../../sass/base/_animate.sass */
  90% {
    -ms-transform: translateX(-10px); }

  /* line 1166, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: translateX(0); } }

@-ms-keyframes rotateInDownLeft {
  /* line 1170, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }

  /* line 1174, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }

@-ms-keyframes rotateInUpLeft {
  /* line 1180, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }

  /* line 1184, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }

@-ms-keyframes rotateInUpRight {
  /* line 1190, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }

  /* line 1194, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }

@-ms-keyframes rotateInDownRight {
  /* line 1200, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }

  /* line 1204, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }

@-ms-keyframes rotateOutDownLeft {
  /* line 1210, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }

  /* line 1214, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }

@-ms-keyframes rotateOutUpLeft {
  /* line 1220, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }

  /* line 1224, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }

@-ms-keyframes rotateOutDownRight {
  /* line 1230, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }

  /* line 1234, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }

@-ms-keyframes rotateOutUpRight {
  /* line 1240, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }

  /* line 1244, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }

@-ms-keyframes rotateIn {
  /* line 1250, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }

  /* line 1254, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }

@-ms-keyframes rotateOut {
  /* line 1260, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; }

  /* line 1264, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0; } }

@-ms-keyframes tada {
  /* line 1270, ../../../sass/base/_animate.sass */
  0% {
    -ms-transform: scale(1); }

  /* line 1272, ../../../sass/base/_animate.sass */
  10% {
    -ms-transform: scale(0.9) rotate(-3deg); }

  /* line 1274, ../../../sass/base/_animate.sass */
  20% {
    -ms-transform: scale(0.9) rotate(-3deg); }

  /* line 1276, ../../../sass/base/_animate.sass */
  30% {
    -ms-transform: scale(1.1) rotate(3deg); }

  /* line 1278, ../../../sass/base/_animate.sass */
  40% {
    -ms-transform: scale(1.1) rotate(-3deg); }

  /* line 1280, ../../../sass/base/_animate.sass */
  50% {
    -ms-transform: scale(1.1) rotate(3deg); }

  /* line 1282, ../../../sass/base/_animate.sass */
  60% {
    -ms-transform: scale(1.1) rotate(-3deg); }

  /* line 1284, ../../../sass/base/_animate.sass */
  70% {
    -ms-transform: scale(1.1) rotate(3deg); }

  /* line 1286, ../../../sass/base/_animate.sass */
  80% {
    -ms-transform: scale(1.1) rotate(-3deg); }

  /* line 1288, ../../../sass/base/_animate.sass */
  90% {
    -ms-transform: scale(1.1) rotate(3deg); }

  /* line 1290, ../../../sass/base/_animate.sass */
  100% {
    -ms-transform: scale(1) rotate(0); } }

@keyframes fadeIn {
  /* line 1294, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0; }

  /* line 1296, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  /* line 1300, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 1302, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0; } }

@keyframes fadeInUp {
  /* line 1306, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateY(20px); }

  /* line 1309, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeOutUp {
  /* line 1314, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateY(0); }

  /* line 1317, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateY(-20px); } }

@keyframes fadeInDown {
  /* line 1322, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateY(-20px); }

  /* line 1325, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeOutDown {
  /* line 1330, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateY(0); }

  /* line 1333, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateY(20px); } }

@keyframes fadeInRight {
  /* line 1338, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateX(20px); }

  /* line 1341, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeOutLeft {
  /* line 1346, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateX(0); }

  /* line 1349, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateX(-20px); } }

@keyframes fadeInLeft {
  /* line 1354, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateX(-20px); }

  /* line 1357, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeOutRight {
  /* line 1362, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateX(0); }

  /* line 1365, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateX(20px); } }

@keyframes fadeInUpBig {
  /* line 1370, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  /* line 1373, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeOutUpBig {
  /* line 1378, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateY(0); }

  /* line 1381, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

@keyframes fadeInDownBig {
  /* line 1386, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  /* line 1389, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeOutDownBig {
  /* line 1394, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateY(0); }

  /* line 1397, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

@keyframes fadeInRightBig {
  /* line 1402, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  /* line 1405, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeOutLeftBig {
  /* line 1410, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateX(0); }

  /* line 1413, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

@keyframes fadeInLeftBig {
  /* line 1418, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  /* line 1421, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeOutRightBig {
  /* line 1426, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1;
    transform: translateX(0); }

  /* line 1429, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

@keyframes bounceIn {
  /* line 1434, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: scale(0.3); }

  /* line 1437, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    transform: scale(1.05); }

  /* line 1440, ../../../sass/base/_animate.sass */
  70% {
    transform: scale(0.9); }

  /* line 1442, ../../../sass/base/_animate.sass */
  100% {
    transform: scale(1); } }

@keyframes bounceInDown {
  /* line 1446, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  /* line 1449, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    transform: translateY(30px); }

  /* line 1452, ../../../sass/base/_animate.sass */
  80% {
    transform: translateY(-10px); }

  /* line 1454, ../../../sass/base/_animate.sass */
  100% {
    transform: translateY(0); } }

@keyframes bounceInUp {
  /* line 1458, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  /* line 1461, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    transform: translateY(-30px); }

  /* line 1464, ../../../sass/base/_animate.sass */
  80% {
    transform: translateY(10px); }

  /* line 1466, ../../../sass/base/_animate.sass */
  100% {
    transform: translateY(0); } }

@keyframes bounceInRight {
  /* line 1470, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  /* line 1473, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    transform: translateX(-30px); }

  /* line 1476, ../../../sass/base/_animate.sass */
  80% {
    transform: translateX(10px); }

  /* line 1478, ../../../sass/base/_animate.sass */
  100% {
    transform: translateX(0); } }

@keyframes bounceInLeft {
  /* line 1482, ../../../sass/base/_animate.sass */
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  /* line 1485, ../../../sass/base/_animate.sass */
  60% {
    opacity: 1;
    transform: translateX(30px); }

  /* line 1488, ../../../sass/base/_animate.sass */
  80% {
    transform: translateX(-10px); }

  /* line 1490, ../../../sass/base/_animate.sass */
  100% {
    transform: translateX(0); } }

@keyframes bounceOut {
  /* line 1494, ../../../sass/base/_animate.sass */
  0% {
    transform: scale(1); }

  /* line 1496, ../../../sass/base/_animate.sass */
  25% {
    transform: scale(0.95); }

  /* line 1498, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1;
    transform: scale(1.1); }

  /* line 1501, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: scale(0.3); } }

@keyframes bounceOutUp {
  /* line 1506, ../../../sass/base/_animate.sass */
  0% {
    transform: translateY(0); }

  /* line 1508, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    transform: translateY(20px); }

  /* line 1511, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

@keyframes bounceOutDown {
  /* line 1516, ../../../sass/base/_animate.sass */
  0% {
    transform: translateY(0); }

  /* line 1518, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    transform: translateY(-20px); }

  /* line 1521, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

@keyframes bounceOutLeft {
  /* line 1526, ../../../sass/base/_animate.sass */
  0% {
    transform: translateX(0); }

  /* line 1528, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    transform: translateX(20px); }

  /* line 1531, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

@keyframes bounceOutRight {
  /* line 1536, ../../../sass/base/_animate.sass */
  0% {
    transform: translateX(0); }

  /* line 1538, ../../../sass/base/_animate.sass */
  20% {
    opacity: 1;
    transform: translateX(-20px); }

  /* line 1541, ../../../sass/base/_animate.sass */
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

@keyframes flash {
  /* line 1546, ../../../sass/base/_animate.sass */
  0% {
    opacity: 1; }

  /* line 1548, ../../../sass/base/_animate.sass */
  25% {
    opacity: 0; }

  /* line 1550, ../../../sass/base/_animate.sass */
  50% {
    opacity: 1; }

  /* line 1552, ../../../sass/base/_animate.sass */
  75% {
    opacity: 0; }

  /* line 1554, ../../../sass/base/_animate.sass */
  100% {
    opacity: 1; } }

@keyframes bounce {
  /* line 1558, ../../../sass/base/_animate.sass */
  0% {
    transform: translateY(0); }

  /* line 1560, ../../../sass/base/_animate.sass */
  20% {
    transform: translateY(0); }

  /* line 1562, ../../../sass/base/_animate.sass */
  40% {
    transform: translateY(-30px); }

  /* line 1564, ../../../sass/base/_animate.sass */
  50% {
    transform: translateY(0); }

  /* line 1566, ../../../sass/base/_animate.sass */
  60% {
    transform: translateY(-15px); }

  /* line 1568, ../../../sass/base/_animate.sass */
  80% {
    transform: translateY(0); }

  /* line 1570, ../../../sass/base/_animate.sass */
  100% {
    transform: translateY(0); } }

@keyframes shake {
  /* line 1574, ../../../sass/base/_animate.sass */
  0% {
    transform: translateX(0); }

  /* line 1576, ../../../sass/base/_animate.sass */
  10% {
    transform: translateX(-10px); }

  /* line 1578, ../../../sass/base/_animate.sass */
  20% {
    transform: translateX(10px); }

  /* line 1580, ../../../sass/base/_animate.sass */
  30% {
    transform: translateX(-10px); }

  /* line 1582, ../../../sass/base/_animate.sass */
  40% {
    transform: translateX(10px); }

  /* line 1584, ../../../sass/base/_animate.sass */
  50% {
    transform: translateX(-10px); }

  /* line 1586, ../../../sass/base/_animate.sass */
  60% {
    transform: translateX(10px); }

  /* line 1588, ../../../sass/base/_animate.sass */
  70% {
    transform: translateX(-10px); }

  /* line 1590, ../../../sass/base/_animate.sass */
  80% {
    transform: translateX(10px); }

  /* line 1592, ../../../sass/base/_animate.sass */
  90% {
    transform: translateX(-10px); }

  /* line 1594, ../../../sass/base/_animate.sass */
  100% {
    transform: translateX(0); } }

@keyframes rotateInDownLeft {
  /* line 1598, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  /* line 1602, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  /* line 1608, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }

  /* line 1612, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  /* line 1618, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  /* line 1622, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  /* line 1628, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }

  /* line 1632, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateOutDownLeft {
  /* line 1638, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  /* line 1642, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  /* line 1648, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  /* line 1652, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  /* line 1658, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  /* line 1662, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  /* line 1668, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  /* line 1672, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateIn {
  /* line 1678, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }

  /* line 1682, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateOut {
  /* line 1688, ../../../sass/base/_animate.sass */
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }

  /* line 1692, ../../../sass/base/_animate.sass */
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes tada {
  /* line 1698, ../../../sass/base/_animate.sass */
  0% {
    transform: scale(1); }

  /* line 1700, ../../../sass/base/_animate.sass */
  10% {
    transform: scale(0.9) rotate(-3deg); }

  /* line 1702, ../../../sass/base/_animate.sass */
  20% {
    transform: scale(0.9) rotate(-3deg); }

  /* line 1704, ../../../sass/base/_animate.sass */
  30% {
    transform: scale(1.1) rotate(3deg); }

  /* line 1706, ../../../sass/base/_animate.sass */
  40% {
    transform: scale(1.1) rotate(-3deg); }

  /* line 1708, ../../../sass/base/_animate.sass */
  50% {
    transform: scale(1.1) rotate(3deg); }

  /* line 1710, ../../../sass/base/_animate.sass */
  60% {
    transform: scale(1.1) rotate(-3deg); }

  /* line 1712, ../../../sass/base/_animate.sass */
  70% {
    transform: scale(1.1) rotate(3deg); }

  /* line 1714, ../../../sass/base/_animate.sass */
  80% {
    transform: scale(1.1) rotate(-3deg); }

  /* line 1716, ../../../sass/base/_animate.sass */
  90% {
    transform: scale(1.1) rotate(3deg); }

  /* line 1718, ../../../sass/base/_animate.sass */
  100% {
    transform: scale(1) rotate(0); } }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_global\.scss}line{font-family:\000031}}
body {
  background-color: black; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_media\.scss}line{font-family:\000031}}
img, media {
  max-width: 100%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\000031}}
body {
  color: white;
  font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\000036}}
.l-content {
  font-size: .85em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\000039}}
  .l-content h1, .l-content h2, .l-content h3, .l-content h4, .l-content h5 {
    margin: 1em 0 .2em 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000313}}
  .l-content h3, .l-content h4, .l-content h5 {
    text-transform: uppercase;
    letter-spacing: .1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000318}}
  .l-content h1 {
    font-family: "superclarendon", georgia, serif;
    font-size: 3.5em;
    text-shadow: 0 3px 0px black; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000340}}
  .l-content p {
    margin: .2em 0 1em 0;
    line-height: 1.6em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000345}}
  .l-content ul {
    margin-left: 0;
    padding-left: 0;
    list-style: square;
    list-style-type: square;
    list-style-image: square; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000351}}
    .l-content ul li {
      margin-left: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000353}}
      .l-content ul li ul {
        margin: .2em 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000359}}
  .l-content a {
    color: #db1010;
    text-decoration: none;
    transition: color .25s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000363}}
    .l-content a:hover {
      color: red; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000370}}
  .l-content {
    font-size: 1em; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000376}}
  .l-content {
    font-size: 1.15em; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/base\/_typography\.scss}line{font-family:\0000382}}
  .l-content {
    font-size: 1.35em; } }
@-webkit-keyframes lift {
  /* line 4, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 8, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 12, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 16, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 20, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 23, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-moz-keyframes lift {
  /* line 4, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 8, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 12, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 16, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 20, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 23, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-ms-keyframes lift {
  /* line 4, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 8, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 12, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 16, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 20, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 23, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@keyframes lift {
  /* line 4, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 8, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 12, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg); }

  /* line 16, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 20, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 23, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-webkit-keyframes back-lift {
  /* line 29, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 33, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 37, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 41, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 45, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 48, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-moz-keyframes back-lift {
  /* line 29, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 33, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 37, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 41, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 45, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 48, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-ms-keyframes back-lift {
  /* line 29, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 33, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 37, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 41, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 45, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 48, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@keyframes back-lift {
  /* line 29, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 33, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 37, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-top: -50px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg); }

  /* line 41, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-top: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

  /* line 45, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 48, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-webkit-keyframes shake {
  /* line 54, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    margin-left: 0px; }

  /* line 58, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    margin-left: 0px; }

  /* line 62, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  40% {
    margin-left: -50px; }

  /* line 65, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    margin-left: 50px; }

  /* line 68, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    margin-left: -50px; }

  /* line 72, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-left: 50px;
    margin-top: -50px; }

  /* line 76, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-left: 0px;
    margin-top: 00px; }

  /* line 80, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 83, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-moz-keyframes shake {
  /* line 54, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    margin-left: 0px; }

  /* line 58, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    margin-left: 0px; }

  /* line 62, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  40% {
    margin-left: -50px; }

  /* line 65, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    margin-left: 50px; }

  /* line 68, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    margin-left: -50px; }

  /* line 72, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-left: 50px;
    margin-top: -50px; }

  /* line 76, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-left: 0px;
    margin-top: 00px; }

  /* line 80, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 83, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-ms-keyframes shake {
  /* line 54, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    margin-left: 0px; }

  /* line 58, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    margin-left: 0px; }

  /* line 62, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  40% {
    margin-left: -50px; }

  /* line 65, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    margin-left: 50px; }

  /* line 68, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    margin-left: -50px; }

  /* line 72, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-left: 50px;
    margin-top: -50px; }

  /* line 76, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-left: 0px;
    margin-top: 00px; }

  /* line 80, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 83, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@keyframes shake {
  /* line 54, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0% {
    margin-top: -0px;
    margin-left: 0px; }

  /* line 58, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  15% {
    margin-top: -50px;
    margin-left: 0px; }

  /* line 62, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  40% {
    margin-left: -50px; }

  /* line 65, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    margin-left: 50px; }

  /* line 68, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    margin-left: -50px; }

  /* line 72, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  70% {
    margin-left: 50px;
    margin-top: -50px; }

  /* line 76, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  85% {
    margin-left: 0px;
    margin-top: 00px; }

  /* line 80, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  92.5% {
    margin-top: -20px; }

  /* line 83, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    margin-top: 0px; } }

@-webkit-keyframes hide-front {
  /* line 89, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0px) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0px) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0px) scaleY(1) rotate(0deg);
    -o-transform: translateY(0px) scaleY(1) rotate(0deg);
    transform: translateY(0px) scaleY(1) rotate(0deg); }

  /* line 93, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 97, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); } }

@-moz-keyframes hide-front {
  /* line 89, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0px) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0px) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0px) scaleY(1) rotate(0deg);
    -o-transform: translateY(0px) scaleY(1) rotate(0deg);
    transform: translateY(0px) scaleY(1) rotate(0deg); }

  /* line 93, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 97, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); } }

@-ms-keyframes hide-front {
  /* line 89, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0px) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0px) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0px) scaleY(1) rotate(0deg);
    -o-transform: translateY(0px) scaleY(1) rotate(0deg);
    transform: translateY(0px) scaleY(1) rotate(0deg); }

  /* line 93, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 97, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); } }

@keyframes hide-front {
  /* line 89, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0px) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0px) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0px) scaleY(1) rotate(0deg);
    -o-transform: translateY(0px) scaleY(1) rotate(0deg);
    transform: translateY(0px) scaleY(1) rotate(0deg); }

  /* line 93, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 97, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); } }

@-webkit-keyframes show-front {
  /* line 103, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); }

  /* line 107, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 111, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0%) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0%) scaleY(1) rotate(0deg);
    -o-transform: translateY(0%) scaleY(1) rotate(0deg);
    transform: translateY(0%) scaleY(1) rotate(0deg); } }

@-moz-keyframes show-front {
  /* line 103, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); }

  /* line 107, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 111, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0%) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0%) scaleY(1) rotate(0deg);
    -o-transform: translateY(0%) scaleY(1) rotate(0deg);
    transform: translateY(0%) scaleY(1) rotate(0deg); } }

@-ms-keyframes show-front {
  /* line 103, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); }

  /* line 107, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 111, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0%) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0%) scaleY(1) rotate(0deg);
    -o-transform: translateY(0%) scaleY(1) rotate(0deg);
    transform: translateY(0%) scaleY(1) rotate(0deg); } }

@keyframes show-front {
  /* line 103, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -moz-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -ms-transform: translateY(-120%) scaleY(0) rotate(0deg);
    -o-transform: translateY(-120%) scaleY(0) rotate(0deg);
    transform: translateY(-120%) scaleY(0) rotate(0deg); }

  /* line 107, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -moz-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -ms-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    -o-transform: translateY(-90%) scaleY(0.5) rotate(0deg);
    transform: translateY(-90%) scaleY(0.5) rotate(0deg); }

  /* line 111, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1) rotate(0deg);
    -moz-transform: translateY(0%) scaleY(1) rotate(0deg);
    -ms-transform: translateY(0%) scaleY(1) rotate(0deg);
    -o-transform: translateY(0%) scaleY(1) rotate(0deg);
    transform: translateY(0%) scaleY(1) rotate(0deg); } }

@-webkit-keyframes hide-back {
  /* line 117, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 121, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 125, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@-moz-keyframes hide-back {
  /* line 117, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 121, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 125, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@-ms-keyframes hide-back {
  /* line 117, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 121, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 125, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@keyframes hide-back {
  /* line 117, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 121, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 125, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@-webkit-keyframes show-back {
  /* line 132, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 136, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 140, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@-moz-keyframes show-back {
  /* line 132, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 136, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 140, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@-ms-keyframes show-back {
  /* line 132, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 136, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 140, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@keyframes show-back {
  /* line 132, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 136, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 140, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@-webkit-keyframes hide-back-ring {
  /* line 146, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 150, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 155, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@-moz-keyframes hide-back-ring {
  /* line 146, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 150, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 155, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@-ms-keyframes hide-back-ring {
  /* line 146, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 150, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 155, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@keyframes hide-back-ring {
  /* line 146, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); }

  /* line 150, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 155, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  60% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); } }

@-webkit-keyframes show-back-ring {
  /* line 163, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 168, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 173, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@-moz-keyframes show-back-ring {
  /* line 163, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 168, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 173, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@-ms-keyframes show-back-ring {
  /* line 163, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 168, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 173, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@keyframes show-back-ring {
  /* line 163, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  50%, 0% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(70%) scaleY(0);
    -moz-transform: translateY(70%) scaleY(0);
    -ms-transform: translateY(70%) scaleY(0);
    -o-transform: translateY(70%) scaleY(0);
    transform: translateY(70%) scaleY(0); }

  /* line 168, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  65% {
    background-image: url("../../../images/eight-ball-ring-trans.png");
    -webkit-transform: translateY(60%) scaleY(0.5);
    -moz-transform: translateY(60%) scaleY(0.5);
    -ms-transform: translateY(60%) scaleY(0.5);
    -o-transform: translateY(60%) scaleY(0.5);
    transform: translateY(60%) scaleY(0.5); }

  /* line 173, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  75% {
    -webkit-transform: translateY(0%) scaleY(1);
    -moz-transform: translateY(0%) scaleY(1);
    -ms-transform: translateY(0%) scaleY(1);
    -o-transform: translateY(0%) scaleY(1);
    transform: translateY(0%) scaleY(1); } }

@-webkit-keyframes show-die {
  /* line 179, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: rotate(0deg) scale(0.7);
    -moz-transform: rotate(0deg) scale(0.7);
    -ms-transform: rotate(0deg) scale(0.7);
    -o-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0; }

  /* line 183, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  30% {
    -webkit-transform: rotate(3deg) scale(1);
    -moz-transform: rotate(3deg) scale(1);
    -ms-transform: rotate(3deg) scale(1);
    -o-transform: rotate(3deg) scale(1);
    transform: rotate(3deg) scale(1);
    opacity: 1; }

  /* line 187, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    -webkit-transform: rotate(2deg) scale(0.9);
    -moz-transform: rotate(2deg) scale(0.9);
    -ms-transform: rotate(2deg) scale(0.9);
    -o-transform: rotate(2deg) scale(0.9);
    transform: rotate(2deg) scale(0.9);
    opacity: 1; } }

@-moz-keyframes show-die {
  /* line 179, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: rotate(0deg) scale(0.7);
    -moz-transform: rotate(0deg) scale(0.7);
    -ms-transform: rotate(0deg) scale(0.7);
    -o-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0; }

  /* line 183, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  30% {
    -webkit-transform: rotate(3deg) scale(1);
    -moz-transform: rotate(3deg) scale(1);
    -ms-transform: rotate(3deg) scale(1);
    -o-transform: rotate(3deg) scale(1);
    transform: rotate(3deg) scale(1);
    opacity: 1; }

  /* line 187, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    -webkit-transform: rotate(2deg) scale(0.9);
    -moz-transform: rotate(2deg) scale(0.9);
    -ms-transform: rotate(2deg) scale(0.9);
    -o-transform: rotate(2deg) scale(0.9);
    transform: rotate(2deg) scale(0.9);
    opacity: 1; } }

@-ms-keyframes show-die {
  /* line 179, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: rotate(0deg) scale(0.7);
    -moz-transform: rotate(0deg) scale(0.7);
    -ms-transform: rotate(0deg) scale(0.7);
    -o-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0; }

  /* line 183, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  30% {
    -webkit-transform: rotate(3deg) scale(1);
    -moz-transform: rotate(3deg) scale(1);
    -ms-transform: rotate(3deg) scale(1);
    -o-transform: rotate(3deg) scale(1);
    transform: rotate(3deg) scale(1);
    opacity: 1; }

  /* line 187, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    -webkit-transform: rotate(2deg) scale(0.9);
    -moz-transform: rotate(2deg) scale(0.9);
    -ms-transform: rotate(2deg) scale(0.9);
    -o-transform: rotate(2deg) scale(0.9);
    transform: rotate(2deg) scale(0.9);
    opacity: 1; } }

@keyframes show-die {
  /* line 179, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  0%, 15% {
    -webkit-transform: rotate(0deg) scale(0.7);
    -moz-transform: rotate(0deg) scale(0.7);
    -ms-transform: rotate(0deg) scale(0.7);
    -o-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
    opacity: 0; }

  /* line 183, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  30% {
    -webkit-transform: rotate(3deg) scale(1);
    -moz-transform: rotate(3deg) scale(1);
    -ms-transform: rotate(3deg) scale(1);
    -o-transform: rotate(3deg) scale(1);
    transform: rotate(3deg) scale(1);
    opacity: 1; }

  /* line 187, ../../../sass/components/homepage/_homepage-section-2-animation.scss */
  100% {
    -webkit-transform: rotate(2deg) scale(0.9);
    -moz-transform: rotate(2deg) scale(0.9);
    -ms-transform: rotate(2deg) scale(0.9);
    -o-transform: rotate(2deg) scale(0.9);
    transform: rotate(2deg) scale(0.9);
    opacity: 1; } }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\000031}}
.section-2a {
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 1.25em;
  padding: 1em 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\000036}}
  .section-2a h2 {
    text-transform: uppercase;
    font-weight: 100;
    font-size: .7em;
    margin-top: 0em;
    margin-bottom: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000313}}
  .section-2a .views-field-title {
    display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000316}}
  .section-2a .dotted {
    border-bottom: 1px dotted #fff;
    border-top: 1px dotted #fff;
    margin: 0 auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000321}}
  .section-2a .views-field-field-quote-body {
    font-family: "superclarendon", georgia, serif;
    margin: .8em 0 .2em 0;
    text-transform: uppercase;
    line-height: 1.5em;
    font-weight: 900;
    font-size: .8em;
    letter-spacing: .025em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000329}}
    .section-2a .views-field-field-quote-body.small {
      font-size: .7em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000332}}
    .section-2a .views-field-field-quote-body.smaller {
      font-size: .6em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000335}}
    .section-2a .views-field-field-quote-body.smallist {
      font-size: .5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000339}}
  .section-2a .views-field-field-name {
    font-family: "superclarendon", georgia, serif;
    margin: .4em 0 2em 0;
    text-transform: uppercase;
    font-size: .5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000345}}
  .section-2a #quote-date {
    background-image: url(../../../images/cal.png);
    background-position: top center;
    width: 95px;
    height: 99px;
    margin: 1em auto;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000352}}
    .section-2a #quote-date #month {
      color: #414141;
      text-transform: uppercase;
      font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
      font-size: .6em;
      font-weight: 800;
      padding-top: 23px;
      letter-spacing: 1px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000361}}
    .section-2a #quote-date #day {
      font-family: "superclarendon", georgia, serif;
      font-size: 2.4em; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000370}}
  .section-2a h2 {
    font-size: .8em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000373}}
  .section-2a .dotted {
    width: 70%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000376}}
  .section-2a .views-field-field-quote-body {
    font-size: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000379}}
  .section-2a .views-field-field-name {
    font-size: .6em; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000387}}
  .section-2a h2 {
    font-size: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000390}}
  .section-2a .dotted {
    width: 790px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000393}}
  .section-2a .views-field-field-quote-body {
    font-size: 1.1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\0000396}}
  .section-2a .views-field-field-name {
    font-size: .65em; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\00003104}}
  .section-2a h2 {
    font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\00003107}}
  .section-2a .dotted {
    width: 790px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\00003110}}
  .section-2a .views-field-field-quote-body {
    font-size: 1.3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-quote\.scss}line{font-family:\00003113}}
  .section-2a .views-field-field-name {
    font-size: .8em; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\000031}}
#formula-numbers {
  text-align: center;
  font-size: 12px;
  margin: 0px 3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\000036}}
  #formula-numbers #formula-hidden {
    position: absolute;
    margin-left: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000310}}
  #formula-numbers h3 {
    font-family: "superclarendon", georgia, serif;
    font-family: ClarendonBT-Black;
    font-weight: normal;
    font-style: normal;
    letter-spacing: .05em;
    font-size: 2em;
    font-size: 1.75em;
    margin-top: 2em;
    text-transform: uppercase;
    letter-spacing: .01em;
    border-bottom: 3px double #fff;
    padding-bottom: .5em;
    margin-bottom: 0;
    line-height: 110%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000321}}
    #formula-numbers h3 span.hang {
      margin-right: -.3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000325}}
  #formula-numbers .num-container {
    margin-left: -1.2em;
    margin-right: 1.2em;
    margin-bottom: 1em;
    margin-top: 1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000331}}
  #formula-numbers .num {
    display: block;
    float: left;
    padding: 0 0em;
    position: relative;
    font-family: "superclarendon", georgia, serif;
    font-weight: 900;
    font-weight: 600;
    text-shadow: 0px 0px 10px black;
    width: 50%;
    font-size: 4em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000341}}
    #formula-numbers .num .formula-top {
      margin: 0;
      display: inline-block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000345}}
    #formula-numbers .num div.percent {
      position: absolute;
      top: .2em;
      left: 50%;
      margin-left: 1.1em;
      font-size: .6em;
      display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000353}}
    #formula-numbers .num.left div.percent {
      margin-left: .95em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000356}}
    #formula-numbers .num .formula-sub {
      font-size: .3em;
      text-transform: uppercase;
      color: #aaa;
      font-family: "superclarendon", georgia, serif;
      font-weight: 900; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000362}}
    #formula-numbers .num.right .formula-sub {
      margin-left: .5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000366}}
  #formula-numbers .bottom-area {
    margin: 1.75em 0;
    border-top: 3px double #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000369}}
    #formula-numbers .bottom-area p {
      font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
      font-size: 1em;
      width: 100%;
      clear: both;
      padding-top: .5em;
      line-height: 120%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000376}}
      #formula-numbers .bottom-area p .clarendon {
        font-family: "superclarendon", georgia, serif;
        font-weight: 700; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000385}}
  #formula-numbers h3 {
    font-size: 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000387}}
    #formula-numbers h3 br {
      display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000392}}
  #formula-numbers .num-container {
    margin-top: .8em;
    font-size: 2em;
    width: 80%;
    margin-left: 10%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\0000397}}
    #formula-numbers .num-container .left {
      margin-left: -.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003100}}
    #formula-numbers .num-container .formula-sub {
      font-size: .2em;
      margin-top: -.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003106}}
  #formula-numbers .bottom-area {
    font-size: 1.2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003108}}
    #formula-numbers .bottom-area p {
      padding-top: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003110}}
      #formula-numbers .bottom-area p br {
        display: none; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003120}}
  #formula-numbers h3 {
    font-size: 2.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003122}}
    #formula-numbers h3 br {
      display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003127}}
  #formula-numbers .num-container {
    margin-top: .2em;
    font-size: 2.7em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003132}}
  #formula-numbers .bottom-area {
    font-size: 1.6em; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003140}}
  #formula-numbers h3 {
    font-size: 3em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003144}}
  #formula-numbers .num-container {
    font-size: 4em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2-right\.scss}line{font-family:\00003148}}
  #formula-numbers .bottom-area {
    font-size: 1.9em; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\000031}}
.section-2-wrap {
  position: relative;
  overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\000034}}
  .section-2-wrap #layer-1 {
    background-image: url(../../../images/type-texture-dark-grey.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000313}}
  .section-2-wrap #layer-2 {
    background-image: url(../../../images/type-texture-dark-grey-trans-1.gif);
    background-size: 100% 100%;
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: -2; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000324}}
  .section-2-wrap .section-2-slide-wrapper {
    width: 300%;
    -webkit-transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    -moz-transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out, height 0.5s ease-in-out;
    margin-left: -100%;
    z-index: 10;
    position: relative;
    overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000333}}
  .section-2-wrap .section-2-slide {
    width: 33.3%;
    float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000338}}
  .section-2-wrap #magic-8-ball {
    position: relative;
    z-index: 10;
    padding: 1.5em;
    overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000344}}
    .section-2-wrap #magic-8-ball .left-stuff {
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000346}}
      .section-2-wrap #magic-8-ball .left-stuff h3 {
        font-size: 2em;
        margin: 0px;
        padding: 0px;
        line-height: 100%;
        text-shadow: 1px 1px 0px #000;
        font-family: "superclarendon", georgia, serif;
        font-weight: 900;
        text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000354}}
        .section-2-wrap #magic-8-ball .left-stuff h3 span {
          margin-left: .6em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000359}}
      .section-2-wrap #magic-8-ball .left-stuff p {
        margin-left: 10px;
        font-size: .7em;
        font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
        font-weight: 600; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000361}}
        .section-2-wrap #magic-8-ball .left-stuff p br {
          display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000369}}
    .section-2-wrap #magic-8-ball .right-stuff {
      height: 200px;
      margin-top: 25px;
      text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000373}}
      .section-2-wrap #magic-8-ball .right-stuff .ball-container {
        height: 200px;
        display: inline-block;
        position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000378}}
        .section-2-wrap #magic-8-ball .right-stuff .ball-container:hover .ball {
          box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.5);
          cursor: pointer; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000391}}
      .section-2-wrap #magic-8-ball .right-stuff .on .ball, .section-2-wrap #magic-8-ball .right-stuff .on .shadow {
        margin-left: 0%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000393}}
        .section-2-wrap #magic-8-ball .right-stuff .on .ball .eight, .section-2-wrap #magic-8-ball .right-stuff .on .shadow .eight {
          -webkit-transform: translateY(0px) scaleY(1) rotate(0deg);
          -moz-transform: translateY(0px) scaleY(1) rotate(0deg);
          -ms-transform: translateY(0px) scaleY(1) rotate(0deg);
          -o-transform: translateY(0px) scaleY(1) rotate(0deg);
          transform: translateY(0px) scaleY(1) rotate(0deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000396}}
        .section-2-wrap #magic-8-ball .right-stuff .on .ball .back, .section-2-wrap #magic-8-ball .right-stuff .on .shadow .back {
          -webkit-transform: translateY(70%) scaleY(0);
          -moz-transform: translateY(70%) scaleY(0);
          -ms-transform: translateY(70%) scaleY(0);
          -o-transform: translateY(70%) scaleY(0);
          transform: translateY(70%) scaleY(0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\0000399}}
        .section-2-wrap #magic-8-ball .right-stuff .on .ball .back-ring, .section-2-wrap #magic-8-ball .right-stuff .on .shadow .back-ring {
          -webkit-transform: translateY(70%) scaleY(0);
          -moz-transform: translateY(70%) scaleY(0);
          -ms-transform: translateY(70%) scaleY(0);
          -o-transform: translateY(70%) scaleY(0);
          transform: translateY(70%) scaleY(0);
          background-image: url("../../../images/eight-ball-ring-trans.png"); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003107}}
      .section-2-wrap #magic-8-ball .right-stuff .off .ball, .section-2-wrap #magic-8-ball .right-stuff .off .shadow {
        margin-left: 300%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003109}}
        .section-2-wrap #magic-8-ball .right-stuff .off .ball .eight, .section-2-wrap #magic-8-ball .right-stuff .off .shadow .eight {
          -webkit-transform: translateY(0px) scaleY(1) rotate(360deg);
          -moz-transform: translateY(0px) scaleY(1) rotate(360deg);
          -ms-transform: translateY(0px) scaleY(1) rotate(360deg);
          -o-transform: translateY(0px) scaleY(1) rotate(360deg);
          transform: translateY(0px) scaleY(1) rotate(360deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003116}}
      .section-2-wrap #magic-8-ball .right-stuff .flipped .ball {
        -webkit-animation: lift .75s 1 linear;
        -moz-animation: lift .75s 1 linear;
        -o-animation: lift .75s 1 linear;
        animation: lift .75s 1 linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003118}}
        .section-2-wrap #magic-8-ball .right-stuff .flipped .ball .eight {
          -webkit-transition: none;
          -moz-transition: none;
          -o-transition: none;
          transition: none;
          -webkit-animation: hide-front .35s 1 linear;
          -moz-animation: hide-front .35s 1 linear;
          -o-animation: hide-front .35s 1 linear;
          animation: hide-front .35s 1 linear;
          -webkit-transform: translateY(-140px) scaleY(0);
          -moz-transform: translateY(-140px) scaleY(0);
          -ms-transform: translateY(-140px) scaleY(0);
          -o-transform: translateY(-140px) scaleY(0);
          transform: translateY(-140px) scaleY(0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003124}}
        .section-2-wrap #magic-8-ball .right-stuff .flipped .ball .back {
          -webkit-animation: show-back .35s 1 linear;
          -moz-animation: show-back .35s 1 linear;
          -o-animation: show-back .35s 1 linear;
          animation: show-back .35s 1 linear;
          -webkit-transform: translateY(0) scaleY(1);
          -moz-transform: translateY(0) scaleY(1);
          -ms-transform: translateY(0) scaleY(1);
          -o-transform: translateY(0) scaleY(1);
          transform: translateY(0) scaleY(1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003128}}
        .section-2-wrap #magic-8-ball .right-stuff .flipped .ball .back-ring {
          -webkit-animation: show-back-ring .35s 1 linear;
          -moz-animation: show-back-ring .35s 1 linear;
          -o-animation: show-back-ring .35s 1 linear;
          animation: show-back-ring .35s 1 linear;
          -webkit-transform: translateY(0) scaleY(1);
          -moz-transform: translateY(0) scaleY(1);
          -ms-transform: translateY(0) scaleY(1);
          -o-transform: translateY(0) scaleY(1);
          transform: translateY(0) scaleY(1);
          background-image: url("../../../images/eight-ball-ring-trans.png"); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003133}}
        .section-2-wrap #magic-8-ball .right-stuff .flipped .ball .die {
          opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003140}}
      .section-2-wrap #magic-8-ball .right-stuff .unflipped .ball {
        -webkit-animation: back-lift .75s 1 linear;
        -moz-animation: back-lift .75s 1 linear;
        -o-animation: back-lift .75s 1 linear;
        animation: back-lift .75s 1 linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003142}}
        .section-2-wrap #magic-8-ball .right-stuff .unflipped .ball .eight {
          -webkit-transition: none;
          -moz-transition: none;
          -o-transition: none;
          transition: none;
          -webkit-animation: show-front .35s 1 linear;
          -moz-animation: show-front .35s 1 linear;
          -o-animation: show-front .35s 1 linear;
          animation: show-front .35s 1 linear;
          -webkit-transform: translateY(0px) scaleY(1) rotate(0deg);
          -moz-transform: translateY(0px) scaleY(1) rotate(0deg);
          -ms-transform: translateY(0px) scaleY(1) rotate(0deg);
          -o-transform: translateY(0px) scaleY(1) rotate(0deg);
          transform: translateY(0px) scaleY(1) rotate(0deg); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003147}}
        .section-2-wrap #magic-8-ball .right-stuff .unflipped .ball .back {
          -webkit-animation: hide-back .35s 1 linear;
          -moz-animation: hide-back .35s 1 linear;
          -o-animation: hide-back .35s 1 linear;
          animation: hide-back .35s 1 linear;
          -webkit-transform: translateY(70%) scaleY(0);
          -moz-transform: translateY(70%) scaleY(0);
          -ms-transform: translateY(70%) scaleY(0);
          -o-transform: translateY(70%) scaleY(0);
          transform: translateY(70%) scaleY(0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003151}}
        .section-2-wrap #magic-8-ball .right-stuff .unflipped .ball .back-ring {
          -webkit-animation: hide-back-ring .35s 1 linear;
          -moz-animation: hide-back-ring .35s 1 linear;
          -o-animation: hide-back-ring .35s 1 linear;
          animation: hide-back-ring .35s 1 linear;
          -webkit-transform: translateY(70%) scaleY(0);
          -moz-transform: translateY(70%) scaleY(0);
          -ms-transform: translateY(70%) scaleY(0);
          -o-transform: translateY(70%) scaleY(0);
          transform: translateY(70%) scaleY(0);
          background-image: url("../../../images/eight-ball-ring-trans.png"); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003157}}
        .section-2-wrap #magic-8-ball .right-stuff .unflipped .ball .die {
          opacity: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003164}}
      .section-2-wrap #magic-8-ball .right-stuff .shake .ball {
        -webkit-animation: shake .75s 1 linear;
        -moz-animation: shake .75s 1 linear;
        -o-animation: shake .75s 1 linear;
        animation: shake .75s 1 linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003171}}
      .section-2-wrap #magic-8-ball .right-stuff .show .ball .die {
        -webkit-animation: show-die 2s 1 linear;
        -moz-animation: show-die 2s 1 linear;
        -o-animation: show-die 2s 1 linear;
        animation: show-die 2s 1 linear;
        -webkit-transform: rotate(2deg) scale(0.9);
        -moz-transform: rotate(2deg) scale(0.9);
        -ms-transform: rotate(2deg) scale(0.9);
        -o-transform: rotate(2deg) scale(0.9);
        transform: rotate(2deg) scale(0.9);
        opacity: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003178}}
      .section-2-wrap #magic-8-ball .right-stuff .ball {
        text-align: left;
        display: inline-block;
        width: 200px;
        height: 200px;
        margin: 0;
        z-index: 1;
        border-radius: 50%;
        position: relative;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        background: url("../../../images/eight-ball-background.png");
        background-size: 100% 100%;
        -webkit-transition: margin-top 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -moz-transition: margin-top 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: margin-top 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: margin-top 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        margin-left: 0%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003196}}
        .section-2-wrap #magic-8-ball .right-stuff .ball:after {
          width: 100%;
          height: 100%;
          content: "";
          position: absolute;
          top: 0%;
          left: 0%;
          z-index: 10;
          background: url("../../../images/eight-ball-highlight.png");
          background-size: 100% 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003208}}
        .section-2-wrap #magic-8-ball .right-stuff .ball .eight {
          width: 36%;
          height: 36%;
          margin: 30%;
          background: url("../../../images/eight-ball-s51.png");
          background-size: 100% 100%;
          border-radius: 50%;
          opacity: 1;
          position: absolute;
          -webkit-transform: translateY(0px) scaleY(1) rotate(0deg);
          -moz-transform: translateY(0px) scaleY(1) rotate(0deg);
          -ms-transform: translateY(0px) scaleY(1) rotate(0deg);
          -o-transform: translateY(0px) scaleY(1) rotate(0deg);
          transform: translateY(0px) scaleY(1) rotate(0deg);
          -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -moz-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          -o-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003221}}
        .section-2-wrap #magic-8-ball .right-stuff .ball .back {
          width: 60%;
          height: 60%;
          margin: 20%;
          background: url("../../../images/eight-ball-back.png");
          background-size: 100% 100%;
          border-radius: 50%;
          opacity: 1;
          z-index: 2;
          position: absolute;
          -webkit-transform: translateY(140px) scaleY(0);
          -moz-transform: translateY(140px) scaleY(0);
          -ms-transform: translateY(140px) scaleY(0);
          -o-transform: translateY(140px) scaleY(0);
          transform: translateY(140px) scaleY(0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003234}}
        .section-2-wrap #magic-8-ball .right-stuff .ball .back-ring {
          width: 60%;
          height: 60%;
          margin: 20%;
          z-index: 7;
          background-image: url("../../../images/eight-ball-ring-trans.png");
          background-size: 100% 100%;
          border-radius: 50%;
          opacity: 1;
          position: absolute;
          -webkit-transform: translateY(140px) scaleY(0);
          -moz-transform: translateY(140px) scaleY(0);
          -ms-transform: translateY(140px) scaleY(0);
          -o-transform: translateY(140px) scaleY(0);
          transform: translateY(140px) scaleY(0); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003247}}
        .section-2-wrap #magic-8-ball .right-stuff .ball .die {
          width: 33.33%;
          height: 33.33%;
          margin: 33.33%;
          z-index: 6;
          background: url("../../../images/eight-ball-die.png");
          background-size: 1500% 100%;
          opacity: 0;
          position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003256}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-1 {
            background-position: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003259}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-2 {
            background-position: -100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003262}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-3 {
            background-position: -200%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003265}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-4 {
            background-position: -300%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003268}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-5 {
            background-position: -400%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003271}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-6 {
            background-position: -500%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003274}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-7 {
            background-position: -600%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003277}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-8 {
            background-position: -700%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003280}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-9 {
            background-position: -800%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003283}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-10 {
            background-position: -900%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003286}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-11 {
            background-position: -1000%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003289}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-12 {
            background-position: -1100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003292}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-13 {
            background-position: -1200%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003295}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-14 {
            background-position: -1300%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003298}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-15 {
            background-position: -1400%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003301}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-16 {
            background-position: -1500%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003304}}
          .section-2-wrap #magic-8-ball .right-stuff .ball .die.option-17 {
            background-position: -1600%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003310}}
      .section-2-wrap #magic-8-ball .right-stuff .shadow {
        position: absolute;
        width: 100%;
        height: 10%;
        bottom: -10px;
        z-index: 0;
        background-image: url(../../../images/eight-ball-shadow.png);
        background-size: 100% 100%;
        opacity: 1;
        -webkit-transition: opacity 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -moz-transition: opacity 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: opacity 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), margin-left 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003324}}
  .section-2-wrap .arrows {
    height: 100%;
    width: 100%;
    z-index: 15;
    pointer-events: none;
    position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003330}}
    .section-2-wrap .arrows .arrow-left, .section-2-wrap .arrows .arrow-right {
      height: 100%;
      position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003333}}
      .section-2-wrap .arrows .arrow-left a, .section-2-wrap .arrows .arrow-right a {
        -webkit-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        -moz-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        -o-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        pointer-events: visible;
        top: 0%;
        position: absolute;
        display: block;
        width: 2em;
        height: 100%;
        left: 0;
        background-size: 200% 100%;
        background-image: url(../../../images/arrow-no-gradient.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003346}}
        .section-2-wrap .arrows .arrow-left a:hover, .section-2-wrap .arrows .arrow-right a:hover {
          background-image: url(../../../images/arrow-gradient.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003349}}
        .section-2-wrap .arrows .arrow-left a span, .section-2-wrap .arrows .arrow-right a span {
          left: 5px;
          top: 50%;
          margin-top: -35px;
          position: absolute;
          background: url(../../../images/arrow-hp.png);
          background-size: 200% 100%;
          width: 40px;
          height: 40px;
          display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003363}}
    .section-2-wrap .arrows .arrow-right {
      right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003369}}
    .section-2-wrap .arrows .arrow-left a:hover {
      margin-left: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003374}}
    .section-2-wrap .arrows .arrow-right a {
      left: auto;
      background-position: -100% 0;
      right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003375}}
      .section-2-wrap .arrows .arrow-right a span {
        left: auto;
        right: 5px;
        background-position: -100% 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003383}}
      .section-2-wrap .arrows .arrow-right a:hover {
        margin-right: -5px; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003392}}
  .section-2-wrap #magic-8-ball {
    padding: 3.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003394}}
    .section-2-wrap #magic-8-ball .left-stuff {
      text-align: right;
      width: 40%;
      margin-right: 05%;
      float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003399}}
      .section-2-wrap #magic-8-ball .left-stuff h3 {
        font-size: 2em;
        margin-top: 1.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003402}}
        .section-2-wrap #magic-8-ball .left-stuff h3 .hang {
          margin-right: -.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003406}}
      .section-2-wrap #magic-8-ball .left-stuff p {
        margin-left: 0px;
        font-size: 1.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003409}}
        .section-2-wrap #magic-8-ball .left-stuff p br {
          display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003413}}
        .section-2-wrap #magic-8-ball .left-stuff p .hang {
          margin-right: -.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003418}}
    .section-2-wrap #magic-8-ball .right-stuff {
      width: 50%;
      float: left;
      height: 270px;
      margin-top: 0px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003423}}
      .section-2-wrap #magic-8-ball .right-stuff .ball-container {
        text-align: center;
        height: 270px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003428}}
      .section-2-wrap #magic-8-ball .right-stuff .ball {
        width: 270px;
        height: 270px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003435}}
  .l-homepage-section-2 .arrows .arrow-right a span {
    width: 55px;
    height: 55px;
    right: 21px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003440}}
  .l-homepage-section-2 .arrows .arrow-left a span {
    width: 55px;
    height: 55px;
    left: 21px; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003449}}
  .section-2-wrap #magic-8-ball {
    padding: 6em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003452}}
    .section-2-wrap #magic-8-ball .left-stuff h3 {
      font-size: 2.2em;
      margin-top: 2.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003455}}
      .section-2-wrap #magic-8-ball .left-stuff h3 .hang {
        margin-right: -.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003459}}
    .section-2-wrap #magic-8-ball .left-stuff p {
      font-size: 1.25em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003463}}
    .section-2-wrap #magic-8-ball .right-stuff {
      height: 300px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003465}}
      .section-2-wrap #magic-8-ball .right-stuff .ball-container {
        text-align: center;
        height: 300px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003470}}
      .section-2-wrap #magic-8-ball .right-stuff .ball {
        width: 300px;
        height: 300px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003477}}
  .l-homepage-section-2 .arrows .arrow-right a span {
    width: 75px;
    height: 75px;
    right: 25px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003482}}
  .l-homepage-section-2 .arrows .arrow-left a span {
    width: 75px;
    height: 75px;
    left: 25px; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-2\.scss}line{font-family:\00003491}}
  .section-2-wrap #magic-8-ball {
    padding: 7em; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\000031}}
#lights {
  padding: 3em 0em 1em 0em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\000033}}
  #lights #tones {
    position: relative;
    text-align: center; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\000037}}
    #lights #tones #tones-inside {
      position: absolute;
      bottom: 10%;
      width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000312}}
    #lights #tones canvas {
      display: block;
      width: 15px;
      height: 15px;
      background-color: #777; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000318}}
    #lights #tones a {
      color: #fff;
      width: 20px;
      height: 20px;
      background-color: #333;
      display: inline-block;
      -webkit-transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;
      -moz-transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;
      -o-transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;
      transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000326}}
      #lights #tones a:hover {
        background-color: #555; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000330}}
      #lights #tones a.active {
        -webkit-transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;
        -moz-transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;
        -o-transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;
        transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000333}}
      #lights #tones a.error {
        -webkit-transition: background-color 0.1s ease-in-out, height 0.5s ease-in-out;
        -moz-transition: background-color 0.1s ease-in-out, height 0.5s ease-in-out;
        -o-transition: background-color 0.1s ease-in-out, height 0.5s ease-in-out;
        transition: background-color 0.1s ease-in-out, height 0.5s ease-in-out;
        background-color: #990000 !important;
        height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000340}}
    #lights #tones #note-0.active {
      background-color: #ca3f18;
      height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000344}}
    #lights #tones #note-4.active {
      background-color: #75ad40;
      height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000348}}
    #lights #tones #note-7.active {
      background-color: #ce5195;
      height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000352}}
    #lights #tones #note-8.active {
      background-color: #94cbf2;
      height: 50px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-secret\.scss}line{font-family:\0000356}}
    #lights #tones #note-9.active {
      background-color: #eab416;
      height: 50px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\000031}}
#social-slide {
  text-align: center;
  margin-top: 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\000034}}
  #social-slide ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    margin-top: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\000039}}
    #social-slide ul li {
      width: 50%;
      float: left;
      padding-bottom: .5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000313}}
      #social-slide ul li p {
        text-indent: -9999px;
        margin: 0;
        padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000319}}
      #social-slide ul li img {
        width: 7.5em;
        height: auto; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000325}}
  #social-slide h3 {
    font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: 100;
    font-weight: 100;
    margin: 1.25em 0;
    text-transform: uppercase; }

@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000335}}
  #social-slide ul {
    margin-top: 25%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000337}}
    #social-slide ul li {
      display: inline-block;
      padding-left: .75em;
      padding-right: .75em;
      width: auto;
      float: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000343}}
      #social-slide ul li img {
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.26, 1, 0.34, 1);
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
        -o-transition: all 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65);
        transition: all 500ms cubic-bezier(0.26, 1.49, 0.34, 1.65); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000350}}
        #social-slide ul li img:hover {
          -webkit-transform: scale(1.1);
          -moz-transform: scale(1.1);
          -ms-transform: scale(1.1); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000359}}
  #social-slide h3 {
    font-size: 1.5em;
    /* color: red; */ } }
@media (min-width: 52em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000368}}
  #social-slide ul {
    margin-top: 20%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000371}}
    #social-slide ul li img {
      width: 9.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000376}}
  #social-slide h3 {
    /* color: yellow; */
    font-size: 1.9em; } }
@media (min-width: 60em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\0000389}}
  #social-slide h3 {
    /* color: blue; */
    font-size: 2em; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\00003100}}
  #social-slide ul li img {
    width: 10.5em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\00003105}}
  #social-slide h3 {
    /* color: green; */
    font-size: 2.25em; } }
@media (min-width: 88em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\00003116}}
  #social-slide ul li img {
    width: 11em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3-social\.scss}line{font-family:\00003121}}
  #social-slide h3 {
    /* color: #fff; */
    font-size: 2.25em; } }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\000031}}
#instagram {
  padding: 1em 1.25em 2em 2em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\000033}}
  #instagram h3 {
    margin: .5em 0px;
    line-height: 100%;
    font-size: 1.4em;
    text-align: center;
    font-family: "ff-din-web", "helvetica neue", helvetica, arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000310}}
    #instagram h3 span {
      font-family: "superclarendon", georgia, serif;
      font-family: ClarendonBT-Black;
      font-weight: normal;
      font-style: normal;
      letter-spacing: .05em;
      font-size: 1.1em; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000326}}
  #instagram #instagram-container .item {
    width: 25%;
    float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000329}}
    #instagram #instagram-container .item .photo {
      margin-right: 7px;
      margin-bottom: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000333}}
    #instagram #instagram-container .item img {
      width: 100%;
      height: 100%;
      display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000339}}
    #instagram #instagram-container .item.focus {
      width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000349}}
  #instagram .view-display-id-block_3 {
    display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000353}}
  #instagram .instructions-mobile {
    display: block; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000358}}
.section-3-wrap {
  position: relative;
  overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000362}}
  .section-3-wrap .section-3-slide-wrapper {
    width: 300%;
    -webkit-transition: margin-left 0.5s ease-in-out;
    -moz-transition: margin-left 0.5s ease-in-out;
    -o-transition: margin-left 0.5s ease-in-out;
    transition: margin-left 0.5s ease-in-out;
    margin-left: 0%;
    z-index: 2;
    position: relative; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000370}}
  .section-3-wrap .section-3-slide {
    width: 33.3%;
    float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000375}}
  .section-3-wrap .arrows {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    pointer-events: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000382}}
    .section-3-wrap .arrows .arrow-left, .section-3-wrap .arrows .arrow-right {
      height: 100%;
      position: absolute; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000385}}
      .section-3-wrap .arrows .arrow-left a, .section-3-wrap .arrows .arrow-right a {
        -webkit-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        -moz-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        -o-transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        transition: margin 0.25s ease-in-out, background-image 0.5s ease-in-out;
        pointer-events: visible;
        top: 0%;
        position: absolute;
        display: block;
        width: 2em;
        height: 100%;
        left: 0;
        background-size: 200% 100%;
        background-image: url(../../../images/arrow-no-gradient.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\0000398}}
        .section-3-wrap .arrows .arrow-left a:hover, .section-3-wrap .arrows .arrow-right a:hover {
          background-image: url(../../../images/arrow-gradient.png); }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003101}}
        .section-3-wrap .arrows .arrow-left a span, .section-3-wrap .arrows .arrow-right a span {
          left: 5px;
          top: 50%;
          margin-top: -35px;
          position: absolute;
          background: url(../../../images/arrow-hp.png);
          background-size: 200% 100%;
          width: 40px;
          height: 40px;
          display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003115}}
    .section-3-wrap .arrows .arrow-right {
      right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003121}}
    .section-3-wrap .arrows .arrow-left a:hover {
      margin-left: -5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003126}}
    .section-3-wrap .arrows .arrow-right a {
      left: auto;
      background-position: -100% 0;
      right: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003127}}
      .section-3-wrap .arrows .arrow-right a span {
        left: auto;
        right: 5px;
        background-position: -100% 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003135}}
      .section-3-wrap .arrows .arrow-right a:hover {
        margin-right: -5px; }

@media (min-width: 30em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003147}}
  #instagram h3 br {
    display: none; } }
@media (min-width: 44em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003155}}
  #instagram {
    margin: 2em 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003158}}
    #instagram h3 {
      font-size: 1.7em;
      margin: 1em 0px;
      line-height: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003162}}
      #instagram h3 br {
        display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003167}}
    #instagram .instructions-mobile {
      display: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003171}}
    #instagram .view-display-id-block_3 {
      display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003176}}
    #instagram #instagram-container .item {
      width: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003179}}
    #instagram #instagram-container .tab {
      display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003182}}
    #instagram #instagram-container .column {
      float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003185}}
    #instagram #instagram-container .col-1 {
      width: 10%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003189}}
    #instagram #instagram-container .col-2 {
      width: 20%; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003191}}
      #instagram #instagram-container .col-2 .item {
        width: 50%;
        float: left; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003194}}
        #instagram #instagram-container .col-2 .item.medium {
          width: 100%;
          display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003201}}
    #instagram #instagram-container .col-4 {
      width: 40%; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003206}}
  .l-homepage-section-3 .arrows .arrow-right a span {
    width: 55px;
    height: 55px;
    right: 21px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003211}}
  .l-homepage-section-3 .arrows .arrow-left a span {
    width: 55px;
    height: 55px;
    left: 21px; } }
@media (min-width: 70em) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003219}}
  #instagram {
    margin: 2em 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003221}}
    #instagram h3 {
      font-size: 2.5em; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003226}}
  .l-homepage-section-3 .arrows .arrow-right a span {
    width: 75px;
    height: 75px;
    right: 25px; }

@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/barry\/Sites\/dev\.surface51\.com\/public\/drupal\/sites\/all\/themes\/surface51\/sass\/components\/homepage\/_homepage-section-3\.scss}line{font-family:\00003231}}
  .l-homepage-section-3 .arrows .arrow-left a span {
    width: 75px;
    height: 75px;
    left: 25px; } }
/*******************************************************************************
 * ohm-hero.layout.scss
 *
 * Additional, theme specific styles for the Hero layout.
 ******************************************************************************/