@import url(css?family=Lato:400,700);
/*!
 * Bootstrap v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 18, ../sass/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none; }

/* HTML5 display-role reset for older browsers */
/* line 29, ../sass/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 32, ../sass/_reset.scss */
body {
  line-height: 1; }

/* line 35, ../sass/_reset.scss */
ol, ul {
  list-style: none; }

/* line 38, ../sass/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 42, ../sass/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 46, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 11, ../sass/_cf.scss */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 16, ../sass/_cf.scss */
.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 24, ../sass/_cf.scss */
.cf {
  *zoom: 1; }

/* line 7, ../sass/main.scss */
body, html {
  width: 100%;
  height: 100%; }

/* line 12, ../sass/main.scss */
body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: white;
  font-size: 14px; }
  /* line 16, ../sass/main.scss */
  body a {
    color: white;
    font-size: 14px; }
  /* line 20, ../sass/main.scss */
  body p {
    line-height: 20px;
    text-align: justify; }

/* line 28, ../sass/main.scss */
.center {
  text-align: center; }

/* line 32, ../sass/main.scss */
.right {
  float: right; }

/* line 36, ../sass/main.scss */
.left {
  float: left; }

/* line 41, ../sass/main.scss */
.container {
  width: 1200px;
  margin: 0 auto;
  padding-top: 3%;
  color: white; }

/* line 48, ../sass/main.scss */
h2 {
  font-size: 24px;
  text-transform: uppercase; }

/* line 53, ../sass/main.scss */
h1 {
  font-size: 90px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

/* line 62, ../sass/main.scss */
.slide {
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

/* line 70, ../sass/main.scss */
#slide1 {
  background: url("img/backgrounds/home_bg.jpg"); }

/* line 74, ../sass/main.scss */
#slide2 {
  background: url("img/backgrounds/med_bg.jpg"); }

/* line 78, ../sass/main.scss */
#slide3 {
  background: url("img/backgrounds/about_bg.jpg"); }

/* line 82, ../sass/main.scss */
#slide4 {
  background: url("img/backgrounds/work_bg.jpg");
  height: auto; }

/* line 88, ../sass/main.scss */
#slide5 {
  background: url("img/backgrounds/med2_bg.jpg"); }

/* line 92, ../sass/main.scss */
#slide6 {
  background: url("img/backgrounds/contact_bg.jpg");
  position: relative; }

/* line 97, ../sass/main.scss */
.home-container {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  height: 660px;
  z-index: 1; }

/* line 108, ../sass/main.scss */
.meetUsInPerson-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -660px;
  width: 1320px;
  height: 943px;
  z-index: 1; }

/* line 118, ../sass/main.scss */
.getInTouch-container {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -800px;
  width: 1600px;
  height: 886px;
  z-index: 1; }

/* line 131, ../sass/main.scss */
ul.navigation {
  float: right;
  position: fixed;
  padding: 25px;
  margin-top: 19%;
  right: 0;
  z-index: 9999; }
  /* line 138, ../sass/main.scss */
  ul.navigation li {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border: 2px solid white;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: block;
    margin-bottom: 8px; }
    /* line 148, ../sass/main.scss */
    ul.navigation li:hover {
      background: white; }
  /* line 152, ../sass/main.scss */
  ul.navigation li.active {
    background: white; }

/* line 159, ../sass/main.scss */
a.button {
  text-transform: uppercase;
  border: 2px solid white;
  padding: 8px 18px;
  margin-top: 20px;
  display: inline-block; }
  /* line 165, ../sass/main.scss */
  a.button:hover {
    background: #942f86;
    cursor: pointer; }

/* line 171, ../sass/main.scss */
a.button-normal {
  text-transform: uppercase;
  border: 2px solid white;
  padding: 8px 18px;
  margin-top: 20px;
  display: inline-block; }
  /* line 177, ../sass/main.scss */
  a.button-normal:hover {
    background: #942f86;
    cursor: pointer; }

/* line 185, ../sass/main.scss */
.home-art {
  width: 100%;
  float: left;
  position: relative; }

/* line 191, ../sass/main.scss */
.home-text {
  width: 40%;
  text-align: center;
  position: absolute;
  top: 30%;
  right: 5%;
  z-index: 999; }
  /* line 199, ../sass/main.scss */
  .home-text .home-skills ul {
    display: inline-block;
    margin: 0 auto; }
    /* line 202, ../sass/main.scss */
    .home-text .home-skills ul li {
      float: left;
      text-transform: uppercase;
      font-size: 12px;
      padding: 6px; }
    /* line 208, ../sass/main.scss */
    .home-text .home-skills ul li.home-dot {
      font-size: 21px;
      margin-top: -11px; }
  /* line 214, ../sass/main.scss */
  .home-text p {
    width: 80%;
    margin: 0 auto;
    text-align: center; }

/* line 224, ../sass/main.scss */
#slide2 {
  position: relative; }
  /* line 226, ../sass/main.scss */
  #slide2 .middle1-art {
    position: absolute;
    right: 30%;
    top: 20%; }
  /* line 232, ../sass/main.scss */
  #slide2 .timeline {
    width: 50%;
    margin-top: 4%;
    margin-left: 15%; }
    /* line 236, ../sass/main.scss */
    #slide2 .timeline ul {
      float: none; }
      /* line 238, ../sass/main.scss */
      #slide2 .timeline ul li {
        float: none; }
        /* line 240, ../sass/main.scss */
        #slide2 .timeline ul li div {
          float: left; }
        /* line 243, ../sass/main.scss */
        #slide2 .timeline ul li .text-section {
          width: 200px;
          height: 100px;
          text-transform: uppercase; }
          /* line 247, ../sass/main.scss */
          #slide2 .timeline ul li .text-section p {
            font-size: 18px;
            text-align: center;
            color: #5e4d5c;
            display: none; }
          /* line 253, ../sass/main.scss */
          #slide2 .timeline ul li .text-section a {
            text-align: center;
            opacity: 0;
            display: block;
            margin-top: 15px;
            text-transform: uppercase;
            padding-left: 100px; }
        /* line 262, ../sass/main.scss */
        #slide2 .timeline ul li .middle-section {
          width: 0px;
          height: 0px;
          text-align: center;
          -moz-border-radius: 50px;
          -webkit-border-radius: 50px;
          border-radius: 50px;
          display: block;
          background: #5e4d5c;
          font-size: 18px; }
          /* line 277, ../sass/main.scss */
          #slide2 .timeline ul li .middle-section p {
            text-align: center;
            padding-top: 18px;
            display: none; }
      /* line 285, ../sass/main.scss */
      #slide2 .timeline ul li.vertical-separator .vertical-lines {
        width: 31.5%;
        margin-bottom: 10px;
        border-right: 1px dashed #5e4d5c;
        height: 1px;
        float: none; }

/* line 299, ../sass/main.scss */
#slide3 {
  position: relative; }
  /* line 301, ../sass/main.scss */
  #slide3 .container {
    position: relative;
    padding: 0; }
  /* line 305, ../sass/main.scss */
  #slide3 .marta-block, #slide3 .bojan-block {
    position: absolute;
    width: 410px;
    z-index: 999;
    overflow: visible;
    -webkit-font-smoothing: subpixel-antialiased; }
    /* line 312, ../sass/main.scss */
    #slide3 .marta-block h2 a, #slide3 .bojan-block h2 a {
      margin-left: 10px;
      opacity: 0.5; }
    /* line 317, ../sass/main.scss */
    #slide3 .marta-block h3, #slide3 .bojan-block h3 {
      text-transform: uppercase;
      margin: 10px 0 15px 0; }
    /* line 321, ../sass/main.scss */
    #slide3 .marta-block p, #slide3 .bojan-block p {
      margin-bottom: 20px; }
      /* line 323, ../sass/main.scss */
      #slide3 .marta-block p a, #slide3 .bojan-block p a {
        text-transform: uppercase;
        text-decoration: underline; }
  /* line 329, ../sass/main.scss */
  #slide3 .marta-block {
    bottom: 210px;
    left: 160px; }
  /* line 333, ../sass/main.scss */
  #slide3 .bojan-block {
    bottom: 210px;
    right: 0px;
    display: none; }
  /* line 341, ../sass/main.scss */
  #slide3 .skill-block {
    margin-top: 20px; }
    /* line 343, ../sass/main.scss */
    #slide3 .skill-block p {
      font-size: 12px;
      width: 40px;
      height: 30px;
      padding-top: 10px;
      border: 3px solid white;
      -moz-border-radius: 25px;
      -webkit-border-radius: 25px;
      border-radius: 25px;
      display: block;
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle;
      float: left;
      margin-right: 12px; }
  /* line 361, ../sass/main.scss */
  #slide3 .bojan-clickme {
    position: absolute;
    right: 325px;
    bottom: 135px;
    z-index: 999; }
  /* line 368, ../sass/main.scss */
  #slide3 .marta-clickme {
    position: absolute;
    left: 300px;
    bottom: 90px;
    z-index: 999;
    display: none; }
  /* line 376, ../sass/main.scss */
  #slide3 .about-grass {
    width: 1920px;
    height: 84px;
    background: url("img/containerBackground/meet_us_cont_bg.png") no-repeat center center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -960px;
    z-index: 1001; }

/* line 390, ../sass/main.scss */
h2.how-headline {
  text-align: center; }

/* line 395, ../sass/main.scss */
ul.services {
  padding: 40px 0;
  min-height: 250px; }
  /* line 398, ../sass/main.scss */
  ul.services li.shown {
    display: block; }
  /* line 401, ../sass/main.scss */
  ul.services a.surprise {
    position: relative; }
    /* line 403, ../sass/main.scss */
    ul.services a.surprise .suprise-msg {
      display: none;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -74px; }
  /* line 416, ../sass/main.scss */
  ul.services li {
    float: left;
    width: 18%;
    padding: 1%;
    text-align: center;
    position: relative;
    display: none; }
    /* line 423, ../sass/main.scss */
    ul.services li h2 {
      font-size: 22px;
      margin-top: 20px;
      margin-bottom: 10px; }
      /* line 427, ../sass/main.scss */
      ul.services li h2 a {
        font-size: 22px; }
    /* line 431, ../sass/main.scss */
    ul.services li p {
      text-align: center; }
    /* line 434, ../sass/main.scss */
    ul.services li span {
      width: 34px;
      height: 3px;
      background: white;
      display: block;
      margin: 25px auto 0 auto; }

/* line 444, ../sass/main.scss */
.work-container {
  margin: 10px auto 100px auto;
  width: 97%; }
  /* line 447, ../sass/main.scss */
  .work-container h2 {
    text-align: center; }
  /* line 450, ../sass/main.scss */
  .work-container .sort-work-wrapper {
    text-align: center;
    padding: 30px 0; }
    /* line 453, ../sass/main.scss */
    .work-container .sort-work-wrapper ul.sort-work {
      display: inline-block; }
      /* line 455, ../sass/main.scss */
      .work-container .sort-work-wrapper ul.sort-work li {
        float: left;
        margin: 0 15px;
        text-transform: uppercase;
        cursor: pointer; }
        /* line 460, ../sass/main.scss */
        .work-container .sort-work-wrapper ul.sort-work li:hover {
          border-bottom: solid 2px white; }
      /* line 464, ../sass/main.scss */
      .work-container .sort-work-wrapper ul.sort-work li.active {
        border-bottom: solid 2px white; }
  /* line 469, ../sass/main.scss */
  .work-container ul.thumbs {
    min-width: 980px; }
    /* line 472, ../sass/main.scss */
    .work-container ul.thumbs li {
      position: relative;
      overflow: hidden;
      display: none;
      width: 23.3%;
      border: solid 3px white;
      margin: 0.3% 0 0.3% 0.6%; }
      /* line 484, ../sass/main.scss */
      .work-container ul.thumbs li img {
        width: 100%;
        position: relative;
        z-index: 2; }
      /* line 493, ../sass/main.scss */
      .work-container ul.thumbs li .back-info {
        position: absolute;
        text-align: center;
        background: #491442;
        padding: 5%;
        width: 90%;
        height: 90%;
        z-index: 1;
        top: 0;
        left: 0; }
        /* line 504, ../sass/main.scss */
        .work-container ul.thumbs li .back-info h2 {
          font-size: 20px;
          margin-top: 20%; }
        /* line 508, ../sass/main.scss */
        .work-container ul.thumbs li .back-info a.visit-site {
          position: absolute;
          bottom: 22px;
          right: 15px;
          text-transform: uppercase;
          font-size: 12px; }
      /* line 516, ../sass/main.scss */
      .work-container ul.thumbs li .back-info-soon {
        position: absolute;
        text-align: center;
        background: #444f79;
        padding: 5%;
        width: 90%;
        height: 90%;
        z-index: 1;
        top: 0;
        left: 0; }
        /* line 527, ../sass/main.scss */
        .work-container ul.thumbs li .back-info-soon h2 {
          font-size: 20px;
          margin-top: 30%; }

/* line 538, ../sass/main.scss */
.middle2-characters {
  position: absolute;
  width: 1163px;
  height: 955px;
  left: 0;
  top: -100px;
  background: url("img/air_balloon.png") no-repeat center center;
  z-index: 9; }

/* line 548, ../sass/main.scss */
.middle2-clouds {
  position: absolute;
  width: 1494px;
  height: 694px;
  left: 50%;
  margin-left: -747px;
  top: 0;
  background: url("img/containerBackground/med2_cont_bg.jpg") no-repeat center center;
  z-index: 7; }

/* line 559, ../sass/main.scss */
ul.feed-wrapper {
  position: relative;
  z-index: 9999;
  float: right;
  width: 350px;
  margin-top: 10%; }
  /* line 565, ../sass/main.scss */
  ul.feed-wrapper li {
    position: relative;
    margin-bottom: 40px; }
    /* line 568, ../sass/main.scss */
    ul.feed-wrapper li .feed-icon-wrapper {
      position: absolute;
      left: -45px; }
      /* line 571, ../sass/main.scss */
      ul.feed-wrapper li .feed-icon-wrapper img {
        float: left;
        margin-top: -7px; }
      /* line 575, ../sass/main.scss */
      ul.feed-wrapper li .feed-icon-wrapper .triangle {
        width: 0;
        height: 0;
        border-top: 20px solid rgba(40, 29, 12, 0.15);
        border-left: 20px solid transparent;
        margin-left: 25px; }
    /* line 583, ../sass/main.scss */
    ul.feed-wrapper li .info-content {
      background: rgba(40, 29, 12, 0.15);
      padding: 15px;
      color: #2b182c; }
      /* line 587, ../sass/main.scss */
      ul.feed-wrapper li .info-content p.info-text {
        border-bottom: 1px solid #b5a991;
        padding-bottom: 10px;
        margin-bottom: 10px; }
      /* line 592, ../sass/main.scss */
      ul.feed-wrapper li .info-content a {
        color: #2b182c; }
      /* line 596, ../sass/main.scss */
      ul.feed-wrapper li .info-content .feed-footer p {
        float: left; }
      /* line 599, ../sass/main.scss */
      ul.feed-wrapper li .info-content .feed-footer .feed-link-wrapper {
        float: right;
        padding-top: 3px; }
        /* line 602, ../sass/main.scss */
        ul.feed-wrapper li .info-content .feed-footer .feed-link-wrapper a {
          width: 16px;
          height: 16px;
          display: inline-block;
          margin-left: 5px; }
        /* line 614, ../sass/main.scss */
        ul.feed-wrapper li .info-content .feed-footer .feed-link-wrapper a.grooveshark {
          background: url("img/grooveshark_ico.png") no-repeat; }
          /* line 616, ../sass/main.scss */
          ul.feed-wrapper li .info-content .feed-footer .feed-link-wrapper a.grooveshark:hover {
            background-position: 0px -16px; }
        /* line 620, ../sass/main.scss */
        ul.feed-wrapper li .info-content .feed-footer .feed-link-wrapper a.stereomood {
          background: url("img/stereomood_ico.png") no-repeat; }
          /* line 622, ../sass/main.scss */
          ul.feed-wrapper li .info-content .feed-footer .feed-link-wrapper a.stereomood:hover {
            background-position: 0px -16px; }
    /* line 630, ../sass/main.scss */
    ul.feed-wrapper li .players-list a {
      color: #756c5a;
      display: inline-block;
      margin-bottom: 5px; }
      /* line 634, ../sass/main.scss */
      ul.feed-wrapper li .players-list a:hover {
        color: #2b182c; }

/* line 643, ../sass/main.scss */
.getInTouch-art {
  width: 100%;
  float: left;
  position: relative; }

/* line 649, ../sass/main.scss */
.getInTouch-text {
  width: 30%;
  position: absolute;
  top: 30%;
  left: 5%;
  z-index: 999; }
  /* line 655, ../sass/main.scss */
  .getInTouch-text p {
    margin-top: 20px; }

/* line 660, ../sass/main.scss */
.social {
  position: absolute;
  top: 160px;
  right: 50px;
  background: url("img/lines.png") no-repeat center center;
  width: 181px;
  height: 119px;
  z-index: 99; }
  /* line 668, ../sass/main.scss */
  .social .social-icon-wrap {
    width: 100%;
    height: 100%;
    position: relative; }
  /* line 673, ../sass/main.scss */
  .social a {
    display: block;
    position: absolute;
    opacity: 0.5; }
  /* line 678, ../sass/main.scss */
  .social a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    opacity: 0; }
  /* line 692, ../sass/main.scss */
  .social a:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms; }
  /* line 697, ../sass/main.scss */
  .social p {
    margin-top: 35px;
    margin-left: 55px;
    text-transform: uppercase;
    color: #9e989e; }
  /* line 703, ../sass/main.scss */
  .social .twitter {
    background: url("img/twitter_ico.png") no-repeat center center;
    width: 21px;
    height: 15px;
    top: -155px;
    left: -10px; }
  /* line 710, ../sass/main.scss */
  .social .dribbble {
    background: url("img/dribbble_ico.png") no-repeat center center;
    width: 19px;
    height: 19px;
    right: -14px;
    top: -190px; }
  /* line 717, ../sass/main.scss */
  .social .behance {
    background: url("img/behance_ico.png") no-repeat center center;
    width: 19px;
    height: 14px;
    top: -165px;
    left: 60px; }

@-webkit-keyframes sonarEffect {
  /* line 728, ../sass/main.scss */
  0% {
    opacity: 0.3; }

  /* line 731, ../sass/main.scss */
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #441b3d, 0 0 0 10px rgba(255, 255, 255, 0.5); }

  /* line 735, ../sass/main.scss */
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #441b3d, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
    opacity: 0; } }

@-moz-keyframes sonarEffect {
  /* line 742, ../sass/main.scss */
  0% {
    opacity: 0.3; }

  /* line 745, ../sass/main.scss */
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #441b3d, 0 0 0 10px rgba(255, 255, 255, 0.5); }

  /* line 749, ../sass/main.scss */
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #441b3d, 0 0 0 10px rgba(255, 255, 255, 0.5);
    -moz-transform: scale(1.5);
    opacity: 0; } }

@keyframes sonarEffect {
  /* line 756, ../sass/main.scss */
  0% {
    opacity: 0.3; }

  /* line 759, ../sass/main.scss */
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #441b3d, 0 0 0 10px rgba(255, 255, 255, 0.5); }

  /* line 763, ../sass/main.scss */
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #441b3d, 0 0 0 10px rgba(255, 255, 255, 0.5);
    transform: scale(1.5);
    opacity: 0; } }

/* line 772, ../sass/main.scss */
#port1 {
  margin-top: 20%;
  position: relative;
  /* relative, absolute, fixed */
  width: 100%;
  height: 500px; }
  /* line 777, ../sass/main.scss */
  #port1 .parallax-layer {
    z-index: 99; }

/* line 782, ../sass/main.scss */
#port3 {
  margin-top: 0;
  position: relative;
  /* relative, absolute, fixed */
  width: 100%;
  height: 100%; }
  /* line 787, ../sass/main.scss */
  #port3 .parallax-layer {
    z-index: 99;
    bottom: 10px; }

/* line 793, ../sass/main.scss */
#port6 {
  margin-top: 10%;
  position: relative;
  /* relative, absolute, fixed */
  width: 100%;
  height: 500px; }
  /* line 798, ../sass/main.scss */
  #port6 .parallax-layer {
    z-index: 99; }

/* line 803, ../sass/main.scss */
.parallax-layer {
  position: absolute; }

/* line 809, ../sass/main.scss */
#layer-characters {
  background: url("img/sp2.png");
  width: 476px;
  height: 373px;
  margin-left: 100px; }

/* line 816, ../sass/main.scss */
#layer-cloud1 {
  background: url("img/cloud.png") no-repeat;
  width: 140px;
  height: 90px;
  margin-top: 80px; }

/* line 824, ../sass/main.scss */
#layer-cloud2 {
  background: url("img/cloud2.png") no-repeat;
  width: 110px;
  height: 67px;
  margin-left: 350px; }

/* line 831, ../sass/main.scss */
#layer-cloud3 {
  background: url("img/cloud3.png") no-repeat;
  width: 110px;
  height: 74px;
  margin-left: 550px;
  margin-top: 150px; }

/* line 841, ../sass/main.scss */
#layer-middle1-characters {
  background: url("img/midlle1_sprite.png");
  width: 270px;
  height: 352px; }

/* line 849, ../sass/main.scss */
#layer-meetUsInPerson-characters {
  background: url("img/meet_sprite.png");
  width: 430px;
  height: 456px;
  position: absolute;
  bottom: 34px;
  left: 50%;
  margin-left: -215px;
  z-index: 1002;
  cursor: pointer; }

/* line 872, ../sass/main.scss */
#layer-getInTouch-characters {
  background: url("img/contact_sprite.png");
  width: 343px;
  height: 494px;
  margin-left: 500px; }

/* line 895, ../sass/main.scss */
#project-page .no-top-margin {
  margin-top: 0 !important; }
/* line 899, ../sass/main.scss */
#project-page .container {
  padding-top: 150px; }
/* line 902, ../sass/main.scss */
#project-page nav.full-project-nav {
  width: 1200px;
  margin: 0 auto;
  padding-top: 25px; }
  /* line 908, ../sass/main.scss */
  #project-page nav.full-project-nav ul li a {
    text-transform: uppercase; }
    /* line 910, ../sass/main.scss */
    #project-page nav.full-project-nav ul li a:hover {
      border-bottom: 2px solid white; }
  /* line 916, ../sass/main.scss */
  #project-page nav.full-project-nav ul.prev-next {
    width: 25%; }
/* line 920, ../sass/main.scss */
#project-page .ph-blue {
  background: url("img/project-page/blue_sample.jpg"); }
/* line 923, ../sass/main.scss */
#project-page .ph-orange {
  background: url("img/project-page/orange_sample.jpg"); }
/* line 926, ../sass/main.scss */
#project-page .ph-red {
  background: url("img/project-page/red_sample.jpg"); }
/* line 929, ../sass/main.scss */
#project-page .ph-brown {
  background: url("img/project-page/brown_sample.jpg"); }
/* line 932, ../sass/main.scss */
#project-page .ph-beige {
  background: url("img/project-page/beige_sample.jpg"); }
/* line 935, ../sass/main.scss */
#project-page .ph-purple {
  background: url("img/project-page/purple_sample.jpg"); }
/* line 938, ../sass/main.scss */
#project-page .ph-purpleLight {
  background: url("img/project-page/purpleLight_sample.jpg"); }
/* line 941, ../sass/main.scss */
#project-page .ph-turquoise {
  background: url("img/project-page/turquoise_sample.jpg"); }
/* line 944, ../sass/main.scss */
#project-page .ph-light {
  background: url("img/project-page/light_sample.jpg"); }
/* line 947, ../sass/main.scss */
#project-page .ph-neon {
  background: url("img/project-page/neon_sample.jpg"); }
/* line 950, ../sass/main.scss */
#project-page .project-main-info {
  margin-top: 50px;
  width: 25%; }
  /* line 953, ../sass/main.scss */
  #project-page .project-main-info h1 {
    font-size: 20px;
    margin: 15px 0; }
  /* line 957, ../sass/main.scss */
  #project-page .project-main-info a {
    display: inline-block;
    margin-top: 15px; }
/* line 964, ../sass/main.scss */
#project-page .we-did div {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  display: inline-block; }
/* line 970, ../sass/main.scss */
#project-page .we-did .logo-ico {
  background: url("img/project-page/logo_ico.png"); }
/* line 973, ../sass/main.scss */
#project-page .we-did .branding-ico {
  background: url("img/project-page/branding_ico.png"); }
/* line 976, ../sass/main.scss */
#project-page .we-did .web-ico {
  background: url("img/project-page/web_ico.png"); }
/* line 979, ../sass/main.scss */
#project-page .we-did .app-ico {
  background: url("img/project-page/app_ico.png"); }
/* line 982, ../sass/main.scss */
#project-page .we-did .personal-ico {
  background: url("img/project-page/personal_ico.png"); }
/* line 987, ../sass/main.scss */
#project-page .image-section {
  width: 75%; }
/* line 992, ../sass/main.scss */
#project-page .project-info-block {
  margin-top: 50px;
  width: 25%; }
  /* line 995, ../sass/main.scss */
  #project-page .project-info-block .project-info-head {
    margin-bottom: 15px; }
    /* line 997, ../sass/main.scss */
    #project-page .project-info-block .project-info-head div {
      width: 32px;
      height: 32px;
      margin-right: 10px;
      display: inline-block;
      margin-bottom: -8px;
      border-top: 2px solid #4e4e4e;
      padding-top: 10px; }
    /* line 1006, ../sass/main.scss */
    #project-page .project-info-block .project-info-head .logo-ico {
      background: url("img/project-page/logo_ico_dark.png") no-repeat bottom; }
    /* line 1009, ../sass/main.scss */
    #project-page .project-info-block .project-info-head .branding-ico {
      background: url("img/project-page/branding_ico_dark.png") no-repeat bottom; }
    /* line 1012, ../sass/main.scss */
    #project-page .project-info-block .project-info-head .web-ico {
      background: url("img/project-page/web_ico_dark.png") no-repeat bottom; }
    /* line 1015, ../sass/main.scss */
    #project-page .project-info-block .project-info-head .app-ico {
      background: url("img/project-page/app_ico_dark.png") no-repeat bottom; }
    /* line 1018, ../sass/main.scss */
    #project-page .project-info-block .project-info-head .personal-ico {
      background: url("img/project-page/personal_ico_dark.png") no-repeat bottom; }
    /* line 1021, ../sass/main.scss */
    #project-page .project-info-block .project-info-head h2 {
      color: #4e4e4e;
      display: inline-block;
      font-size: 20px;
      font-weight: 700; }
  /* line 1028, ../sass/main.scss */
  #project-page .project-info-block p {
    color: #4e4e4e; }
  /* line 1031, ../sass/main.scss */
  #project-page .project-info-block a {
    color: #2ab3cd; }
    /* line 1033, ../sass/main.scss */
    #project-page .project-info-block a:hover {
      color: #7a43b6; }
/* line 1039, ../sass/main.scss */
#project-page .section-left {
  padding-bottom: 150px; }
/* line 1043, ../sass/main.scss */
#project-page .section-right {
  padding-bottom: 150px; }
/* line 1047, ../sass/main.scss */
#project-page .section-middle {
  background: #ededed;
  padding-bottom: 150px; }
/* line 1051, ../sass/main.scss */
#project-page .middle-image-section {
  text-align: center; }
/* line 1054, ../sass/main.scss */
#project-page .more-images-section {
  margin-top: 100px;
  text-align: center;
  float: left;
  width: 100%; }
/* line 1061, ../sass/main.scss */
#project-page footer {
  margin-top: 50px;
  text-align: center; }
  /* line 1064, ../sass/main.scss */
  #project-page footer .contact-wrapper {
    margin: 0 auto 100px auto;
    display: inline-block; }
    /* line 1067, ../sass/main.scss */
    #project-page footer .contact-wrapper a {
      color: #4e4e4e;
      text-transform: uppercase;
      display: inline-block;
      padding: 8px 18px;
      border: 2px solid #4e4e4e;
      margin: 0 10px; }
      /* line 1074, ../sass/main.scss */
      #project-page footer .contact-wrapper a:hover {
        background: #4e4e4e;
        color: white; }
  /* line 1080, ../sass/main.scss */
  #project-page footer nav.full-project-nav {
    border-top: 2px solid #4e4e4e;
    padding-top: 30px;
    padding-bottom: 50px; }
    /* line 1084, ../sass/main.scss */
    #project-page footer nav.full-project-nav a {
      color: #4e4e4e; }

@media (max-height: 768px) {
  /* line 1098, ../sass/main.scss */
  #slide2 .timeline {
    margin-top: 0; } }
@media screen and (device-aspect-ratio: 16 / 10) {
  /* line 1106, ../sass/main.scss */
  .social .twitter {
    top: -165px; } }