/* page elements */
i {
  display: inline-block;
  font-size: 18px;
}
i.icon {
  background: url('../images/zeeto-sprite.png') -1px 0 no-repeat;
  background-size: 270px 350px;
}
i.icon.calendar {
  width: 15px;
  height: 15px;
  background-position: -202px -1px;
}
i.icon.comments {
  width: 15px;
  height: 15px;
  background-position: -202px -33px;
}
i.icon.comments.yellow {
  background-position: -202px -49px;
}
i.icon.airplane {
  width: 47px;
  height: 52px;
  background-position: -58px -198px;
}
i.icon.air-museum {
  width: 12px;
  height: 31px;
  background-position: -23px -198px;
}
i.icon.air-museum:hover {
  background-position: -23px -253px;
}
i.icon.beers {
  width: 17px;
  height: 20px;
  background-position: -2px -198px;
}
i.icon.beers:hover {
  background-position: -2px -253px;
}
i.icon.coffee {
  width: 21px;
  height: 13px;
  background-position: -2px -220px;
}
i.icon.coffee:hover {
  background-position: -2px -275px;
}
i.icon.donuts {
  width: 18px;
  height: 18px;
  background-position: -2px -233px;
}
i.icon.donuts:hover {
  background-position: -2px -288px;
}
i.icon.eats {
  width: 13px;
  height: 26px;
  background-position: -38px -217px;
}
i.icon.eats:hover {
  background-position: -38px -272px;
}
i.icon.juice {
  width: 14px;
  height: 17px;
  background-position: -23px -231px;
}
i.icon.juice:hover {
  background-position: -23px -286px;
}
i.icon.weights {
  width: 21px;
  height: 16px;
  background-position: -36px -199px;
}
i.icon.weights:hover {
  background-position: -36px -254px;
}
.slide i {
  font-size: 48px;
  position: absolute;
  top: 31px;
  left: 15px;
  color: rgba(0, 0, 0, 0.5);
}
.slide i.next-icon {
  left: 22px;
}
.icon.scroll {
  width: 40px;
  height: 57px;
  background: url('../images/zeeto-sprite.png') -59px -1px no-repeat;
  background-size: 270px 350px;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  position: absolute;
  left: 47%;
  bottom: -60px;
}
.icon.scroll.orange {
  background-position: -99px -1px;
}
.icon.scroll:hover {
  opacity: .8;
}
.icon.scroll.hide-scroll {
  opacity: 0;
}
.icon.top,
.icon.to-top {
  width: 68px;
  height: 91px;
  padding: 15px 0 0 38px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background: #ed8f31;
  border-radius: 53px;
  -moz-border-radius: 53px;
  -webkit-border-radius: 53px;
  position: fixed;
  left: 47%;
  bottom: -70px;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  z-index: 10;
  display: none;
}
.icon.top:hover,
.icon.to-top:hover {
  opacity: .7;
  cursor: pointer;
}
.icon.top {
  left: 45.5%;
}
.icon.ribbon {
  width: 42px;
  height: 68px;
  position: absolute;
  top: -32px;
  right: 0px;
  background: url('../images/zeeto-sprite.png') -134px -175px no-repeat;
  background-size: 270px 350px;
}
.icon.ribbon.orange {
  background-position: -180px -175px;
}
#employees .slide i {
  font-size: 34px;
  position: absolute;
  top: 25px;
  left: 25px;
  color: rgba(0, 0, 0, 0.5);
}
#employees .slide i.next-icon {
  left: 28px;
}
.social a span i {
  display: inline-block;
  position: relative;
}
.social a span i.icon-mail {
  width: 17px;
  height: 17px;
  background-position: 0px -43px;
  top: 6px;
  left: 8px;
}
.social a span i.icon-facebook {
  top: 8px;
  left: 12px;
}
.social a span i.icon-twitter {
  top: 7px;
  left: 8px;
}
.social a span i.icon-linkedin {
  top: 7px;
  left: 8px;
}
@keyframes fly {
  0% {
    transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -webkit-transform: scale(1.25, 1.25);
  }
  5% {
    bottom: 63%;
    left: 15%;
  }
  10% {
    bottom: 73%;
    left: 25%;
  }
  15% {
    bottom: 83%;
    left: 35%;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  20% {
    bottom: 82%;
    left: 39%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  22% {
    bottom: 79%;
    left: 40%;
  }
  25% {
    bottom: 73%;
    left: 42%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  27% {
    bottom: 68%;
    left: 43%;
    transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  30% {
    bottom: 64%;
    left: 44%;
  }
  35% {
    bottom: 58%;
    left: 45%;
    transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  37% {
    bottom: 55%;
    left: 47%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  40% {
    bottom: 53%;
    left: 49%;
  }
  45% {
    bottom: 50%;
    left: 51%;
  }
  47% {
    left: 52%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  50% {
    bottom: 48%;
    left: 55%;
    transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
  }
  60% {
    bottom: 45%;
    left: 65%;
  }
  62% {
    transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
  }
  65% {
    bottom: 42%;
    left: 68%;
    transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
  }
  70% {
    bottom: 34%;
    left: 67%;
  }
  75% {
    bottom: 30%;
    left: 65%;
  }
  77% {
    bottom: 28%;
    left: 65%;
    transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
  }
  80% {
    bottom: 25%;
    left: 60%;
    transform: rotate(195deg);
    -ms-transform: rotate(195deg);
    -webkit-transform: rotate(195deg);
  }
  85% {
    bottom: 15%;
    left: 45%;
  }
  90% {
    bottom: 10%;
    left: 35%;
  }
  95% {
    transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
  }
  100% {
    bottom: -50px;
    left: -50px;
    transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    -webkit-transform: rotate(220deg);
  }
}
@-moz-keyframes fly {
  0% {
    transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -webkit-transform: scale(1.25, 1.25);
  }
  5% {
    bottom: 63%;
    left: 15%;
  }
  10% {
    bottom: 73%;
    left: 25%;
  }
  15% {
    bottom: 83%;
    left: 35%;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  20% {
    bottom: 82%;
    left: 39%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  22% {
    bottom: 79%;
    left: 40%;
  }
  25% {
    bottom: 73%;
    left: 42%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  27% {
    bottom: 68%;
    left: 43%;
    transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  30% {
    bottom: 64%;
    left: 44%;
  }
  35% {
    bottom: 58%;
    left: 45%;
    transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
  }
  37% {
    bottom: 55%;
    left: 47%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  40% {
    bottom: 53%;
    left: 49%;
  }
  45% {
    bottom: 50%;
    left: 51%;
  }
  47% {
    left: 52%;
    transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
  }
  50% {
    bottom: 48%;
    left: 55%;
    transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
  }
  60% {
    bottom: 45%;
    left: 65%;
  }
  62% {
    transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
  }
  65% {
    bottom: 42%;
    left: 68%;
    transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
  }
  70% {
    bottom: 34%;
    left: 67%;
  }
  75% {
    bottom: 30%;
    left: 65%;
  }
  77% {
    bottom: 28%;
    left: 65%;
    transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
  }
  80% {
    bottom: 25%;
    left: 60%;
    transform: rotate(195deg);
    -ms-transform: rotate(195deg);
    -webkit-transform: rotate(195deg);
  }
  85% {
    bottom: 15%;
    left: 45%;
  }
  90% {
    bottom: 10%;
    left: 35%;
  }
  95% {
    transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
  }
  100% {
    bottom: -50px;
    left: -50px;
    transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    -webkit-transform: rotate(220deg);
  }
}
@-webkit-keyframes fly {
  0% {
    transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -webkit-transform: scale(1.25, 1.25);
  }
  14% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  15% {
    bottom: 85%;
    left: 30%;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  17% {
    bottom: 89%;
    left: 34%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  30% {
    bottom: 91%;
    left: 66%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  32% {
    bottom: 89%;
    left: 69%;
    transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    -webkit-transform: rotate(85deg);
  }
  45% {
    bottom: 65%;
    left: 90%;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  47% {
    bottom: 59%;
    left: 92%;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  65% {
    bottom: 17%;
    left: 93%;
    transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
  }
  69% {
    bottom: 8%;
    left: 89%;
    transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
  }
  100% {
    bottom: -50px;
    left: -50px;
    transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    -webkit-transform: rotate(220deg);
  }
}
@keyframes pop {
  0% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  20% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  35% {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  80% {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
}
@-moz-keyframes pop {
  0% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  20% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  35% {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  80% {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
}
@-webkit-keyframes pop {
  0% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  20% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  35% {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  80% {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
}
@keyframes blink {
  0% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  20% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  35% {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  80% {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
}
@-moz-keyframes blink {
  0% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  20% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  35% {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  80% {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
}
@-webkit-keyframes blink {
  0% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  20% {
    transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
  }
  35% {
    transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
  80% {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes delayed-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes delayed-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes delayed-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes curve-arrow {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 85px;
  }
}
@-moz-keyframes curve-arrow {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 85px;
  }
}
@-webkit-keyframes curve-arrow {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 85px;
  }
}
@keyframes draw-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 378px;
    height: 240px;
  }
}
@-moz-keyframes draw-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 378px;
    height: 240px;
  }
}
@-webkit-keyframes draw-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 378px;
    height: 240px;
  }
}
@keyframes draw-email-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 477px;
    height: 350px;
  }
}
@-moz-keyframes draw-email-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 477px;
    height: 350px;
  }
}
@-webkit-keyframes draw-email-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 477px;
    height: 350px;
  }
}
@keyframes draw-rtl-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 256px;
    height: 466px;
  }
}
@-moz-keyframes draw-rtl-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 256px;
    height: 466px;
  }
}
@-webkit-keyframes draw-rtl-loupe {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 256px;
    height: 466px;
  }
}
@keyframes draw-line {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 235px;
  }
}
@-moz-keyframes draw-line {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 235px;
  }
}
@-webkit-keyframes draw-line {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 235px;
  }
}
@keyframes slide-macbook-left {
  0% {
    right: -999px;
    opacity: 0;
  }
  50% {
    right: -999px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}
@-moz-keyframes slide-macbook-left {
  0% {
    right: -999px;
    opacity: 0;
  }
  50% {
    right: -999px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes slide-macbook-left {
  0% {
    right: -999px;
    opacity: 0;
  }
  50% {
    right: -999px;
    opacity: 0;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}
@keyframes slide-ipad-right {
  0% {
    left: -999px;
    opacity: 0;
  }
  75% {
    left: -999px;
    opacity: 0;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@-moz-keyframes slide-ipad-right {
  0% {
    left: -999px;
    opacity: 0;
  }
  75% {
    left: -999px;
    opacity: 0;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes slide-ipad-right {
  0% {
    left: -999px;
    opacity: 0;
  }
  75% {
    left: -999px;
    opacity: 0;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@keyframes slide-iphone-down {
  0% {
    bottom: 999px;
  }
  75% {
    bottom: 999px;
  }
  100% {
    bottom: 3px;
  }
}
@-moz-keyframes slide-iphone-down {
  0% {
    bottom: 999px;
  }
  75% {
    bottom: 999px;
  }
  100% {
    bottom: 3px;
  }
}
@-webkit-keyframes slide-iphone-down {
  0% {
    bottom: 999px;
  }
  75% {
    bottom: 999px;
  }
  100% {
    bottom: 3px;
  }
}
@keyframes grow-graphics {
  0% {
    width: 0px;
  }
  100% {
    width: 96%;
  }
}
@-moz-keyframes grow-graphics {
  0% {
    width: 0px;
  }
  100% {
    width: 96%;
  }
}
@-webkit-keyframes grow-graphics {
  0% {
    width: 0px;
  }
  100% {
    width: 96%;
  }
}
@keyframes gender-dot {
  0% {
    height: 0px;
  }
  99% {
    height: 71px;
  }
  100% {
    height: 84px;
  }
}
@-moz-keyframes gender-dot {
  0% {
    height: 0px;
  }
  99% {
    height: 71px;
  }
  100% {
    height: 84px;
  }
}
@-webkit-keyframes gender-dot {
  0% {
    height: 0px;
  }
  99% {
    height: 71px;
  }
  100% {
    height: 84px;
  }
}
@keyframes homeowners-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 85px;
  }
  100% {
    height: 98px;
  }
}
@-moz-keyframes homeowners-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 85px;
  }
  100% {
    height: 98px;
  }
}
@-webkit-keyframes homeowners-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 85px;
  }
  100% {
    height: 98px;
  }
}
@keyframes moms-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 113px;
  }
  100% {
    height: 126px;
  }
}
@-moz-keyframes moms-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 113px;
  }
  100% {
    height: 126px;
  }
}
@-webkit-keyframes moms-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 113px;
  }
  100% {
    height: 126px;
  }
}
@keyframes age-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 296px;
  }
  100% {
    height: 309px;
  }
}
@-moz-keyframes age-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 296px;
  }
  100% {
    height: 309px;
  }
}
@-webkit-keyframes age-dot {
  0% {
    width: 0px;
  }
  99% {
    height: 296px;
  }
  100% {
    height: 309px;
  }
}
@keyframes rotate-clockwise {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-clockwise {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-clockwise {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate-counter {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@-moz-keyframes rotate-counter {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate-counter {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes returning-dot {
  0% {
    width: 0px;
  }
  99% {
    width: 56px;
  }
  100% {
    width: 69px;
  }
}
@-moz-keyframes returning-dot {
  0% {
    width: 0px;
  }
  99% {
    width: 56px;
  }
  100% {
    width: 69px;
  }
}
@-webkit-keyframes returning-dot {
  0% {
    width: 0px;
  }
  99% {
    width: 56px;
  }
  100% {
    width: 69px;
  }
}
@keyframes returning-arrow {
  0% {
    height: 0px;
  }
  100% {
    height: 121px;
  }
}
@-moz-keyframes returning-arrow {
  0% {
    height: 0px;
  }
  100% {
    height: 121px;
  }
}
@-webkit-keyframes returning-arrow {
  0% {
    height: 0px;
  }
  100% {
    height: 121px;
  }
}
@keyframes unique-dot {
  0% {
    width: 0px;
  }
  99% {
    width: 81px;
  }
  100% {
    width: 94px;
  }
}
@-moz-keyframes unique-dot {
  0% {
    width: 0px;
  }
  99% {
    width: 81px;
  }
  100% {
    width: 94px;
  }
}
@-webkit-keyframes unique-dot {
  0% {
    width: 0px;
  }
  99% {
    width: 81px;
  }
  100% {
    width: 94px;
  }
}
@keyframes redeemed-dot {
  0% {
    height: 0px;
  }
  99% {
    height: 51px;
  }
  100% {
    height: 64px;
  }
}
@-moz-keyframes redeemed-dot {
  0% {
    height: 0px;
  }
  99% {
    height: 51px;
  }
  100% {
    height: 64px;
  }
}
@-webkit-keyframes redeemed-dot {
  0% {
    height: 0px;
  }
  99% {
    height: 51px;
  }
  100% {
    height: 64px;
  }
}
@keyframes sway {
  0% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  15% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  30% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  55% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
}
@-moz-keyframes sway {
  0% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  15% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  30% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  55% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
}
@-webkit-keyframes sway {
  0% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  15% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  30% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  55% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
}
@keyframes smooth-sway {
  0% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  25% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  50% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  75% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  100% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
}
@-moz-keyframes smooth-sway {
  0% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  25% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  50% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  75% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  100% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
}
@-webkit-keyframes smooth-sway {
  0% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  25% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  50% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
  75% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  100% {
    transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
  }
}
@keyframes light-alt-gif {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes light-alt-gif {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes light-alt-gif {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes light-gif {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes light-gif {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes light-gif {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes green-lights-blink {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes green-lights-blink {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes green-lights-blink {
  0% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes heart-beat {
  0% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
  20% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  30% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
  40% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  80% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  100% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
}
@-moz-keyframes heart-beat {
  0% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
  20% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  30% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
  40% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  80% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  100% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
}
@-webkit-keyframes heart-beat {
  0% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
  20% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  30% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
  40% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  80% {
    width: 25px;
    height: 21px;
    top: 155px;
    left: 60px;
  }
  100% {
    width: 42px;
    height: 36px;
    top: 149px;
    left: 52px;
  }
}
@keyframes auto-girl-arrow {
  0% {
    top: 287px;
    left: 720px;
    transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    -webkit-transform: rotate(47deg);
  }
  10% {
    top: 187px;
    left: 629px;
    transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
  }
  30% {
    top: 82px;
    left: 537px;
    transform: rotate(57deg);
    -ms-transform: rotate(57deg);
    -webkit-transform: rotate(57deg);
  }
  50% {
    top: 9px;
    left: 445px;
    transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
  }
  70% {
    top: 9px;
    left: 332px;
    transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
  }
  90% {
    top: 54px;
    left: 142px;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
  }
  100% {
    top: 141px;
    left: 58px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
  }
}
@-moz-keyframes auto-girl-arrow {
  0% {
    top: 287px;
    left: 720px;
    transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    -webkit-transform: rotate(47deg);
  }
  10% {
    top: 187px;
    left: 629px;
    transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
  }
  30% {
    top: 82px;
    left: 537px;
    transform: rotate(57deg);
    -ms-transform: rotate(57deg);
    -webkit-transform: rotate(57deg);
  }
  50% {
    top: 9px;
    left: 445px;
    transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
  }
  70% {
    top: 9px;
    left: 332px;
    transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
  }
  90% {
    top: 54px;
    left: 142px;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
  }
  100% {
    top: 141px;
    left: 58px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
  }
}
@-webkit-keyframes auto-girl-arrow {
  0% {
    top: 287px;
    left: 720px;
    transform: rotate(47deg);
    -ms-transform: rotate(47deg);
    -webkit-transform: rotate(47deg);
  }
  10% {
    top: 187px;
    left: 629px;
    transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -webkit-transform: rotate(54deg);
  }
  30% {
    top: 82px;
    left: 537px;
    transform: rotate(57deg);
    -ms-transform: rotate(57deg);
    -webkit-transform: rotate(57deg);
  }
  50% {
    top: 9px;
    left: 445px;
    transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
  }
  70% {
    top: 9px;
    left: 332px;
    transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
  }
  90% {
    top: 54px;
    left: 142px;
    transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
  }
  100% {
    top: 141px;
    left: 58px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
  }
}
@keyframes savings-girl-arrow {
  0% {
    top: 171px;
    left: 379px;
    transform: rotate(62deg);
    -ms-transform: rotate(62deg);
    -webkit-transform: rotate(62deg);
  }
  30% {
    top: 103px;
    left: 332px;
    transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -webkit-transform: rotate(46deg);
  }
  50% {
    top: 63px;
    left: 275px;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
  }
  80% {
    top: 40px;
    left: 223px;
    transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
  }
  90% {
    top: 60px;
    left: 134px;
    transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
  }
  100% {
    top: 93px;
    left: 45px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
  }
}
@-moz-keyframes savings-girl-arrow {
  0% {
    top: 171px;
    left: 379px;
    transform: rotate(62deg);
    -ms-transform: rotate(62deg);
    -webkit-transform: rotate(62deg);
  }
  30% {
    top: 103px;
    left: 332px;
    transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -webkit-transform: rotate(46deg);
  }
  50% {
    top: 63px;
    left: 275px;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
  }
  80% {
    top: 40px;
    left: 223px;
    transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
  }
  90% {
    top: 60px;
    left: 134px;
    transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
  }
  100% {
    top: 93px;
    left: 45px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
  }
}
@-webkit-keyframes savings-girl-arrow {
  0% {
    top: 171px;
    left: 379px;
    transform: rotate(62deg);
    -ms-transform: rotate(62deg);
    -webkit-transform: rotate(62deg);
  }
  30% {
    top: 103px;
    left: 332px;
    transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    -webkit-transform: rotate(46deg);
  }
  50% {
    top: 63px;
    left: 275px;
    transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
  }
  80% {
    top: 40px;
    left: 223px;
    transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
  }
  90% {
    top: 60px;
    left: 134px;
    transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
  }
  100% {
    top: 93px;
    left: 45px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    opacity: 1;
  }
}
@keyframes mail-flag {
  0% {
    top: 785px;
    left: 407px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    top: 754px;
    left: 366px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
  }
  100% {
    top: 731px;
    left: 303px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes mail-flag {
  0% {
    top: 785px;
    left: 407px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    top: 754px;
    left: 366px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
  }
  100% {
    top: 731px;
    left: 303px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@-webkit-keyframes mail-flag {
  0% {
    top: 785px;
    left: 407px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  50% {
    top: 754px;
    left: 366px;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
  }
  100% {
    top: 731px;
    left: 303px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
}
@keyframes shaken {
  0% {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  25% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
}
@-moz-keyframes shaken {
  0% {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  25% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
}
@-webkit-keyframes shaken {
  0% {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  25% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  50% {
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
  }
  100% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
}
@keyframes overlay-river {
  0% {
    width: 171px;
    height: 146px;
    bottom: 575px;
    left: 313px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-sm.png');
    transition: .5s;
  }
  20% {
    width: 470px;
    height: 402px;
    bottom: 440px;
    left: 214px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-small.png');
  }
  40% {
    width: 965px;
    height: 825px;
    bottom: 208px;
    left: -20px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-medium.png');
  }
  60% {
    width: 1300px;
    height: 1111px;
    bottom: 2px;
    left: -189px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-large.png');
  }
  80% {
    width: 1775px;
    height: 1519px;
    bottom: -250px;
    left: -446px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-x-large.png');
  }
  100% {
    width: 2368px;
    height: 2023px;
    bottom: -551px;
    left: -750px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-super-large.png');
  }
}
@-moz-keyframes overlay-river {
  0% {
    width: 171px;
    height: 146px;
    bottom: 575px;
    left: 313px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-sm.png');
  }
  20% {
    width: 470px;
    height: 402px;
    bottom: 440px;
    left: 214px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-small.png');
  }
  40% {
    width: 965px;
    height: 825px;
    bottom: 208px;
    left: -20px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-medium.png');
  }
  60% {
    width: 1300px;
    height: 1111px;
    bottom: 2px;
    left: -189px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-large.png');
  }
  80% {
    width: 1775px;
    height: 1519px;
    bottom: -250px;
    left: -446px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-x-large.png');
  }
  100% {
    width: 2368px;
    height: 2023px;
    bottom: -551px;
    left: -750px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-super-large.png');
  }
}
@-webkit-keyframes overlay-river {
  0% {
    width: 171px;
    height: 146px;
    bottom: 575px;
    left: 313px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-sm.png');
  }
  20% {
    width: 470px;
    height: 402px;
    bottom: 440px;
    left: 214px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-small.png');
  }
  40% {
    width: 965px;
    height: 825px;
    bottom: 208px;
    left: -20px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-medium.png');
  }
  60% {
    width: 1300px;
    height: 1111px;
    bottom: 2px;
    left: -189px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-large.png');
  }
  80% {
    width: 1775px;
    height: 1519px;
    bottom: -250px;
    left: -446px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-x-large.png');
  }
  100% {
    width: 2368px;
    height: 2023px;
    bottom: -551px;
    left: -750px;
    background-image: url('../images/backgrounds/what-we-do/illustration/heart-overlay-super-large.png');
  }
}
@keyframes cloud-1 {
  0% {
    left: 420px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  70% {
    left: 1390px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  71% {
    left: 1416px;
    opacity: 0;
  }
  75% {
    left: 0px;
    opacity: 0;
  }
  76% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  80% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  83% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  85% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  90% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-moz-keyframes cloud-1 {
  0% {
    left: 420px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  70% {
    left: 1390px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  71% {
    left: 1416px;
    opacity: 0;
  }
  75% {
    left: 0px;
    opacity: 0;
  }
  76% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  80% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  83% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  85% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  90% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-webkit-keyframes cloud-1 {
  0% {
    left: 420px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  70% {
    left: 1390px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  71% {
    left: 1416px;
    opacity: 0;
  }
  75% {
    left: 0px;
    opacity: 0;
  }
  76% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  80% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  83% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  85% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  90% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@keyframes cloud-2 {
  0% {
    left: 120px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  90% {
    left: 1578px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  91% {
    left: 1591px;
    opacity: 0;
  }
  92% {
    left: 0px;
    opacity: 0;
  }
  93% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  95% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  97% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  99% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-moz-keyframes cloud-2 {
  0% {
    left: 120px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  90% {
    left: 1578px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  91% {
    left: 1591px;
    opacity: 0;
  }
  92% {
    left: 0px;
    opacity: 0;
  }
  93% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  95% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  97% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  99% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-webkit-keyframes cloud-2 {
  0% {
    left: 120px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  90% {
    left: 1578px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  91% {
    left: 1591px;
    opacity: 0;
  }
  92% {
    left: 0px;
    opacity: 0;
  }
  93% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  95% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  97% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  99% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@keyframes cloud-3 {
  0% {
    left: 220px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  50% {
    left: 1545px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  51% {
    left: 1566px;
    opacity: 0;
  }
  92% {
    left: 0px;
    opacity: 0;
  }
  93% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  95% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  97% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  99% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-moz-keyframes cloud-3 {
  0% {
    left: 220px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  50% {
    left: 1545px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  51% {
    left: 1566px;
    opacity: 0;
  }
  92% {
    left: 0px;
    opacity: 0;
  }
  93% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  95% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  97% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  99% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-webkit-keyframes cloud-3 {
  0% {
    left: 220px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  35% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  37% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  39% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  50% {
    left: 1545px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  51% {
    left: 1566px;
    opacity: 0;
  }
  92% {
    left: 0px;
    opacity: 0;
  }
  93% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  95% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  97% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  99% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@keyframes cloud-4 {
  0% {
    left: 820px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  30% {
    left: 1240px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  31% {
    left: 1255px;
    opacity: 0;
  }
  45% {
    left: 0px;
    opacity: 0;
  }
  46% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  48% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  50% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  52% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  65% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  67% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  69% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  80% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-moz-keyframes cloud-4 {
  0% {
    left: 820px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  30% {
    left: 1240px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  31% {
    left: 1255px;
    opacity: 0;
  }
  45% {
    left: 0px;
    opacity: 0;
  }
  46% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  48% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  50% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  52% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  65% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  67% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  69% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  80% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
@-webkit-keyframes cloud-4 {
  0% {
    left: 820px;
  }
  10% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  12% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  14% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
  30% {
    left: 1240px;
    opacity: 1;
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
  }
  31% {
    left: 1255px;
    opacity: 0;
  }
  45% {
    left: 0px;
    opacity: 0;
  }
  46% {
    opacity: 1;
    transform: rotate(-2.25deg);
    -ms-transform: rotate(-2.25deg);
    -webkit-transform: rotate(-2.25deg);
  }
  48% {
    transform: rotate(-2.5deg);
    -ms-transform: rotate(-2.5deg);
    -webkit-transform: rotate(-2.5deg);
  }
  50% {
    transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  52% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
  }
  65% {
    transform: rotate(-1.75deg);
    -ms-transform: rotate(-1.75deg);
    -webkit-transform: rotate(-1.75deg);
  }
  67% {
    transform: rotate(-2.75deg);
    -ms-transform: rotate(-2.75deg);
    -webkit-transform: rotate(-2.75deg);
  }
  69% {
    transform: rotate(-1.25deg);
    -ms-transform: rotate(-1.25deg);
    -webkit-transform: rotate(-1.25deg);
  }
  80% {
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  100% {
    transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    -webkit-transform: rotate(1.5deg);
  }
}
.background-cover {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
}
.curved-arrow:before {
  content: '';
  width: 59px;
  height: 85px;
  position: absolute;
  top: -106px;
  left: 83px;
  background: url('../images/zeeto-sprite.png') -191px -64px no-repeat;
  background-size: 270px 350px;
}
.flow-text {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
}
.yes-dot {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
}
.yes-dot:before {
  content: "YES";
  font-family: 'proxima-nova', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  width: 32px;
  height: 23px;
  position: absolute;
  top: 24px;
  left: 1px;
  background: #e04d4a;
  padding-top: 9px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
#four-oh-four,
#pacman {
  font-family: monospace;
  margin: 90px auto 0;
  text-align: center;
}
#four-oh-four h1,
#pacman h1,
#four-oh-four h3,
#pacman h3 {
  font-weight: bold;
  font-size: 32px;
  color: #fff;
  margin: 15px 0;
}
#four-oh-four h3,
#pacman h3 {
  font-size: 20px;
}
#four-oh-four td,
#pacman td {
  line-height: .8em;
}
#four-oh-four form,
#pacman form {
  margin-bottom: 20px;
  width: 105px;
  text-align: center;
  margin: 0 auto 20px;
}
#four-oh-four input,
#pacman input {
  font-family: inherit;
  -moz-box-sizing: content-box;
}
#four-oh-four a,
#pacman a {
  color: #11c;
  text-decoration: none;
}
#four-oh-four a:hover,
#pacman a:hover,
#four-oh-four a:active,
#pacman a:active {
  text-decoration: underline;
}
#four-oh-four a:visited,
#pacman a:visited {
  color: #551a8b;
}
#four-oh-four #logo-p,
#pacman #logo-p {
  width: 554px;
  height: 186px;
  background: #000000 url('../src/pacman10-hp.gif') 0 0 no-repeat;
  position: relative;
  margin-bottom: 9px;
}
#four-oh-four #logo-l,
#pacman #logo-l {
  width: 200px;
  height: 2px;
  left: 177px;
  top: 157px;
  background: #990;
  position: absolute;
  display: none;
  overflow: hidden;
}
#four-oh-four #logo-b,
#pacman #logo-b {
  position: absolute;
  left: 0;
  background: #ff0;
  height: 8px;
  width: 0;
}
#four-oh-four #wrapper,
#pacman #wrapper {
  width: 554px;
  height: 186px;
  padding: 10px;
  background: #000;
  -webkit-border-radius: 8px;
  margin: 50px auto;
}
#four-oh-four .lsb:active,
#pacman .lsb:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
}
#four-oh-four .ds,
#pacman .ds {
  display: -moz-inline-box;
}
#four-oh-four .ds,
#pacman .ds {
  border-bottom: solid 1px #e7e7e7;
  border-right: solid 1px #e7e7e7;
  display: inline-block;
  margin: 3px 0 4px;
  margin-left: 4px;
  margin-right: 3px;
  height: 32px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#four-oh-four .lsbb,
#pacman .lsbb {
  background: #eee;
  border: solid 1px;
  border-color: #ccc #999 #999 #ccc;
  height: 30px;
  display: block;
}
#four-oh-four .lsb,
#pacman .lsb {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
  font: 15px arial, sans-serif;
  font-weight: bold;
  color: #444;
  border: none;
  cursor: pointer;
  height: 30px;
  margin: 0;
  outline: 0;
  vertical-align: top;
}
#four-oh-four .lsb:active,
#pacman .lsb:active {
  background: #ccc;
}
#four-oh-four #footer ul,
#pacman #footer ul {
  list-style-type: none;
  padding: 0;
  text-align: center;
  margin: auto;
  background: rgba(0, 0, 0, 0.5);
  width: 300px;
  border-radius: 5px;
}
#four-oh-four #footer a,
#pacman #footer a {
  display: inline-block;
  color: #777;
  font-size: 10pt;
  font-family: monospace;
  padding: 5px;
}
#four-oh-four #footer a:hover,
#pacman #footer a:hover {
  color: #666;
  text-decoration: none;
}
#four-oh-four #canvas-wrapper,
#pacman #canvas-wrapper {
  width: 920px;
  height: 670px;
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  margin: auto;
}
#four-oh-four #canvas-wrapper h3,
#pacman #canvas-wrapper h3 {
  font-size: 20px;
  padding-top: 10px;
  color: #444;
}
#four-oh-four #canvas-wrapper h4,
#pacman #canvas-wrapper h4 {
  font-size: 16px;
}
#pacman {
  position: fixed;
  top: 150px;
  left: 35%;
  z-index: 500;
}
#pacman #close-game {
  position: absolute;
  top: 29px;
  right: 6px;
  padding: 5px;
  background: #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #444;
  font-weight: 600;
}
#pacman #close-game:hover {
  cursor: pointer;
  opacity: .8;
}
#lightbox-wrapper {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 600;
}
#lightbox-wrapper #lightbox {
  width: 98%;
  max-width: 600px;
  min-height: 300px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin: 150px auto;
  background: url('../images/dots-bg-25.png') left top repeat-x, url('../images/bg-vertical-grad.png') left top repeat-x, #323232;
  position: relative;
}
#lb-content {
  width: auto;
  padding: 60px 80px 10px;
  display: none;
}
#lb-content .close {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 7px;
  right: 10px;
  padding: 4px;
}
#lb-content .close .glyphicons {
  padding: 0px;
}
#lb-content .close .glyphicons i:before {
  color: #b4b4b4;
  font-size: 30px;
  transition: font-size 0.5s;
  -webkit-transition: font-size 0.5s;
  -moz-transition: font-size 0.5s;
  -o-transition: font-size 0.5s;
}
#lb-content .close .glyphicons i:hover:before {
  font-size: 36px;
  cursor: pointer;
}
#lb-content .close .glyphicons.cogwheels i:before {
  left: 10px;
}
#lb-content h1 {
  font-size: 30px;
  font-weight: 800;
  line-height: 19px;
  padding: 1px 3px 0;
  margin: 0 0 10px;
  color: #393939;
  text-transform: uppercase;
  letter-spacing: .1em;
}
#lb-content h1 b {
  background: rgba(254, 209, 4, 0.8);
  display: inline-block;
  margin-bottom: 11px;
}
#lb-content h3 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 68px;
  color: #fff;
  text-transform: uppercase;
  margin: 11px 0;
  width: 360px;
  padding: 0;
  background: none;
  letter-spacing: -0.5px;
  clear: both;
}
#lb-content p {
  font-size: 24px;
  color: #fff;
  line-height: 30px;
  clear: both;
  margin-bottom: 42px;
}
#lb-content .property {
  float: left;
  width: 25%;
  max-width: 103px;
  height: 97px;
  background: #474747;
  text-align: center;
}
#lb-content .property img {
  display: block;
  width: 85px;
  height: auto;
  margin: auto;
}
#lb-content #gif-icon {
  margin-top: 15px;
}
#lb-content #mgif-icon {
  margin-top: 5px;
}
#lb-content #samples-icon {
  margin-top: 12px;
}
#lb-content .property-info {
  float: left;
  width: 70%;
  margin-left: 5%;
}
#lb-content .property-info p {
  margin: 0;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 2px;
}
#lb-content .count-group {
  width: 100%;
  height: 100px;
  margin-bottom: 47px;
}
#lb-content .counter {
  font-size: 48px;
  margin-top: 3px;
}
#lb-content .counter .count {
  width: 80px;
  height: 60px;
}
#lb-content .counter .count:before {
  top: 32px;
}
#lb-content .counter .count:after {
  height: 30px;
  top: 32px;
}
#lb-content .counter > span {
  font-size: 32px;
}
@media (max-width: 768px) {
  #lightbox-wrapper #lightbox {
    width: 595px;
  }
  #lb-content {
    padding: 50px 50px 1px;
  }
  #lb-content h3 {
    margin: 3px 0;
  }
  #lb-content .property-info {
    margin-left: 20px;
  }
  #lb-content .property-info p {
    font-size: 20px;
    line-height: 1em;
    margin: -2px 0 12px;
  }
}
@media (max-width: 595px) {
  #lightbox-wrapper #lightbox {
    width: 280px;
  }
  #lightbox-wrapper #lb-content {
    padding: 15px 15px 1px;
  }
  #lightbox-wrapper #lb-content .close {
    top: 0;
    right: 5px;
  }
  #lightbox-wrapper #lb-content h1 {
    font-size: 21px;
    line-height: 13px;
    letter-spacing: .05em;
    padding-left: 0px;
    margin: 0;
  }
  #lightbox-wrapper #lb-content h3 {
    font-size: 72px;
    line-height: 54px;
    width: 100%;
    margin: 0 0 4px;
  }
  #lightbox-wrapper #lb-content p {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 18px;
  }
  #lightbox-wrapper #lb-content .property {
    width: 47px;
    height: 43px;
    margin-top: 2px;
  }
  #lightbox-wrapper #lb-content .property img {
    width: 38px;
  }
  #lightbox-wrapper #lb-content #gif-icon {
    margin-top: 6px;
  }
  #lightbox-wrapper #lb-content #mgif-icon {
    margin-top: 2px;
  }
  #lightbox-wrapper #lb-content #samples-icon {
    margin-top: 5px;
  }
  #lightbox-wrapper #lb-content .property-info {
    margin-left: 15px;
  }
  #lightbox-wrapper #lb-content .property-info p {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 2px;
  }
  #lightbox-wrapper #lb-content .count-group {
    height: 50px;
    margin-bottom: 13px;
  }
  #lightbox-wrapper #lb-content .counter {
    font-size: 23px;
    margin-top: 0;
  }
  #lightbox-wrapper #lb-content .counter .count {
    width: 42px;
    height: 28px;
    padding-top: 0px;
  }
  #lightbox-wrapper #lb-content .counter .count:before {
    top: 13px;
  }
  #lightbox-wrapper #lb-content .counter .count:after {
    height: 11px;
    top: 14px;
  }
  #lightbox-wrapper #lb-content .counter > span {
    font-size: 18px;
    margin-top: 4px;
    padding: 0px 4px 0px 3px;
  }
}
html {
  background: url('../images/bg-texture-171717.jpg') left top repeat;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: Lato, 'Myriad Pro', sans-serif;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
}
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
p {
  font-size: 18px;
  color: #272727;
  line-height: 22px;
}
a {
  text-decoration: none;
  color: #ed8f31;
}
a,
img {
  border: none;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
}
.burst {
  width: 120px;
  height: 120px;
  background: url('../images/zeeto-sprite.png') -1px -55px no-repeat;
  background-size: 270px 350px;
  background-size: 240px 311px;
  position: absolute;
  top: 0;
  left: 0;
}
.clearfix {
  width: 100%;
  clear: both;
  height: 0px;
}
/* page elements */
.container {
  width: 100%;
  height: 100%;
  min-height: 650px;
}
.content {
  width: 920px;
  margin: 0 auto;
  position: relative;
}
.content.page-view > h1 {
  position: absolute;
  top: -7px;
  right: 0;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 120px;
  color: #323232;
  line-height: .9em;
  text-transform: uppercase;
  z-index: 100;
  margin-top: -8px;
}
.content sup {
  font-size: .8em;
}
.content .two-cols sup {
  font-size: 1.4em;
  vertical-align: top;
}
nav {
  width: 100%;
  min-width: 920px;
  height: 34px;
  text-align: center;
  margin: auto;
  background: #272727;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}
nav ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 920px;
}
nav ul li {
  margin: 2px 0 0;
  padding: 0;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  position: relative;
  line-height: 1;
}
nav ul li a {
  color: #ffffff;
  padding: 6px 0px 12px;
  margin: 1px 10px;
  display: inline-block;
}
nav ul li.active a {
  border-bottom: 1px solid #ffffff;
}
nav ul li li.active a {
  border-bottom: none;
}
nav ul li.has-dropdown > a {
  margin-right: 20px;
}
nav ul li.has-dropdown i {
  font-size: 14px;
  position: absolute;
  top: 8px;
  right: 7px;
}
nav ul li.has-dropdown:hover:before {
  content: "";
  width: 20px;
  height: 0px;
  border-bottom: 2px solid #272727;
  position: absolute;
  bottom: 1px;
  left: 0px;
}
nav ul li ul {
  display: none;
  width: 118px;
  position: absolute;
  top: 31px;
  left: 8px;
  text-align: left;
  border-top: 1px solid #272727;
  background: #3c3c3c;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
nav ul li ul.add-background {
  background: rgba(0, 0, 0, 0.2);
  padding-left: 10px;
}
nav ul li ul li {
  font-size: 12px;
  font-weight: 900;
  text-transform: none;
  padding: 0px;
  margin: 0;
  display: block;
  border-bottom: 1px solid #525252;
  font-weight: 400;
}
nav ul li ul li a {
  display: block;
  color: #b4b4b4;
  transition: color 1s;
  -webkit-transition: color 1s;
  -moz-transition: color 1s;
  -o-transition: color 1s;
  border-bottom: none;
  margin: 0;
  padding: 9px 14px 11px;
}
nav ul li ul li a:hover {
  color: #fed104;
  background: #272727;
}
nav ul li ul li.active a {
  color: #fed104;
  background: #272727;
}
nav ul li ul li.active a:hover {
  color: #6f706f;
}
nav ul li ul li:last-child {
  border-bottom: 0px;
}
nav ul li ul li:last-child a {
  padding-bottom: 16px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
nav ul li:hover ul {
  display: block;
}
nav ul li.slider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 1px;
  background: #ffffff;
}
#header-logo {
  position: absolute;
  top: 0;
  right: 40px;
  z-index: 50;
  opacity: .5;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
}
#header-logo:hover {
  opacity: 1;
}
#logo {
  position: fixed;
  left: 38px;
  top: 70px;
  z-index: 50;
}
.gallery {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-width: 920px;
  min-height: 700px;
}
.gallery ul {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 700px;
}
.gallery li {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  float: left;
  width: 100%;
  height: 100%;
  min-height: 300px;
  position: relative;
  list-style: none;
}
.gallery li:first-child {
  background-position: top center !important;
}
.gallery li:nth-child(2) .home-content .content-wrapper > h3,
.gallery li:nth-child(4) .home-content .content-wrapper > h3 {
  width: 690px;
}
.gallery.what-gallery li {
  background-position: center top;
}
.slide {
  width: 69px;
  height: 103px;
  background: url('../images/zeeto-sprite.png') -122px -244px no-repeat;
  background-size: 270px 350px;
  position: fixed;
  top: 43%;
  left: 0;
  opacity: 1;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.slide.next {
  left: auto;
  right: 0;
}
.slide:hover {
  opacity: .8;
  cursor: pointer;
}
.slide.disabled {
  display: none !important;
}
.slide.next {
  background: url('../images/zeeto-sprite.png') -196px -244px no-repeat;
  background-size: 270px 350px;
}
#slide-dots {
  width: 15px;
  height: 60px;
  position: fixed;
  top: 45%;
  right: 40px;
  z-index: 100;
}
#slide-dots a {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  margin-bottom: 9px;
}
#slide-dots a span {
  display: none;
  font-size: 14px;
  font-weight: 700;
  color: #b4b4b4;
  position: absolute;
  top: -3px;
  left: -125px;
  width: 120px;
  height: 16px;
  text-align: right;
}
#slide-dots a:hover span {
  display: block;
}
#slide-dots a:hover i {
  font-size: 120%;
}
#slide-dots a:hover i.icon-circle {
  font-size: 13px;
}
#slide-dots i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #b4b4b4;
}
#slide-dots i.icon-circle {
  color: #fed104;
  opacity: .8;
  transition: color 1s;
  -webkit-transition: color 1s;
  -moz-transition: color 1s;
  -o-transition: color 1s;
}
#slide-dots i.icon-circle.fadeout {
  color: #b4b4b4;
}
#slide-dots i.popped {
  -webkit-animation-name: blink;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: blink;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: blink;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#slide-dots.what-we-done a span {
  width: 145px;
  left: -152px;
}
.home-content {
  margin-top: 18%;
  display: none;
}
.home-content:before {
  content: "";
  width: 997px;
  height: 501px;
  position: absolute;
  top: -25px;
  left: -160px;
}
.home-content .content-wrapper {
  display: table;
}
.home-content h1,
.home-content h2 {
  float: left;
  clear: both;
  font-family: 'Open Sans', Lato, sans-serif;
  font-size: 30px;
  font-weight: 900;
  color: #393939;
  text-transform: uppercase;
  line-height: 20px;
  padding: 1px 3px 0;
  margin: 0 0 10px;
  color: #393939;
  text-transform: uppercase;
  letter-spacing: 0em;
  background: rgba(254, 209, 4, 0.8);
}
.home-content h3 {
  float: left;
  clear: both;
  width: 840px;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 92px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  line-height: 82px;
  margin: 0 0 6px;
}
.home-content p {
  float: left;
  clear: both;
  width: 480px;
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  line-height: 30px;
  margin: 0 0 10px;
}
.home-content p strong {
  color: #ed8f31;
}
.home-content.what-we-done-content {
  margin-top: 0;
  height: 100%;
}
.home-content.what-we-done-content:before {
  display: none;
}
.home-content.what-we-done-content h1 {
  float: left;
  clear: both;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 68px;
  color: #393939;
  text-transform: uppercase;
  margin-bottom: 0;
  width: 360px;
  padding: 0;
  background: none;
  letter-spacing: 0;
}
.home-content.what-we-done-content h1.love {
  color: #ffffff;
  width: 235px;
  float: right;
  text-align: right;
}
.home-content.what-we-done-content h1.delivered {
  width: 290px;
}
.home-content.what-we-done-content h3 {
  float: left;
  clear: both;
  width: auto;
  font-family: 'proxima-nova', sans-serif;
  font-size: 30px;
  font-weight: 800;
  line-height: 19px;
  padding: 1px 3px 0;
  margin: 0 0 10px;
  color: #393939;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: rgba(254, 209, 4, 0.8);
}
.home-content.what-we-done-content aside {
  width: 330px;
  position: absolute;
  top: 70px;
  left: 0;
}
.home-content.what-we-done-content aside h2 {
  font-size: 30px;
  font-weight: 400;
  color: #fed104;
  background: none;
  line-height: 1em;
  text-transform: none;
  letter-spacing: 0;
}
.home-content.what-we-done-content aside p {
  width: 294px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #ffffff;
}
.home-content.what-we-done-content .content-wrapper {
  position: absolute;
  bottom: 128px;
  left: 0;
}
.home-content.what-we-done-content .content-wrapper .cols-wrapper {
  float: left;
  clear: both;
  margin-top: -26px;
}
.home-content.what-we-done-content .content-wrapper .cols-wrapper .two-cols {
  float: left;
  width: 440px;
}
.home-content.what-we-done-content .content-wrapper .cols-wrapper .two-cols h3 {
  float: right;
}
.home-content.what-we-done-content .content-wrapper .cols-wrapper .two-cols.right {
  margin-left: 40px;
}
.home-content.what-we-done-content .content-wrapper .cols-wrapper .two-cols.right h3 {
  float: left;
}
.home-content.what-we-done-content .content-wrapper .cols-wrapper .two-cols p {
  width: auto;
  background: rgba(255, 255, 255, 0.3);
  padding: 25px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: #000000;
}
.wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.dots-wrapper {
  background: url('../images/dots-bg-25.png') left top repeat-x, url('../images/bg-vertical-grad.png') left top repeat-x, #171717 url('../images/bg-texture-171717.jpg') left top repeat;
}
.show-me {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
.hide-me {
  opacity: 0;
}
#who-we-are {
  background: url('../images/backgrounds/about-us/couch-bkgd.jpg') top left no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  min-width: 920px;
}
#who-we-are .content {
  height: 100%;
}
#who-we-are .content > h1 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 120px;
  color: #272727;
  text-transform: uppercase;
  position: absolute;
  top: 0px;
  right: 0px;
}
#who-we-are .content article {
  position: absolute;
  bottom: 130px;
}
#who-we-are .content article h1 {
  float: left;
  font-size: 30px;
  font-weight: 800;
  color: #393939;
  text-transform: uppercase;
  line-height: 19px;
  letter-spacing: .1em;
  margin-bottom: 10px;
}
#who-we-are .content article h1 span {
  float: left;
  clear: both;
  background: rgba(254, 209, 4, 0.8);
  padding: 1px 3px 0;
  margin-bottom: 5px;
}
#who-we-are .content article p {
  clear: both;
  color: #ffffff;
  letter-spacing: -0.03em;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
}
#who-we-are .scroll {
  bottom: 18px;
  opacity: .8;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
}
#who-we-are .scroll.hide-scroll {
  opacity: 0;
}
#our-clients {
  background: #ffffff;
  height: auto;
  min-width: 920px;
}
#our-clients .content {
  text-align: center;
  margin: 0 auto;
  padding: 20px 0 75px;
}
#our-clients .content h1 {
  font-size: 30px;
  font-weight: 900;
  color: #3c3c3c;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 80px auto 30px;
}
#our-clients .content ul {
  list-style-type: none;
}
#office-entry {
  height: 680px;
  background: url('../images/backgrounds/about-us/front-desk-bkgd.jpg') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  min-width: 920px;
}
#testimonials {
  background: #ffffff;
  display: block;
  height: auto;
  padding-bottom: 140px;
  overflow: hidden;
  min-width: 920px;
}
#testimonials .content {
  padding: 101px 0 0;
  display: table;
}
#testimonials .content > h1 {
  font-size: 30px;
  font-weight: 900;
  color: #3c3c3c;
  letter-spacing: .1em;
  text-transform: uppercase;
  position: relative;
  margin: 14px auto 80px;
  text-align: center;
}
#testimonials .content > h1:before,
#testimonials .content > h1:after {
  content: "";
  width: 52px;
  height: 35px;
  background: url('../images/zeeto-sprite.png') -140px -99px no-repeat;
  background-size: 270px 350px;
  position: absolute;
  top: -50px;
  left: 47%;
}
#testimonials .content > h1:after {
  background-position: -140px -61px;
  top: auto;
  bottom: -48px;
}
#testimonials .content article {
  margin: 10px 0 35px;
  position: relative;
  float: left;
  width: 390px;
  height: auto;
  padding: 13px 25px 20px;
  background: #ebebeb;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
#testimonials .content article:after {
  content: "";
  width: 0;
  height: 0;
  border: 13px solid #ebebeb;
  border-left-color: transparent;
  border-right-color: #ebebeb;
  border-bottom-color: transparent;
  position: absolute;
  bottom: -26px;
  left: 35px;
}
#testimonials .content article h1 {
  font-size: 18px;
  font-weight: 800;
  color: #807e7d;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 0px;
}
#testimonials .content article p {
  font-size: 16px;
  line-height: 21px;
}
#testimonials .content article footer {
  position: absolute;
  bottom: -24px;
  left: 74px;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  color: #b4b4b4;
}
#testimonials .content article:nth-of-type(2n+1) {
  margin-right: 40px;
}
#testimonials .icon.to-top {
  clear: both;
  position: absolute;
  display: block;
}
.who-what-how {
  padding-top: 34px;
}
.who-what-how article h1 {
  font-weight: 200;
  font-size: 24px;
  line-height: 30px;
  color: #fed104;
  margin-top: 40px;
  width: 195px;
}
.who-what-how article p {
  line-height: 20px;
  color: #ffffff;
  width: 480px;
  margin-top: 15px;
}
#our-audience {
  background: url('../images/dots-bg-25.png') left top repeat-x, url('../images/bg-vertical-grad.png') left top repeat-x, #272727;
  height: 247px;
}
#our-audience .content {
  display: table;
}
#our-audience .content > h1 {
  color: #3c3c3c;
  top: auto;
  bottom: 0px;
  z-index: 1;
  line-height: 1em;
  bottom: -9px;
}
#our-audience .content article {
  float: left;
  padding-bottom: 60px;
  z-index: 2;
  position: relative;
}
#our-audience .icon.scroll {
  position: fixed;
  bottom: 20px;
  z-index: 100;
}
#get-it-free {
  background: #ffffff;
  z-index: 5;
  padding-top: 99px;
  display: table;
  height: auto;
  overflow: hidden;
}
#get-it-free .content {
  display: table;
  padding-bottom: 90px;
}
#get-it-free .content .img-wrapper {
  width: 920px;
  height: 453px;
  position: relative;
}
#get-it-free .content .img-wrapper #imac,
#get-it-free .content .img-wrapper #ipad,
#get-it-free .content .img-wrapper #iphone,
#get-it-free .content .img-wrapper #macbook {
  position: absolute;
  bottom: 2px;
  left: 180px;
}
#get-it-free .content .img-wrapper #ipad {
  bottom: 21px;
  left: 0px;
}
#get-it-free .content .img-wrapper #iphone {
  bottom: 3px;
  left: 183px;
}
#get-it-free .content .img-wrapper #macbook {
  bottom: 26px;
  left: auto;
  right: 0px;
}
#get-it-free .content h1 {
  font-size: 72px;
  font-family: 'Pathway Gothic One', sans-serif;
  color: #6f706f;
  text-transform: uppercase;
  float: left;
  margin: 29px 0 0 -2px;
}
#get-it-free .content h2 {
  position: absolute;
  top: 60px;
  left: 0;
  font-size: 24px;
  font-weight: 800;
  color: #393939;
  line-height: 15px;
  letter-spacing: .05em;
  padding: 1px 4px 0;
  margin-bottom: 9px;
  background: rgba(254, 209, 4, 0.8);
  text-transform: uppercase;
  display: inline-block;
}
#get-it-free .content p {
  font-weight: 600;
}
#get-it-free .content .two-cols {
  float: right;
  width: 359px;
  margin-top: 41px;
  margin-bottom: 2px;
}
#get-it-free .content .two-cols a {
  display: inline-block;
  width: 158px;
  height: 33px;
  margin-top: 17px;
  padding: 11px 21px 0px;
  background: #e04d4a;
  border: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-align: center;
}
#get-it-free .content .two-cols a:hover {
  font-size: 20px;
}
#get-it-free .content.show-me #imac {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 0.1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 0.1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
#get-it-free .content.show-me #macbook {
  -webkit-animation-name: slide-macbook-left;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: slide-macbook-left;
  -moz-animation-duration: 0.25s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: slide-macbook-left;
  -ms-animation-duration: 0.25s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
#get-it-free .content.show-me #ipad {
  -webkit-animation-name: slide-ipad-right;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: slide-ipad-right;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: slide-ipad-right;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#get-it-free .content.show-me #iphone {
  -webkit-animation-name: slide-iphone-down;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: slide-iphone-down;
  -moz-animation-duration: 0.75s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: slide-iphone-down;
  -ms-animation-duration: 0.75s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
#get-it-free .content.show-me h1,
#get-it-free .content.show-me h2 {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#get-it-free .content.show-me .two-cols {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#facebook-fans {
  background: url('../images/dots-bg-25.png') left top repeat-x, url('../images/bg-vertical-grad.png') left top repeat-x, #323232;
  height: auto;
  display: table;
  padding: 0 0 187px 0;
}
#facebook-fans .content {
  padding-top: 156px;
}
#facebook-fans .content h1 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  line-height: 46px;
  color: #ffffff;
  width: 255px;
  margin: 0 0 1px;
}
#facebook-fans .content p {
  float: left;
  width: 434px;
  padding: 19px 23px;
  font-weight: 600;
  line-height: 22px;
  color: #cbcbcb;
  background: #474747;
  margin-right: 40px;
}
#facebook-fans .content .two-cols {
  float: left;
  margin-top: 15px;
}
#facebook-fans .content .two-cols b {
  float: left;
  clear: both;
  font-size: 30px;
  font-weight: 800;
  color: #393939;
  line-height: 19px;
  letter-spacing: .05em;
  padding: 1px 4px 0;
  margin-bottom: 7px;
  background: rgba(254, 209, 4, 0.8);
  text-transform: uppercase;
  display: inline-block;
}
#facebook-fans .content.show-me .two-cols b {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#facebook-fans .content.show-me .two-cols .counter {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.25s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.25s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.25s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
.counter {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 62px;
  color: #ffffff;
  float: left;
  clear: both;
  margin-top: 15px;
}
.counter .count {
  float: left;
  width: 96px;
  height: 78px;
  letter-spacing: .075em;
  text-align: center;
  margin: auto;
  padding-top: 4px;
  padding-left: 4px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #171717;
  position: relative;
}
.counter .count:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 42px;
  left: 0;
  background: #000;
}
.counter .count:after {
  content: '';
  width: 100%;
  height: 40px;
  position: absolute;
  top: 42px;
  left: 0px;
  background: rgba(23, 23, 23, 0.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.counter > span {
  float: left;
  clear: none;
  font-size: 42px;
  color: #ffffff;
  background: none;
  padding: 0 7px 0 6px;
  margin-top: 25px;
}
#email-newsletter {
  background: url('../images/bg-texture-3c3c3c.jpg') left top repeat;
  display: table;
  height: auto;
  padding-bottom: 153px;
}
#email-newsletter .content h1 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 92px;
  line-height: .75em;
  text-transform: uppercase;
  letter-spacing: .025em;
  color: #323232;
  margin: 0 0 98px;
}
#email-newsletter .content .img-wrapper {
  float: left;
  position: relative;
}
#email-newsletter .content .img-wrapper .loupe {
  position: absolute;
  bottom: 239px;
  left: 142px;
}
#email-newsletter .content .two-cols {
  float: left;
  width: 359px;
  position: relative;
  margin-left: 80px;
  margin-top: 289px;
}
#email-newsletter .content .two-cols:before {
  content: '';
  width: 59px;
  height: 85px;
  position: absolute;
  top: -106px;
  left: 83px;
  background: url('../images/zeeto-sprite.png') -191px -64px no-repeat;
  background-size: 270px 350px;
}
#email-newsletter .content .two-cols:before {
  top: -103px;
}
#email-newsletter .content .two-cols h2 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 7px;
}
#email-newsletter .content .two-cols p {
  color: #cbcbcb;
  margin-bottom: 31px;
}
#email-newsletter .content .two-cols .stats {
  float: left;
  clear: both;
  margin-bottom: 14px;
}
#email-newsletter .content .two-cols .stats h3 {
  font-weight: 700;
  text-transform: uppercase;
  color: #fed104;
  margin-bottom: 6px;
  letter-spacing: .1em;
}
#email-newsletter .content .two-cols .stats h4 {
  width: 216px;
  height: 33px;
  padding: 4px 12px 7px;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  color: #fed104;
  background: #606060;
  text-align: right;
  position: relative;
}
#email-newsletter .content .two-cols .stats h4.glyphicons i:before {
  top: 9px;
  left: 12px;
  color: #3c3c3c;
}
#email-newsletter .content .two-cols .stats h4.glyphicons.group i:before {
  left: 18px;
}
#email-newsletter .content .two-cols .stats h4 em {
  font-style: normal;
  color: #ffffff;
}
#email-newsletter .content.show-me .img-wrapper .loupe {
  -webkit-animation-name: draw-email-loupe;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: draw-email-loupe;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: draw-email-loupe;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#email-newsletter .content.show-me .two-cols:before {
  -webkit-animation-name: curve-arrow;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: curve-arrow;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: curve-arrow;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#email-newsletter .content.show-me .two-cols h2 {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#email-newsletter .content.show-me .two-cols p {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 3.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 3.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 3.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#email-newsletter .content.show-me .two-cols .total {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 4.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 4.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#email-newsletter .content.show-me .two-cols .new {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to {
  padding: 30px 0 170px;
  display: table;
  margin-top: 0;
}
#talking-to .content h1 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 100px;
  line-height: .75em;
  text-transform: uppercase;
  color: #3c3c3c;
  margin: 0 0 50px;
  width: auto;
}
#talking-to .content .average-user {
  background: url('../images/backgrounds/average-user.png') left top no-repeat;
  height: 975px;
  position: relative;
}
#talking-to .content .average-user .two-cols {
  float: left;
  width: 300px;
}
#talking-to .content .average-user .two-cols h2 {
  font-weight: 200;
  font-size: 24px;
  line-height: 30px;
  color: #fed104;
  width: auto;
}
#talking-to .content .average-user .two-cols p {
  width: 100%;
}
#talking-to .content .average-user .demographics {
  list-style-type: none;
  float: left;
  width: 930px;
  height: 313px;
  margin-left: -4px;
}
#talking-to .content .average-user .demographics.all-leads {
  height: 520px;
  background: url('../images/backgrounds/demographics.png') left top no-repeat;
}
#talking-to .content .average-user .demographics li {
  position: absolute;
  font-size: 16px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: .05em;
  color: #ffffff;
  text-transform: uppercase;
}
#talking-to .content .average-user .demographics li b {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 56px;
  line-height: 78px;
  display: block;
  font-weight: normal;
  margin-top: 4px;
  letter-spacing: 0;
}
#talking-to .content .average-user .demographics li#homeowners {
  top: 22px;
  right: -2px;
}
#talking-to .content .average-user .demographics li#homeowners b {
  color: #ed8f31;
}
#talking-to .content .average-user .demographics li#homeowners:before {
  content: "";
  display: block;
  width: 98px;
  height: 72px;
  background: url("../images/backgrounds/demographics/dot-homeowners.png") left top no-repeat;
  position: absolute;
  top: -10px;
  left: -276px;
}
#talking-to .content .average-user .demographics li#homeowners:after {
  content: "";
  display: block;
  width: 155px;
  height: 155px;
  background: url("../images/backgrounds/demographics/homeowners-circle.png") left top no-repeat;
  position: absolute;
  top: -22px;
  left: -174px;
}
#talking-to .content .average-user .demographics li#moms {
  top: 262px;
  right: -2px;
}
#talking-to .content .average-user .demographics li#moms b {
  color: #fed104;
}
#talking-to .content .average-user .demographics li#moms:before {
  content: "";
  display: block;
  width: 99px;
  height: 126px;
  background: url("../images/backgrounds/demographics/dot-moms.png") left top no-repeat;
  position: absolute;
  top: -23px;
  left: -278px;
}
#talking-to .content .average-user .demographics li#moms:after {
  content: "";
  display: block;
  width: 155px;
  height: 155px;
  background: url("../images/backgrounds/demographics/moms-circle.png") left top no-repeat;
  position: absolute;
  top: -39px;
  left: -174px;
}
#talking-to .content .average-user .demographics li#gender {
  top: 345px;
  left: 397px;
  width: 195px;
}
#talking-to .content .average-user .demographics li#gender b {
  float: left;
  margin: -34px 14px 0 0;
  color: #f0a227;
}
#talking-to .content .average-user .demographics li#gender:before {
  content: "";
  width: 315px;
  height: 84px;
  position: absolute;
  top: -131px;
  right: 232px;
  background: url("../images/backgrounds/demographics/dot-gender.png") left top no-repeat;
}
#talking-to .content .average-user .demographics li#gender span {
  display: block;
  width: 378px;
  height: 62px;
  background: url("../images/backgrounds/demographics/women-grey.png") left top repeat-x;
  position: absolute;
  top: -28px;
  left: -396px;
}
#talking-to .content .average-user .demographics li#gender span:after {
  content: "";
  width: 65%;
  height: 62px;
  background: url("../images/backgrounds/demographics/women-orange.png") left top repeat-x;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}
#talking-to .content .average-user .demographics li#age {
  top: 542px;
  left: 413px;
  width: 155px;
}
#talking-to .content .average-user .demographics li#age span {
  display: inline-block;
  text-align: right;
  position: relative;
  top: -17px;
  z-index: 2;
}
#talking-to .content .average-user .demographics li#age b {
  float: right;
  margin-top: -40px;
  color: #5c833c;
  position: relative;
  z-index: 2;
}
#talking-to .content .average-user .demographics li#age:before {
  content: "";
  width: 121px;
  height: 309px;
  background: url("../images/backgrounds/demographics/dot-age.png") left top no-repeat;
  position: absolute;
  top: -303px;
  left: 107px;
}
#talking-to .content .average-user .demographics li#age:after {
  content: "";
  width: 570px;
  height: 160px;
  background: url("../images/backgrounds/demographics/age-ribbon-bkgd.png") left top no-repeat;
  position: absolute;
  top: -81px;
  left: -63px;
}
#talking-to .content .average-user .demographics li#age-gt35 {
  top: 525px;
  left: auto;
  right: 54px;
  width: 165px;
}
#talking-to .content .average-user .demographics li#age-gt35 b {
  float: left;
  margin-top: -23px;
  margin-right: 19px;
  color: #128cad;
}
#talking-to .content .average-user .demographics li#leads {
  top: 454px;
  left: 0;
}
#talking-to .content .average-user .demographics li#leads b {
  color: #e04d4a;
  margin-bottom: 8px;
}
#talking-to .content .average-user .demographics li#leads:before {
  content: "";
  display: block;
  width: 58px;
  height: 58px;
  background: url("../images/backgrounds/demographics/large-gear.png") left top no-repeat;
  position: absolute;
  top: 14px;
  left: 200px;
}
#talking-to .content .average-user .demographics li#leads:after {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  background: url("../images/backgrounds/demographics/small-gear.png") left top no-repeat;
  position: absolute;
  top: 74px;
  left: 237px;
}
#talking-to .content .average-user .demographics li#returning {
  bottom: 242px;
  left: 41px;
  line-height: 19px;
  text-align: center;
}
#talking-to .content .average-user .demographics li#returning b {
  color: #ed8f31;
  margin-left: 18px;
  margin-bottom: 1px;
}
#talking-to .content .average-user .demographics li#returning:before {
  content: "";
  display: block;
  width: 69px;
  height: 14px;
  position: absolute;
  bottom: -2px;
  right: -90px;
}
#talking-to .content .average-user .demographics li#returning:after {
  content: "";
  display: block;
  width: 69px;
  height: 121px;
  background: url("../images/backgrounds/demographics/returning-visitors-arrow.png") right bottom no-repeat;
  position: absolute;
  bottom: -16px;
  left: -45px;
}
#talking-to .content .average-user .demographics li#unique {
  bottom: 191px;
  left: 439px;
  text-align: right;
}
#talking-to .content .average-user .demographics li#unique b {
  color: #fed104;
  margin-left: 13px;
  margin-bottom: 3px;
}
#talking-to .content .average-user .demographics li#unique:before {
  content: "";
  display: block;
  width: 94px;
  height: 14px;
  background: url("../images/backgrounds/demographics/dot-unique.png") left top no-repeat;
  position: absolute;
  bottom: 49px;
  left: -211px;
}
#talking-to .content .average-user .demographics li#unique:after {
  content: "";
  display: block;
  width: 105px;
  height: 96px;
  background: url("../images/backgrounds/demographics/unique-visitors.png") left top no-repeat;
  position: absolute;
  bottom: -3px;
  left: -110px;
}
#talking-to .content .average-user .demographics li#mobile {
  bottom: 82px;
  right: 26px;
  text-align: center;
  line-height: 19px;
}
#talking-to .content .average-user .demographics li#mobile b {
  color: #ed8f31;
  margin-bottom: 3px;
}
#talking-to .content .average-user .demographics li#fb-weekly {
  bottom: 2px;
  left: 0;
}
#talking-to .content .average-user .demographics li#fb-weekly b {
  color: #128cad;
  line-height: .92em;
  margin-left: -4px;
  margin-top: 13px;
}
#talking-to .content .average-user .demographics li#fb-weekly b span {
  display: block;
  margin-left: 85px;
}
#talking-to .content .average-user .demographics li#fb-weekly:before {
  content: "";
  display: block;
  width: 60px;
  height: 59px;
  background: url("../images/backgrounds/demographics/facebook.png") left top no-repeat;
  position: absolute;
  top: 22px;
  left: -2px;
}
#talking-to .content .average-user .demographics li#monthly {
  bottom: -10px;
  left: 303px;
  width: 385px;
  line-height: 19px;
}
#talking-to .content .average-user .demographics li#monthly b {
  color: #e04d4a;
  float: left;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  margin-top: -19px;
}
#talking-to .content .average-user .demographics li#monthly:before {
  content: "";
  display: block;
  width: 50px;
  height: 91px;
  background: url("../images/backgrounds/demographics/offers-redeemed.png") left top no-repeat;
  position: absolute;
  bottom: 10px;
  left: -69px;
}
#talking-to .content .average-user .demographics li#monthly:after {
  content: "";
  display: block;
  width: 14px;
  height: 64px;
  background: url("../images/backgrounds/demographics/dot-redeemed.png") left top no-repeat;
  position: absolute;
  top: -84px;
  left: -51px;
}
#talking-to .content.show-me > h1 {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 0.25s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 0.25s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .two-cols h2,
#talking-to .content.show-me .two-cols p {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#homeowners {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#homeowners:before {
  -webkit-animation-name: homeowners-dot;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: homeowners-dot;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: homeowners-dot;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#homeowners:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#moms {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#moms:before {
  -webkit-animation-name: moms-dot;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: moms-dot;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: moms-dot;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#moms:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#gender:before {
  -webkit-animation-name: gender-dot;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: gender-dot;
  -moz-animation-duration: 0.75s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: gender-dot;
  -ms-animation-duration: 0.75s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#gender span:after {
  -webkit-animation-name: grow-graphics;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: grow-graphics;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: grow-graphics;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#age span,
#talking-to .content.show-me .average-user .demographics li#age b {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#age:before {
  -webkit-animation-name: age-dot;
  -webkit-animation-duration: 1.25s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: age-dot;
  -moz-animation-duration: 1.25s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: age-dot;
  -ms-animation-duration: 1.25s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#age:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics li#age-gt35 {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#leads {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#leads:before {
  -webkit-animation-name: rotate-clockwise;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-clockwise;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-clockwise;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#leads:after {
  -webkit-animation-name: rotate-counter;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-counter;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-counter;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#returning b {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#returning:before {
  -webkit-animation-name: returning-dot;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: returning-dot;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: returning-dot;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#returning:after {
  -webkit-animation-name: returning-arrow;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: returning-arrow;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: returning-arrow;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#unique {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#unique:before {
  -webkit-animation-name: unique-dot;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: unique-dot;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: unique-dot;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#unique:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#monthly {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#monthly:before {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#talking-to .content.show-me .average-user .demographics.show-me li#monthly:after {
  -webkit-animation-name: redeemed-dot;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: redeemed-dot;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: redeemed-dot;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#what-we-done {
  height: 215px;
  min-width: 1178px;
}
#what-we-done .content > h1 {
  color: #3c3c3c;
  top: auto;
  bottom: -79px;
}
#what-we-done article h1 {
  width: 235px;
}
#freebies-coupons-deals {
  width: 100%;
  min-width: 1178px;
  height: 1745px;
  background: url('../images/backgrounds/what-we-do/illustration/road-background.jpg') center center no-repeat;
}
#freebies-coupons-deals:before,
#freebies-coupons-deals:after {
  content: "";
  width: 50%;
  height: 1747px;
  background: #83a863 url('../images/backgrounds/what-we-do/illustration/road-background-repeat.jpg') left top repeat-x;
  display: block;
  position: absolute;
  top: -2px;
  left: 0px;
  z-index: -1;
}
#freebies-coupons-deals:after {
  left: 50%;
  background: #83a863 url('../images/backgrounds/what-we-do/illustration/road-background-right-repeat.jpg') left top no-repeat;
}
#freebies-coupons-deals .illustration-wrapper {
  max-width: 1920px;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  display: table;
}
#freebies-coupons-deals .illustration-wrapper:after {
  content: "";
  width: 100%;
  height: 350px;
  position: absolute;
  bottom: 1px;
  left: 0px;
  background: url('../images/backgrounds/what-we-do/illustration/road-background.jpg') center bottom no-repeat;
  z-index: 5;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 99.9%;
  height: 100%;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .blinking-dots {
  display: table;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .blinking-dots.lit {
  width: 100%;
  min-width: 900px;
  height: 1258px;
  position: absolute;
  top: 5px;
  left: 0px;
  background: url('../images/backgrounds/what-we-do/illustration/glowing-green-circles.png') center center no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .blinking-dots.lit:before,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .blinking-dots.lit:after {
  content: "";
  width: 100%;
  height: 1258px;
  position: absolute;
  top: 0px;
  left: 1px;
  background: url('../images/backgrounds/what-we-do/illustration/glowing-green-circles-2.png') center center no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 1.75s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 1.75s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 1.75s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .blinking-dots.lit:after {
  background: url('../images/backgrounds/what-we-do/illustration/glowing-green-circles-3.png') center center no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 6.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 6.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 6.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .wrapper {
  position: relative;
  width: 900px;
  min-width: 900px;
  margin: auto;
  text-align: center;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .wrapper figure {
  margin: 0;
  padding: 0;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .freebies {
  position: absolute;
  top: 160px;
  left: 577px;
  z-index: 5;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .freebies img {
  width: 191px;
  height: 174px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .freebies:before {
  content: "";
  width: 63px;
  height: 51px;
  position: absolute;
  top: -141px;
  left: -336px;
  background: url('../images/backgrounds/what-we-do/illustration/blink-deals.png') center center no-repeat;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1.25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1.25s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1.25s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .freebies:after {
  content: "";
  width: 126px;
  height: 101px;
  position: absolute;
  top: 19px;
  left: 20px;
  background: url('../images/backgrounds/what-we-do/illustration/blink-freebies.png') center center no-repeat;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1.75s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1.75s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1.75s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .coupons {
  position: absolute;
  top: 615px;
  left: 38px;
  z-index: 35;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .coupons img {
  width: 265px;
  height: 347px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .coupons:before {
  content: "";
  width: 205px;
  height: 219px;
  position: absolute;
  top: 29px;
  left: 17px;
  background: url('../images/backgrounds/what-we-do/illustration/blink-coupons.png') center center no-repeat;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1.25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1.25s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1.25s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .coupons:after {
  content: "";
  width: 491px;
  height: 79px;
  position: absolute;
  bottom: -244px;
  right: -497px;
  background: url('../images/backgrounds/what-we-do/illustration/blink-getitfree-sign.png') center center no-repeat;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif {
  position: absolute;
  bottom: 200px;
  left: -104px;
  z-index: 30;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif img {
  width: 1143px;
  height: 426px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif:before,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif:after {
  display: none;
  content: "";
  width: 673px;
  height: 304px;
  position: absolute;
  top: 104px;
  left: 316px;
  background: url("../images/backgrounds/what-we-do/illustration/glowing-lights.png") left top no-repeat;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif:after {
  width: 664px;
  height: 295px;
  top: 110px;
  left: 338px;
  background: url("../images/backgrounds/what-we-do/illustration/glowing-lights-alt.png") left top no-repeat;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif:hover:before,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif.lit:before,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif:hover:after,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif.lit:after {
  display: block;
  -webkit-animation-name: light-gif;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: light-gif;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: light-gif;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif:hover:after,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .gif.lit:after {
  -webkit-animation-name: light-alt-gif;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: light-alt-gif;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: light-alt-gif;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .red-car {
  position: absolute;
  top: 4px;
  left: 329px;
  z-index: 0;
  width: 110px;
  height: 92px;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .red-car img {
  width: 100%;
  transition: width 0.35s;
  -webkit-transition: width 0.35s;
  -moz-transition: width 0.35s;
  -o-transition: width 0.35s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .blue-car {
  position: absolute;
  bottom: 670px;
  left: 480px;
  z-index: 0;
  width: 255px;
  height: 235px;
  transition: bottom 0.5s, left 0.5s;
  -webkit-transition: bottom 0.5s, left 0.5s;
  -moz-transition: bottom 0.5s, left 0.5s;
  -o-transition: bottom 0.5s, left 0.5s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .blue-car img {
  width: 100%;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .orange-car {
  position: absolute;
  bottom: 50px;
  left: 480px;
  z-index: 0;
  width: 255px;
  height: 235px;
  transition: bottom 0.5s, left 0.5s;
  -webkit-transition: bottom 0.5s, left 0.5s;
  -moz-transition: bottom 0.5s, left 0.5s;
  -o-transition: bottom 0.5s, left 0.5s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements .orange-car img {
  width: 100%;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-girl,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-girl,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-man,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid {
  position: absolute;
  top: 1133px;
  left: 239px;
  z-index: -1;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-girl img,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-girl img,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-man img,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid img {
  width: 153px;
  height: 279px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-girl .heart,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-girl .heart,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-man .heart,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid .heart {
  display: none;
  width: 42px;
  height: 36px;
  position: absolute;
  top: 149px;
  left: 52px;
  background: url("../images/backgrounds/what-we-do/illustration/heart.png") center center no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  -webkit-animation-name: heart-beat;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: heart-beat;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: heart-beat;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-girl .heart {
  margin-left: -8px;
  margin-top: -5px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-girl.shaken {
  -webkit-animation-name: shaken;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: shaken;
  -moz-animation-duration: 0.25s;
  -moz-animation-iteration-count: 3;
  -moz-animation-timing-function: linear;
  -ms-animation-name: shaken;
  -ms-animation-duration: 0.25s;
  -ms-animation-iteration-count: 3;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-girl {
  top: 1698px;
  left: -146px;
  z-index: 7;
  padding-top: 44px;
  padding-left: 2px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-girl img {
  width: 140px;
  height: 247px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-girl.shaken {
  -webkit-animation-name: shaken;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: shaken;
  -moz-animation-duration: 0.25s;
  -moz-animation-iteration-count: 3;
  -moz-animation-timing-function: linear;
  -ms-animation-name: shaken;
  -ms-animation-duration: 0.25s;
  -ms-animation-iteration-count: 3;
  -ms-animation-timing-function: linear;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-man {
  top: 2172px;
  left: 761px;
  z-index: 10;
  padding-top: 48px;
  padding-left: 4px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-man img {
  width: 141px;
  height: 247px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid {
  top: 1980px;
  left: 730px;
  z-index: 10;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid img {
  width: 255px;
  height: 241px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid #quivered-arrow {
  width: 141px;
  height: 58px;
  background: url("../images/backgrounds/what-we-do/illustration/arrow.png") left top no-repeat;
  position: absolute;
  top: 140px;
  left: -45px;
  z-index: -1;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid.rotate-20 {
  transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid.rotate-40 {
  transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid.rotate-50 {
  transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid.rotate--20 {
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #cupid.shot #quivered-arrow {
  display: none;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #arrow,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #arrow-2 {
  width: 141px;
  height: 58px;
  background: url("../images/backgrounds/what-we-do/illustration/arrow.png") left top no-repeat;
  position: absolute;
  top: 101px;
  left: 56px;
  opacity: 0;
  z-index: 9;
  -webkit-backface-visibility: hidden;
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transition: top 0.25s, left 0.25s;
  -webkit-transition: top 0.25s, left 0.25s;
  -moz-transition: top 0.25s, left 0.25s;
  -o-transition: top 0.25s, left 0.25s;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #arrow.arrow-285,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #arrow-2.arrow-285 {
  opacity: 1;
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -webkit-animation-name: savings-girl-arrow;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: savings-girl-arrow;
  -moz-animation-duration: 0.2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: savings-girl-arrow;
  -ms-animation-duration: 0.2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  z-index: 15;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #arrow.arrow-90,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #arrow-2.arrow-90 {
  opacity: 1;
  transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  -webkit-animation-name: auto-girl-arrow;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: auto-girl-arrow;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: auto-girl-arrow;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  z-index: 15;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #arrow-2 {
  top: 93px;
  left: 45px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-man,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-man,
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-girl {
  position: absolute;
  z-index: 5;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-man {
  top: 2440px;
  left: -25px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #auto-man img {
  width: 222px;
  height: 307px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-man {
  top: 2646px;
  left: 333px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #savings-man img {
  width: 229px;
  height: 336px;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-girl {
  top: 2666px;
  left: 577px;
  z-index: 15;
}
#freebies-coupons-deals .illustration-wrapper .illustrated-elements #pharma-girl img {
  width: 199px;
  height: 322px;
}
#freebies-coupons-deals .what-we-done-content {
  display: block;
}
#freebies-coupons-deals .what-we-done-content .content-wrapper {
  top: 190px;
  bottom: auto;
  z-index: 5;
  transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
}
#cupids-arrow {
  width: 100%;
  min-width: 1178px;
  height: 1280px;
  padding-top: 52px;
  background: url('../images/backgrounds/what-we-do/illustration/your-savings-alt.jpg') center bottom no-repeat;
  position: relative;
  top: -90px;
}
#cupids-arrow #after-element {
  content: "";
  width: 100%;
  height: 339px;
  position: absolute;
  bottom: 1242px;
  left: 0px;
  background: #898989 url('../images/backgrounds/what-we-do/illustration/road-background-grey.jpg') center top no-repeat;
  z-index: 6;
  display: none;
}
#cupids-arrow:before,
#cupids-arrow:after {
  content: "";
  width: 50%;
  height: 1254px;
  background: #808080 url('../images/backgrounds/what-we-do/illustration/cupids-arrow-background-repeat.jpg') left top repeat-x;
  display: block;
  position: absolute;
  top: 89px;
  left: 0px;
  z-index: -1;
}
#cupids-arrow:after {
  left: 50%;
  background-image: url('../images/backgrounds/what-we-do/illustration/cupids-arrow-background-right-repeat.jpg');
}
#cupids-arrow .illustration-wrapper {
  max-width: 1920px;
  width: 100%;
  height: 1222px;
  margin: auto;
  position: relative;
  top: 59px;
  display: table;
}
#cupids-arrow .illustration-wrapper:after {
  content: "";
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #808080;
  z-index: -1;
}
#cupids-arrow .illustration-wrapper .illustrated-elements {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper {
  position: relative;
  width: 900px;
  margin: 0px auto 0;
  text-align: center;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper figure,
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper div {
  margin: 0;
  padding: 0;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper figure .gears,
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper div .gears {
  display: block;
  -webkit-animation-name: rotate-clockwise;
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-clockwise;
  -moz-animation-duration: 6s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-clockwise;
  -ms-animation-duration: 6s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #middle {
  width: 157px;
  height: 157px;
  position: absolute;
  bottom: 281px;
  left: 208px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #middle .gears {
  width: 157px;
  height: 157px;
  background: url('../images/backgrounds/what-we-do/illustration/gear-middle.png') center center no-repeat;
  -webkit-animation-name: rotate-counter;
  -webkit-animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-counter;
  -moz-animation-duration: 9s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-counter;
  -ms-animation-duration: 9s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #middle:before {
  content: '';
  width: 169px;
  height: 87px;
  position: absolute;
  bottom: -5px;
  left: -8px;
  background: url('../images/backgrounds/what-we-do/illustration/your-savings.jpg') -710px -880px no-repeat;
  z-index: 4;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #center {
  width: 57px;
  height: 57px;
  position: absolute;
  bottom: 561px;
  left: 518px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #center .gears {
  width: 57px;
  height: 57px;
  background: url('../images/backgrounds/what-we-do/illustration/gear-center.png') center center no-repeat;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #center:before {
  content: '';
  width: 31px;
  height: 15px;
  position: absolute;
  bottom: 20px;
  left: -1px;
  background: #d2b8b8;
  z-index: 4;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #bottom {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: -55px;
  left: -140px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #bottom .gears {
  width: 100px;
  height: 100px;
  background: url('../images/backgrounds/what-we-do/illustration/gear-bottom.png') center center no-repeat;
  -webkit-animation-name: rotate-counter;
  -webkit-animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-counter;
  -moz-animation-duration: 12s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-counter;
  -ms-animation-duration: 12s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #bottom:before {
  content: '';
  width: 102px;
  height: 58px;
  position: absolute;
  bottom: -3px;
  left: -1px;
  background: #808080;
  z-index: 5;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #left-top {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: 738px;
  left: -365px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #left-top .gears {
  width: 32px;
  height: 32px;
  background: url('../images/backgrounds/what-we-do/illustration/gear-left-top.png') center center no-repeat;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #left-top:before {
  content: '';
  width: 21px;
  height: 10px;
  position: absolute;
  top: 11px;
  left: 12px;
  background: #999;
  z-index: 5;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-center {
  width: 79px;
  height: 79px;
  position: absolute;
  bottom: 507px;
  left: 706px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-center .gears {
  width: 79px;
  height: 79px;
  background: url('../images/backgrounds/what-we-do/illustration/gear-right-center.png') center center no-repeat;
  -webkit-animation-name: rotate-counter;
  -webkit-animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate-counter;
  -moz-animation-duration: 9s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotate-counter;
  -ms-animation-duration: 9s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-center:before {
  content: '';
  width: 26px;
  height: 44px;
  position: absolute;
  top: 41px;
  left: 26px;
  background: #999;
  z-index: 5;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-middle {
  width: 47px;
  height: 47px;
  position: absolute;
  bottom: 187px;
  right: -250px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-middle .gears {
  width: 47px;
  height: 47px;
  background: url('../images/backgrounds/what-we-do/illustration/gear-right-middle.png') center center no-repeat;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-middle:before {
  content: '';
  width: 30px;
  height: 11px;
  position: absolute;
  top: 18px;
  left: 21px;
  background: #808080;
  z-index: 5;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-bottom {
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 595px;
  right: -465px;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-bottom .gears {
  width: 80px;
  height: 80px;
  background: url('../images/backgrounds/what-we-do/illustration/gear-right-bottom.png') center center no-repeat;
}
#cupids-arrow .illustration-wrapper .illustrated-elements .wrapper #right-bottom:before {
  content: '';
  width: 26px;
  height: 50px;
  position: absolute;
  top: 41px;
  left: 27px;
  background: #6b6b6b;
  z-index: 5;
}
#cupids-arrow .illustration-wrapper #heart-animation {
  position: fixed;
  width: 2368px;
  height: 2023px;
  top: 0;
  left: 0;
  z-index: 15;
  display: none;
}
#cupids-arrow .illustration-wrapper #heart-animation #heart-overlay-wrapper {
  width: 100%;
  max-width: 1920px;
  height: 100%;
  text-align: center;
  margin: auto;
}
#cupids-arrow .illustration-wrapper #heart-animation #heart-overlay {
  width: 171px;
  height: 146px;
  position: absolute;
  top: 415px;
  left: 33%;
  background: url('../images/backgrounds/what-we-do/illustration/heart-sm.png') center center no-repeat;
  z-index: 1;
}
#cupids-arrow .illustration-wrapper #heart-animation #heart-overlay-small {
  width: 470px;
  height: 402px;
  position: absolute;
  top: 280px;
  left: 27%;
  background: url('../images/backgrounds/what-we-do/illustration/heart-overlay-small.png') center center no-repeat;
  z-index: 2;
}
#cupids-arrow .illustration-wrapper #heart-animation #heart-overlay-medium {
  width: 965px;
  height: 825px;
  position: absolute;
  top: 100px;
  left: 18%;
  background: url('../images/backgrounds/what-we-do/illustration/heart-overlay-medium.png') center center no-repeat;
  z-index: 3;
}
#cupids-arrow .illustration-wrapper #heart-animation #heart-overlay-large {
  width: 1300px;
  height: 1111px;
  position: absolute;
  top: 36px;
  left: 12%;
  background: url('../images/backgrounds/what-we-do/illustration/heart-overlay-large.png') center center no-repeat;
  z-index: 4;
}
#cupids-arrow .illustration-wrapper #heart-animation #heart-overlay-x-large {
  width: 1775px;
  height: 1519px;
  position: absolute;
  top: -70px;
  left: 2%;
  background: url('../images/backgrounds/what-we-do/illustration/heart-overlay-x-large.png') center center no-repeat;
  z-index: 5;
}
#cupids-arrow .illustration-wrapper #heart-animation #heart-overlay-super-large {
  width: 2366px;
  height: 2007px;
  position: absolute;
  top: -200px;
  left: -10%;
  background: url('../images/backgrounds/what-we-do/illustration/heart-overlay-super-large.png') center center no-repeat;
  z-index: 6;
}
#cupids-arrow .what-we-done-content {
  display: block;
}
#cupids-arrow .what-we-done-content .content-wrapper {
  top: -430px;
  bottom: auto;
  z-index: 25;
  transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
}
#rivendell {
  width: 100%;
  min-width: 1178px;
  height: 1712px;
  background: url('../images/backgrounds/what-we-do/illustration/river-background.png') center bottom no-repeat;
  overflow: hidden;
  margin-top: -89px;
}
#rivendell:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #203b60 url('../images/backgrounds/what-we-do/illustration/river-background-repeat.png') center center no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
}
#rivendell #gray-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #808080;
  z-index: 10;
}
#rivendell .illustration-wrapper {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: auto;
}
#rivendell .illustration-wrapper .illustrated-elements {
  width: 900px;
  height: 100%;
  position: relative;
  margin: auto;
}
#rivendell .illustration-wrapper .illustrated-elements figure {
  margin: 0;
  padding: 0;
}
#rivendell .illustration-wrapper .illustrated-elements #canoe-1 {
  width: 100px;
  height: 182px;
  position: absolute;
  top: 110px;
  left: 477px;
  z-index: 5;
  transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#rivendell .illustration-wrapper .illustrated-elements #canoe-1 img {
  width: 100px;
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements #canoe-2 {
  width: 80px;
  height: 148px;
  position: absolute;
  top: -25px;
  left: 335px;
  z-index: 4;
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#rivendell .illustration-wrapper .illustrated-elements #canoe-2 img {
  width: 80px;
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements #swan {
  width: 100px;
  height: 125px;
  position: absolute;
  top: -97px;
  left: 425px;
  z-index: 5;
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2.25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2.25s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2.25s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#rivendell .illustration-wrapper .illustrated-elements #swan img {
  width: 100px;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds {
  width: 126px;
  height: 158px;
  background: url('../images/backgrounds/what-we-do/illustration/river-grass.png') left top no-repeat;
  position: absolute;
  z-index: 1;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.top-l {
  width: 40px;
  height: 82px;
  top: 465px;
  left: 293px;
  background-image: url('../images/backgrounds/what-we-do/illustration/top-l.png');
  -webkit-animation-name: sway;
  -webkit-animation-duration: 1.75s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 1.75s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 1.75s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.top-l-2 {
  width: 26px;
  height: 116px;
  top: 486px;
  left: 254px;
  background-image: url('../images/backgrounds/what-we-do/illustration/top-l-2.png');
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2.25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2.25s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2.25s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.grass {
  top: 505px;
  left: 232px;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.top-r {
  width: 57px;
  height: 109px;
  top: 375px;
  left: 823px;
  background-image: url('../images/backgrounds/what-we-do/illustration/top-r.png');
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2.75s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2.75s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2.75s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.mid-r {
  width: 55px;
  height: 134px;
  top: 892px;
  left: 658px;
  background-image: url('../images/backgrounds/what-we-do/illustration/mid-r.png');
  -webkit-animation-name: sway;
  -webkit-animation-duration: 3.75s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 3.75s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 3.75s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.bot-l {
  width: 22px;
  height: 112px;
  top: 1268px;
  left: -109px;
  background-image: url('../images/backgrounds/what-we-do/illustration/bottom-l.png');
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2.25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2.25s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2.25s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.bot-l-2 {
  width: 38px;
  height: 102px;
  top: 1307px;
  left: -134px;
  background-image: url('../images/backgrounds/what-we-do/illustration/bottom-l-2.png');
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2.35s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2.35s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2.35s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements .reeds.bot-r {
  width: 106px;
  height: 106px;
  top: 1016px;
  left: 692px;
  background-image: url('../images/backgrounds/what-we-do/illustration/bottom-r.png');
  -webkit-animation-name: sway;
  -webkit-animation-duration: 2.15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: sway;
  -moz-animation-duration: 2.15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: sway;
  -ms-animation-duration: 2.15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements #ipad-overlay {
  width: 1105px;
  height: 74px;
  position: absolute;
  bottom: 14px;
  left: -162px;
  background: url('../images/backgrounds/what-we-do/illustration/ipad-overlay.png') left top no-repeat;
  z-index: 10;
}
#rivendell .illustration-wrapper .illustrated-elements:before,
#rivendell .illustration-wrapper .illustrated-elements:after {
  content: '';
  width: 1910px;
  height: 1733px;
  position: absolute;
  top: 8px;
  left: -525px;
  background: url('../images/backgrounds/what-we-do/illustration/river-glowing-blue-circles.png') left top no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .illustration-wrapper .illustrated-elements:after {
  height: 1600px;
  background: url('../images/backgrounds/what-we-do/illustration/river-glowing-blue-circles-alt.png') left top no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#rivendell .what-we-done-content {
  display: block;
}
#rivendell .what-we-done-content h1 {
  float: right;
  text-align: right;
  color: #ffffff;
  width: 260px;
}
#rivendell .what-we-done-content .content-wrapper {
  top: 310px;
  z-index: 6;
  transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
}
#get-mail,
#social-people {
  width: 100%;
  min-width: 1178px;
  height: 1787px;
  background: url('../images/backgrounds/what-we-do/illustration/get-mail-background.jpg') center bottom no-repeat, url('../images/backgrounds/what-we-do/illustration/mail-background-repeat.jpg') left bottom repeat-x, url('../images/backgrounds/what-we-do/illustration/get-mail-background-repeat-left.jpg') left center no-repeat, url('../images/backgrounds/what-we-do/illustration/get-mail-background-repeat.jpg') left center repeat-x;
  background-color: #aae4e8;
  margin-top: -15px;
  z-index: 10;
}
#get-mail .illustration-wrapper,
#social-people .illustration-wrapper {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  margin: auto;
}
#get-mail .illustration-wrapper #background-overlay,
#social-people .illustration-wrapper #background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#get-mail .illustration-wrapper #background-overlay #mail-cloud-1,
#social-people .illustration-wrapper #background-overlay #mail-cloud-1 {
  position: absolute;
  top: 180px;
  left: 420px;
  width: 501px;
  height: 203px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-cloud-1.png') left top no-repeat;
  -webkit-animation-name: cloud-1;
  -webkit-animation-duration: 90s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: cloud-1;
  -moz-animation-duration: 90s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: cloud-1;
  -ms-animation-duration: 90s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#get-mail .illustration-wrapper #background-overlay #mail-cloud-2,
#social-people .illustration-wrapper #background-overlay #mail-cloud-2 {
  position: absolute;
  top: 580px;
  left: 120px;
  width: 327px;
  height: 168px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-cloud-2.png') left top no-repeat;
  -webkit-animation-name: cloud-2;
  -webkit-animation-duration: 115s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: cloud-2;
  -moz-animation-duration: 115s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: cloud-2;
  -ms-animation-duration: 115s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#get-mail .illustration-wrapper #background-overlay #mail-cloud-3,
#social-people .illustration-wrapper #background-overlay #mail-cloud-3 {
  position: absolute;
  top: 880px;
  left: 220px;
  width: 353px;
  height: 159px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-cloud-3.png') left top no-repeat;
  -webkit-animation-name: cloud-3;
  -webkit-animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: cloud-3;
  -moz-animation-duration: 120s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: cloud-3;
  -ms-animation-duration: 120s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#get-mail .illustration-wrapper #background-overlay #mail-cloud-4,
#social-people .illustration-wrapper #background-overlay #mail-cloud-4 {
  position: absolute;
  top: 480px;
  left: 820px;
  width: 663px;
  height: 272px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-cloud-4.png') left top no-repeat;
  -webkit-animation-name: cloud-4;
  -webkit-animation-duration: 100s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: cloud-4;
  -moz-animation-duration: 100s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: cloud-4;
  -ms-animation-duration: 100s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#get-mail .illustration-wrapper #background-overlay #mail-auto,
#social-people .illustration-wrapper #background-overlay #mail-auto {
  position: absolute;
  top: -348px;
  left: 913px;
  width: 401px;
  height: 355px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-auto.png') left top no-repeat;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#get-mail .illustration-wrapper #background-overlay #mail-coupon,
#social-people .illustration-wrapper #background-overlay #mail-coupon {
  position: absolute;
  top: -320px;
  left: 1000px;
  width: 292px;
  height: 211px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-coupon.png') left top no-repeat;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#get-mail .illustration-wrapper #background-overlay #mail-freebie,
#social-people .illustration-wrapper #background-overlay #mail-freebie {
  position: absolute;
  top: -320px;
  left: 583px;
  width: 297px;
  height: 213px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-freebie.png') left top no-repeat;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#get-mail .illustration-wrapper #background-overlay #mail-pharma,
#social-people .illustration-wrapper #background-overlay #mail-pharma {
  position: absolute;
  top: -378px;
  left: 564px;
  width: 496px;
  height: 405px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-pharma.png') left top no-repeat;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#get-mail .illustration-wrapper .illustrated-elements,
#social-people .illustration-wrapper .illustrated-elements {
  width: 900px;
  height: 100%;
  position: relative;
  margin: auto;
}
#get-mail .illustration-wrapper .illustrated-elements #welcome-sign,
#social-people .illustration-wrapper .illustrated-elements #welcome-sign {
  width: 729px;
  height: 512px;
  position: absolute;
  top: -308px;
  left: -100px;
  background: url('../images/backgrounds/what-we-do/illustration/welcome-sign.png') left top no-repeat;
  z-index: 11;
}
#get-mail .illustration-wrapper .illustrated-elements #welcome-sign:before,
#social-people .illustration-wrapper .illustrated-elements #welcome-sign:before,
#get-mail .illustration-wrapper .illustrated-elements #welcome-sign:after,
#social-people .illustration-wrapper .illustrated-elements #welcome-sign:after {
  content: '';
  width: 686px;
  height: 495px;
  position: absolute;
  top: 22px;
  left: 72px;
  background: url('../images/backgrounds/what-we-do/illustration/river-sign-glowing-lights-1.png') left top no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#get-mail .illustration-wrapper .illustrated-elements #welcome-sign:after,
#social-people .illustration-wrapper .illustrated-elements #welcome-sign:after {
  top: 41px;
  left: 35px;
  background: url('../images/backgrounds/what-we-do/illustration/river-sign-glowing-lights.png') left top no-repeat;
  -webkit-animation-name: light-gif;
  -webkit-animation-duration: 3.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: light-gif;
  -moz-animation-duration: 3.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: light-gif;
  -ms-animation-duration: 3.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#get-mail .illustration-wrapper .illustrated-elements #bot-river-dot,
#social-people .illustration-wrapper .illustrated-elements #bot-river-dot {
  width: 64px;
  height: 64px;
  position: absolute;
  top: -50px;
  left: -299px;
  background: url('../images/backgrounds/what-we-do/illustration/bot-river-dot.png') left top no-repeat;
}
#get-mail .illustration-wrapper .illustrated-elements #bot-river-dot:after,
#social-people .illustration-wrapper .illustrated-elements #bot-river-dot:after {
  content: '';
  width: 122px;
  height: 121px;
  position: absolute;
  top: -28px;
  left: -28px;
  background: url('../images/backgrounds/what-we-do/illustration/river-glowing-blue-circle.png') left top no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-savings,
#social-people .illustration-wrapper .illustrated-elements #mail-savings {
  position: absolute;
  top: -320px;
  left: 274px;
  width: 540px;
  height: 312px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-savings.png') left top no-repeat;
  z-index: 0;
  display: none;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-savings.inbox,
#social-people .illustration-wrapper .illustrated-elements #mail-savings.inbox {
  -webkit-backface-visibility: hidden;
  transition: top 0s, left 0s;
  -webkit-transition: top 0s, left 0s;
  -moz-transition: top 0s, left 0s;
  -o-transition: top 0s, left 0s;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-savings.inbox:before,
#social-people .illustration-wrapper .illustrated-elements #mail-savings.inbox:before {
  content: '';
  width: 94px;
  height: 328px;
  position: absolute;
  bottom: -11px;
  right: -10px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-mailbox-overlay.png') left top no-repeat;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-mailbox,
#social-people .illustration-wrapper .illustrated-elements #mail-mailbox {
  position: absolute;
  top: 732px;
  left: 42px;
  width: 797px;
  height: 774px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-mailbox.png') left top no-repeat;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-one,
#social-people .illustration-wrapper .illustrated-elements #mail-one {
  position: absolute;
  top: 897px;
  left: 674px;
  width: 52px;
  height: 90px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-one.png') left top no-repeat;
  display: none;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-one-overlay,
#social-people .illustration-wrapper .illustrated-elements #mail-one-overlay {
  position: absolute;
  top: 880px;
  left: 658px;
  width: 82px;
  height: 122px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-box-count-glow.png') left top no-repeat;
  display: none;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-flag,
#social-people .illustration-wrapper .illustrated-elements #mail-flag {
  position: absolute;
  top: 785px;
  left: 407px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  width: 299px;
  height: 233px;
  background: url('../images/backgrounds/what-we-do/illustration/mail-flag.png') left top no-repeat;
}
#get-mail .illustration-wrapper .illustrated-elements #mail-flag.got-mail,
#social-people .illustration-wrapper .illustrated-elements #mail-flag.got-mail {
  top: 731px;
  left: 303px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -webkit-animation-name: mail-flag;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: mail-flag;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: mail-flag;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#get-mail .what-we-done-content,
#social-people .what-we-done-content {
  display: block;
}
#get-mail .what-we-done-content h1,
#social-people .what-we-done-content h1 {
  float: right;
  text-align: right;
  color: #393939;
  width: 260px;
}
#get-mail .what-we-done-content .content-wrapper,
#social-people .what-we-done-content .content-wrapper {
  top: 585px;
  z-index: 25;
  transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
}
#social-people {
  height: 1757px;
  background-color: #8ab068;
  background-image: url('../images/backgrounds/what-we-do/illustration/social-background.jpg');
}
#social-people:before,
#social-people:after {
  content: "";
  width: 50%;
  height: 1747px;
  background: #8bb06a url('../images/backgrounds/what-we-do/illustration/social-background-repeat.jpg') right top no-repeat;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
}
#social-people:after {
  left: 50%;
  background: #8bb06a url('../images/backgrounds/what-we-do/illustration/social-background-right-repeat.jpg') left top no-repeat;
}
#social-people .illustration-wrapper {
  overflow: hidden;
}
#social-people .illustration-wrapper .illustrated-elements #g-plus {
  width: 150px;
  height: 233px;
  position: absolute;
  top: 159px;
  left: 650px;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -webkit-transform: rotate(27deg);
  transition: .1s;
}
#social-people .illustration-wrapper .illustrated-elements #g-plus img {
  width: 100%;
  -webkit-animation-name: smooth-sway;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: smooth-sway;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: smooth-sway;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#social-people .illustration-wrapper .illustrated-elements #g-plus:before {
  content: '';
  width: 27px;
  height: 32px;
  position: absolute;
  bottom: -3px;
  left: 56px;
  background: url('../images/backgrounds/what-we-do/illustration/end-gplus-grass.png') left top no-repeat;
  transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  z-index: 1;
}
#social-people .illustration-wrapper .illustrated-elements #pinterest {
  width: 240px;
  height: 335px;
  position: absolute;
  top: 386px;
  left: 47px;
  transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: .1s;
  z-index: 7;
}
#social-people .illustration-wrapper .illustrated-elements #pinterest img {
  width: 100%;
  -webkit-animation-name: smooth-sway;
  -webkit-animation-duration: 5.25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: smooth-sway;
  -moz-animation-duration: 5.25s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: smooth-sway;
  -ms-animation-duration: 5.25s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#social-people .illustration-wrapper .illustrated-elements #pinterest:before {
  content: '';
  width: 30px;
  height: 47px;
  position: absolute;
  bottom: -4px;
  left: 36px;
  background: url('../images/backgrounds/what-we-do/illustration/end-pinterest-grass.png') left top no-repeat;
  transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  z-index: 1;
}
#social-people .illustration-wrapper .illustrated-elements #twitter {
  width: 240px;
  height: 393px;
  position: absolute;
  top: 422px;
  left: 674px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: .1s;
  z-index: 6;
}
#social-people .illustration-wrapper .illustrated-elements #twitter img {
  width: 100%;
  -webkit-animation-name: smooth-sway;
  -webkit-animation-duration: 4.75s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: smooth-sway;
  -moz-animation-duration: 4.75s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: smooth-sway;
  -ms-animation-duration: 4.75s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#social-people .illustration-wrapper .illustrated-elements #twitter:before {
  content: '';
  width: 36px;
  height: 43px;
  position: absolute;
  bottom: -4px;
  left: 53px;
  background: url('../images/backgrounds/what-we-do/illustration/end-twitter-grass.png') left top no-repeat;
  z-index: 1;
}
#social-people .illustration-wrapper .illustrated-elements #you-tube {
  width: 320px;
  height: 426px;
  position: absolute;
  top: 588px;
  left: 767px;
  transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transition: .1s;
  z-index: 7;
}
#social-people .illustration-wrapper .illustrated-elements #you-tube img {
  width: 100%;
  -webkit-animation-name: smooth-sway;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: smooth-sway;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: smooth-sway;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#social-people .illustration-wrapper .illustrated-elements #you-tube:before {
  content: '';
  width: 32px;
  height: 41px;
  position: absolute;
  bottom: -4px;
  left: 116px;
  background: url('../images/backgrounds/what-we-do/illustration/end-youtube-grass.png') left top no-repeat;
  z-index: 1;
}
#social-people .illustration-wrapper .illustrated-elements #fb {
  width: 344px;
  height: 423px;
  position: absolute;
  top: 887px;
  left: -255px;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transition: .1s;
  z-index: 9;
}
#social-people .illustration-wrapper .illustrated-elements #fb img {
  width: 100%;
  -webkit-animation-name: smooth-sway;
  -webkit-animation-duration: 5.15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: smooth-sway;
  -moz-animation-duration: 5.15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: smooth-sway;
  -ms-animation-duration: 5.15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#social-people .illustration-wrapper .illustrated-elements #fb:before {
  content: '';
  width: 28px;
  height: 51px;
  position: absolute;
  bottom: -10px;
  left: 300px;
  background: url('../images/backgrounds/what-we-do/illustration/end-fb-grass.png') left top no-repeat;
  transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  z-index: 1;
}
#social-people .illustration-wrapper .illustrated-elements #end-savings-girl {
  width: 100px;
  height: 187px;
  position: absolute;
  top: 30px;
  left: 459px;
  background: url('../images/backgrounds/what-we-do/illustration/end-savings-girl.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 15;
}
#social-people .illustration-wrapper .illustrated-elements #end-last-girl {
  width: 80px;
  height: 192px;
  position: absolute;
  top: 84px;
  left: 615px;
  background: url('../images/backgrounds/what-we-do/illustration/end-last-girl.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#social-people .illustration-wrapper .illustrated-elements #end-pharma-girl {
  width: 100px;
  height: 190px;
  position: absolute;
  top: 92px;
  left: 669px;
  background: url('../images/backgrounds/what-we-do/illustration/end-pharma-girl.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
}
#social-people .illustration-wrapper .illustrated-elements #end-pharma-guy {
  width: 115px;
  height: 203px;
  position: absolute;
  top: 243px;
  left: 781px;
  background: url('../images/backgrounds/what-we-do/illustration/end-pharma-guy.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 4;
}
#social-people .illustration-wrapper .illustrated-elements #end-cupid {
  width: 320px;
  height: 273px;
  position: absolute;
  top: 320px;
  left: 729px;
  background: url('../images/backgrounds/what-we-do/illustration/end-cupid.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 5;
}
#social-people .illustration-wrapper .illustrated-elements #end-girl-pink {
  width: 140px;
  height: 263px;
  position: absolute;
  top: 292px;
  left: 159px;
  background: url('../images/backgrounds/what-we-do/illustration/end-girl-pink.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 5;
}
#social-people .illustration-wrapper .illustrated-elements #end-auto-girl {
  width: 180px;
  height: 327px;
  position: absolute;
  top: 446px;
  left: -105px;
  background: url('../images/backgrounds/what-we-do/illustration/end-auto-girl.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 5;
}
#social-people .illustration-wrapper .illustrated-elements #end-afro-man {
  width: 210px;
  height: 390px;
  position: absolute;
  top: 594px;
  left: -27px;
  background: url('../images/backgrounds/what-we-do/illustration/end-afro-man.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 8;
}
#social-people .illustration-wrapper .illustrated-elements #end-auto-man {
  width: 215px;
  height: 389px;
  position: absolute;
  top: 733px;
  left: 712px;
  background: url('../images/backgrounds/what-we-do/illustration/end-auto-man.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 10;
}
#social-people .illustration-wrapper .illustrated-elements #end-savings-man {
  width: 240px;
  height: 446px;
  position: absolute;
  top: 1057px;
  left: -85px;
  background: url('../images/backgrounds/what-we-do/illustration/end-savings-man.png') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  transition: top 0.5s, left 0.5s;
  -webkit-transition: top 0.5s, left 0.5s;
  -moz-transition: top 0.5s, left 0.5s;
  -o-transition: top 0.5s, left 0.5s;
  z-index: 10;
}
#social-people .illustration-wrapper .illustrated-elements:before,
#social-people .illustration-wrapper .illustrated-elements:after {
  content: '';
  width: 1921px;
  height: 1707px;
  position: absolute;
  top: 26px;
  left: -528px;
  background: url('../images/backgrounds/what-we-do/illustration/social-glowing-green-circles.png') left top no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#social-people .illustration-wrapper .illustrated-elements:after {
  background: url('../images/backgrounds/what-we-do/illustration/social-glowing-green-circles-alt.png') left top no-repeat;
  -webkit-animation-name: green-lights-blink;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: green-lights-blink;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: green-lights-blink;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#social-people .what-we-done-content h1 {
  float: left;
  text-align: left;
  width: 260px;
}
#social-people .what-we-done-content .content-wrapper {
  top: 10px;
  transition: margin-top 0.5s;
  -webkit-transition: margin-top 0.5s;
  -moz-transition: margin-top 0.5s;
  -o-transition: margin-top 0.5s;
}
#what-we-do,
#user-engagement,
#what-we-done {
  height: 305px;
  background: url('../images/dots-bg-25.png') left top repeat-x, url('../images/bg-vertical-grad.png') left top repeat-x, #272727;
}
#what-we-do .content > h1,
#user-engagement .content > h1,
#what-we-done .content > h1 {
  color: #3c3c3c;
  top: auto;
  bottom: -79px;
}
#what-we-do article h1,
#user-engagement article h1,
#what-we-done article h1 {
  width: 235px;
}
#what-we-do .scroll,
#user-engagement .scroll,
#what-we-done .scroll {
  position: fixed;
  bottom: 25px;
  z-index: 1;
}
#what-we-done {
  height: 215px;
}
#what-we-done article h1 {
  margin-top: 60px;
  width: auto;
}
#new-user-reg {
  background: url('../images/bg-texture-3c3c3c.jpg') left top repeat;
  padding: 140px 0 100px;
  display: table;
}
#new-user-reg .content {
  display: table;
  padding-bottom: 25px;
}
#new-user-reg .content .img-wrapper {
  float: left;
  position: relative;
  z-index: 3;
}
#new-user-reg .content .img-wrapper .loupe {
  position: absolute;
  bottom: 188px;
  left: 406px;
}
#new-user-reg .content .two-cols {
  float: left;
  width: 280px;
  position: relative;
}
#new-user-reg .content .two-cols h2 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 72px;
  line-height: 62px;
  color: #6f706f;
  text-transform: uppercase;
  margin-bottom: 14px;
}
#new-user-reg .content .two-cols p {
  color: #cbcbcb;
  margin-bottom: 31px;
}
#new-user-reg .content:before {
  content: "";
  width: 3px;
  height: 235px;
  background: #323232;
  position: absolute;
  top: 373px;
  left: 75px;
  z-index: 1;
}
#new-user-reg .content:after {
  content: "";
  width: 11px;
  height: 11px;
  background: #323232;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  position: absolute;
  bottom: -2px;
  left: 71px;
  z-index: 1;
}
#new-user-reg .content.user-reg .two-cols {
  float: right;
  margin-top: 267px;
  text-align: right;
}
#new-user-reg .content.user-reg .two-cols:before {
  content: '';
  width: 59px;
  height: 85px;
  position: absolute;
  top: -106px;
  left: 83px;
  background: url(../images/zeeto-sprite.png) -191px -64px no-repeat;
  background-size: 270px 350px;
}
#new-user-reg .content.user-reg .two-cols:before {
  top: -106px;
  left: 128px;
}
#new-user-reg .content.user-reg.show-me .loupe {
  -webkit-animation-name: draw-loupe;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: draw-loupe;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: draw-loupe;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.user-reg.show-me .two-cols:before {
  -webkit-animation-name: curve-arrow;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: curve-arrow;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: curve-arrow;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.user-reg.show-me .two-cols h2 {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.user-reg.show-me .two-cols p {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.user-reg.show-me:before {
  -webkit-animation-name: draw-line;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: draw-line;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: draw-line;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.user-reg.show-me:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.coreg,
#new-user-reg .content.host-post,
#new-user-reg .content.link-out {
  margin-top: 20px;
  padding-bottom: 175px;
}
#new-user-reg .content.coreg h2,
#new-user-reg .content.host-post h2,
#new-user-reg .content.link-out h2 {
  font-size: 48px;
  line-height: 1em;
  color: #ffffff;
  text-transform: none;
  margin-bottom: 16px;
}
#new-user-reg .content.coreg .method,
#new-user-reg .content.host-post .method,
#new-user-reg .content.link-out .method {
  float: right;
  text-align: right;
  margin-top: 3px;
}
#new-user-reg .content.coreg .method b,
#new-user-reg .content.host-post .method b,
#new-user-reg .content.link-out .method b {
  font-size: 25px;
  font-weight: 900;
  color: #393939;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: rgba(254, 209, 4, 0.8);
  display: inline-block;
  line-height: .75em;
  padding: 0 4px;
  margin-bottom: 6px;
}
#new-user-reg .content.coreg .two-cols,
#new-user-reg .content.host-post .two-cols,
#new-user-reg .content.link-out .two-cols {
  width: 520px;
}
#new-user-reg .content.coreg > img,
#new-user-reg .content.host-post > img,
#new-user-reg .content.link-out > img {
  margin-top: -160px;
}
#new-user-reg .content.coreg {
  padding-bottom: 172px;
}
#new-user-reg .content.coreg:before {
  top: 420px;
}
#new-user-reg .content.coreg .method {
  margin-top: -25px;
}
#new-user-reg .content.coreg .img-wrapper .loupe {
  bottom: 81px;
  left: 406px;
}
#new-user-reg .content.coreg .img-wrapper .yes {
  position: absolute;
  top: 19px;
  right: -253px;
  display: block;
  width: 33px;
  height: 80px;
  background: url("../images/coreg-info-yes.png") left top no-repeat;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
}
#new-user-reg .content.coreg .img-wrapper .yes:before {
  content: "YES";
  font-family: 'proxima-nova', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  width: 32px;
  height: 23px;
  position: absolute;
  top: 24px;
  left: 1px;
  background: #e04d4a;
  padding-top: 9px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
#new-user-reg .content.coreg .img-wrapper .offer {
  position: absolute;
  bottom: 2px;
  right: -437px;
}
#new-user-reg .content.coreg .two-cols p {
  margin-bottom: 41px;
}
#new-user-reg .content.coreg.show-me .img-wrapper img:first-child {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.coreg.show-me .img-wrapper img.offer {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.coreg.show-me .img-wrapper .yes {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.coreg.show-me:before {
  -webkit-animation-name: draw-line;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: draw-line;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: draw-line;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.coreg.show-me:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 4s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 4s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.host-post {
  margin-top: 26px;
  padding-bottom: 108px;
}
#new-user-reg .content.host-post .method {
  position: absolute;
  top: 0;
  right: 0;
}
#new-user-reg .content.host-post .two-cols {
  width: 920px;
}
#new-user-reg .content.host-post .two-cols h2 {
  margin-bottom: 23px;
}
#new-user-reg .content.host-post .two-cols p {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  margin-bottom: 44px;
}
#new-user-reg .content.host-post .img-wrapper img {
  float: left;
  position: relative;
}
#new-user-reg .content.host-post .img-wrapper .flow {
  float: left;
  width: 120px;
}
#new-user-reg .content.host-post .img-wrapper .flow .yes {
  float: left;
  width: 120px;
  height: 60px;
  position: relative;
  margin-top: 68px;
  background: url("../images/host-post-yes.png") left top no-repeat;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
}
#new-user-reg .content.host-post .img-wrapper .flow .yes:before {
  content: "YES";
  font-family: 'proxima-nova', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  width: 32px;
  height: 23px;
  position: absolute;
  top: 24px;
  left: 1px;
  background: #e04d4a;
  padding-top: 9px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
#new-user-reg .content.host-post .img-wrapper .flow .yes:before {
  left: 44px;
  top: 0;
  z-index: 3;
}
#new-user-reg .content.host-post .img-wrapper .flow .yes img {
  clear: both;
}
#new-user-reg .content.host-post .img-wrapper .flow .survey {
  float: left;
  width: 122px;
  height: 82px;
  background: url("../images/host-post-finish.png") right bottom no-repeat;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
}
#new-user-reg .content.host-post .img-wrapper .flow .survey em {
  font-style: normal;
  display: inline-block;
  position: relative;
  width: 81px;
  margin-left: -4px;
}
#new-user-reg .content.host-post .img-wrapper .finish {
  float: right;
  clear: both;
  position: relative;
  height: 78px;
  background: url("../images/host-post-finish-survey.png") right top no-repeat;
  margin-right: 38px;
}
#new-user-reg .content.host-post .img-wrapper .finish .yes {
  float: none;
  width: auto;
  margin: 0;
  position: static;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
}
#new-user-reg .content.host-post .img-wrapper .finish .yes:before {
  content: "YES";
  font-family: 'proxima-nova', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  width: 32px;
  height: 23px;
  position: absolute;
  top: 24px;
  left: 1px;
  background: #e04d4a;
  padding-top: 9px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
#new-user-reg .content.host-post .img-wrapper .finish .yes:before {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0px;
}
#new-user-reg .content.host-post .img-wrapper .finish .yes em {
  font-style: normal;
  width: 128px;
  display: block;
  margin-top: 47px;
  margin-right: 72px;
}
#new-user-reg .content.host-post:before {
  left: 597px;
  top: 436px;
}
#new-user-reg .content.host-post:after {
  left: 593px;
}
#new-user-reg .content.host-post.show-me .img-wrapper img:first-child {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.host-post.show-me .img-wrapper img:nth-child(3) {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.host-post.show-me .img-wrapper .flow {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.host-post.show-me .img-wrapper .finish {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.host-post.show-me:before {
  -webkit-animation-name: draw-line;
  -webkit-animation-duration: 2.75s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: draw-line;
  -moz-animation-duration: 2.75s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: draw-line;
  -ms-animation-duration: 2.75s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.host-post.show-me:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 4.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 4.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 4.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.link-out {
  padding-bottom: 88px;
  margin-top: 34px;
}
#new-user-reg .content.link-out .method {
  position: absolute;
  top: -63px;
  left: 0;
  text-align: left;
}
#new-user-reg .content.link-out:before,
#new-user-reg .content.link-out:after {
  display: none;
}
#new-user-reg .content.link-out .img-wrapper .yes {
  width: 215px;
  height: 82px;
  background: url("../images/link-out-yes.png") left top no-repeat;
  position: absolute;
  left: 600px;
  top: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f706f;
}
#new-user-reg .content.link-out .img-wrapper .yes:before {
  content: "YES";
  font-family: 'proxima-nova', sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  width: 32px;
  height: 23px;
  position: absolute;
  top: 24px;
  left: 1px;
  background: #e04d4a;
  padding-top: 9px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
#new-user-reg .content.link-out .img-wrapper .yes:before {
  left: 34px;
  top: 1px;
  z-index: 3;
}
#new-user-reg .content.link-out .img-wrapper .yes em {
  font-style: normal;
  display: block;
  width: 135px;
  margin-top: 40px;
  margin-left: 105px;
}
#new-user-reg .content.link-out .two-cols {
  float: right;
  width: 281px;
  margin-top: 120px;
}
#new-user-reg .content.link-out .two-cols p {
  margin-bottom: 20px;
}
#new-user-reg .content.link-out.show-me .img-wrapper img {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.link-out.show-me .img-wrapper .yes {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.link-out.show-me .two-cols h2 {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#new-user-reg .content.link-out.show-me .two-cols p {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement {
  height: 100%;
  display: table;
}
#user-engagement .content > h1 {
  width: 100%;
  font-size: 92px;
  top: 2px;
  left: 0;
  bottom: auto;
  right: auto;
  color: #3c3c3c;
}
#user-engagement .content .wrapper {
  clear: both;
  display: table;
}
#user-engagement .content .wrapper .img-wrapper {
  float: left;
  position: relative;
}
#user-engagement .content .wrapper .img-wrapper .loupe {
  position: absolute;
  bottom: 160px;
  right: 388px;
}
#user-engagement .content .wrapper .two-cols {
  float: left;
  width: 363px;
}
#user-engagement .content .wrapper .two-cols h2 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  line-height: 1em;
  color: #ffffff;
  text-transform: none;
  margin-bottom: 14px;
}
#user-engagement .content .wrapper .two-cols p {
  color: #807e7d;
}
#user-engagement .content .wrapper .two-cols + img {
  float: left;
}
#user-engagement .content .wrapper .two-cols.email-details {
  margin-top: 333px;
}
#user-engagement .content .wrapper.email {
  padding-top: 231px;
  padding-bottom: 20px;
}
#user-engagement .content .wrapper.email .img-wrapper {
  float: right;
}
#user-engagement .content .wrapper.social {
  padding-top: 140px;
  padding-bottom: 211px;
}
#user-engagement .content .wrapper.social > img {
  float: left;
}
#user-engagement .content .wrapper.social .img-wrapper {
  width: 400px;
  margin-top: 3px;
  margin-left: 78px;
}
#user-engagement .content .wrapper.social .img-wrapper > img {
  display: block;
  margin-bottom: 40px;
}
#user-engagement .content .wrapper.social .img-wrapper:before {
  content: "";
  width: 78px;
  height: 14px;
  position: absolute;
  top: 45px;
  left: -78px;
  background: url("../images/horiz-dots.png") left top no-repeat;
}
#user-engagement .content .wrapper.social .img-wrapper:after {
  content: "";
  width: 33px;
  height: 40px;
  position: absolute;
  top: 106px;
  left: 185px;
  background: url("../images/coreg-info-yes.png") left top no-repeat;
}
#user-engagement .content .wrapper.social .two-cols {
  float: right;
  width: 397px;
  margin-top: 5px;
}
#user-engagement .content .wrapper.social .two-cols .icon.ribbon {
  top: auto;
  bottom: -36px;
  z-index: 100;
}
#user-engagement .content.show-me .email.show-me .loupe {
  -webkit-animation-name: draw-rtl-loupe;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: draw-rtl-loupe;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: draw-rtl-loupe;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .email.show-me .two-cols h2 {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .email.show-me .two-cols p {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .social.show-me .img-wrapper:before {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .social.show-me .img-wrapper:after {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .social.show-me .img-wrapper img:first-child {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .social.show-me .img-wrapper img:last-child {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .social.show-me .two-cols h2 {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 2.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 2.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .social.show-me .two-cols p {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#user-engagement .content.show-me .social.show-me .two-cols .ribbon {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#details {
  background: #efefef;
  padding-top: 130px;
  height: 600px;
}
#details .content {
  display: table;
}
#details .content .icon.ribbon {
  top: -161px;
}
#details h1 {
  font-size: 30px;
  line-height: 30px;
  color: #606060;
  margin-bottom: 16px;
}
#details h1 span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ed8f31;
  position: relative;
  vertical-align: bottom;
  margin-right: 9px;
  margin-bottom: 0px;
}
#details h1 span.glyphicons {
  padding: 0px;
}
#details h1 span.glyphicons i:before {
  color: #ffffff;
  top: 9px;
  left: 9px;
  font-size: 20px;
}
#details h1 span.glyphicons.cogwheels i:before {
  left: 10px;
}
#details h1 span i[class^="icon"],
#details h1 span i[class*="icon-"] {
  font-size: 26px;
  color: #ffffff;
  position: absolute;
  top: 9px;
  left: 9px;
}
#details p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #777777;
}
#details .two-cols {
  float: left;
  width: 439px;
  margin-bottom: 44px;
}
#details .two-cols.left {
  margin-right: 40px;
}
#details .show-me .two-cols:first-child {
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#details .show-me .two-cols:nth-child(2) {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#details .show-me .two-cols:nth-child(3) {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#details .show-me .two-cols:nth-child(4) {
  -webkit-animation-name: delayed-fade-in;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: delayed-fade-in;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: delayed-fade-in;
  -ms-animation-duration: 1.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
.employee-info {
  position: relative;
  float: left;
  width: 100%;
}
.employee-info .info {
  float: left;
  width: 510px;
  margin-top: 160px;
  position: relative;
  z-index: 1;
}
.employee-info .info h2 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 72px;
  color: rgba(255, 255, 255, 0.2);
}
.employee-info .info h3 {
  font-size: 25px;
  font-weight: 900;
  color: #393939;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: rgba(254, 209, 4, 0.8);
  display: inline-block;
  line-height: .75em;
  padding: 0 4px;
}
.employee-info .info h3.return {
  display: block;
  height: 34px;
}
.employee-info .info p {
  font-size: 18px;
  color: #ffffff;
  line-height: 24px;
  width: 480px;
  margin: 10px 0;
}
.employee-info .info .blogs {
  width: 440px;
}
.employee-info .info .blogs h4 {
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.employee-info .info .blogs ul {
  list-style-type: none;
  margin-top: 10px;
}
.employee-info .info .blogs ul li {
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  color: #ed8f31;
  line-height: 19px;
  margin-bottom: 3px;
}
.employee-info .info .blogs ul li a i {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.1);
  margin-left: 5px;
}
.employee-info .info .blogs ul li a:hover {
  text-decoration: underline;
}
.employee-info .img-wrapper {
  position: absolute;
  top: 0;
  right: -40px;
  width: 550px;
}
.employee-info .img-wrapper img {
  width: 100%;
}
#employees {
  top: 34px;
}
#employees .caroufredsel_wrapper {
  margin-left: -40px !important;
  width: 980px !important;
}
#employees .carousel-wrapper {
  margin-left: -40px !important;
  width: 980px !important;
  display: block;
  text-align: start;
  float: none;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: auto;
  height: 600px;
  margin: 0px;
  overflow: hidden;
}
#employees.employee-page > h1 {
  margin-bottom: 0;
  max-width: 700px;
  position: absolute;
  top: 0;
  right: 0;
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 120px;
  color: #323232;
  line-height: .9em;
  text-transform: uppercase;
  z-index: 100;
  margin-top: -8px;
}
#employees.employee-page .employee-info {
  margin-top: 85px;
  top: auto;
}
#employees.employee-page .employee-info .info {
  margin-top: 50px;
}
#employees.employee-page .employee-info .info p {
  height: auto;
  font-size: 18px;
}
#employees.employee-page .employee-info .info .blogs {
  margin-top: 20px;
}
#employees.employee-page .employee-info .img-wrapper {
  width: 440px;
  top: -50px;
}
#employees.employee-page footer {
  position: relative;
  float: left;
  bottom: auto;
  right: auto;
  margin-top: 20px;
  width: 300px;
}
#employees.employee-page footer p {
  color: #ffffff;
  font-size: 14px;
}
#employees.employee-page footer p.social {
  position: static;
}
#employees.employee-page footer p.social a span {
  width: 26px;
  height: 26px;
}
#employees.employee-page footer p.social a span i.icon-twitter {
  top: 5px;
  left: 5px;
}
#employees.employee-page footer p.social a span i.icon-linkedin {
  top: 4px;
  left: 5px;
}
#employees.employee-page footer p.social a span i.icon-mail {
  top: 3px;
  left: 4px;
}
#employees nav {
  background: transparent;
  min-width: 650px;
  float: left;
  text-align: left;
  width: 800px;
  height: 24px;
  position: static;
  top: auto;
  left: auto;
  margin-left: -10px;
  margin-top: 54px;
}
#employees nav ul {
  width: 100%;
}
#employees nav ul li {
  font-size: 14px;
  font-weight: 600;
  color: #171717;
  line-height: 17px;
  text-transform: none;
  padding: 0 6px;
  margin: 0 10px 0 0;
  background: #606060;
  letter-spacing: .03em;
  transition: top 0.25s;
  -webkit-transition: top 0.25s;
  -moz-transition: top 0.25s;
  -o-transition: top 0.25s;
}
#employees nav ul li.active {
  background: rgba(254, 209, 4, 0.8);
}
#employees nav ul li:hover {
  top: -4px;
  cursor: pointer;
}
#employees nav ul li.content {
  width: auto;
  position: static;
}
#employees .slide {
  position: absolute;
  top: 55%;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  background: rgba(255, 255, 255, 0.1);
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  display: none;
}
#employees .slide.prev {
  left: -110px;
}
#employees .slide.next {
  right: -110px;
}
#employees .slide:hover {
  background: rgba(255, 255, 255, 0.2);
}
#employees #employee-list {
  width: 960px;
  display: table;
  padding-top: 108px;
  padding-left: 30px;
  list-style-type: none;
}
#employees #employee-list li {
  display: block;
  float: left;
  width: 200px;
  margin-right: 40px;
  position: relative;
}
#employees #employee-list li .img-wrapper {
  line-height: 0;
  width: 100%;
  height: 500px;
  position: relative;
  display: block;
}
#employees #employee-list li .img-wrapper.img-loading {
  background: url('../images/1.gif') center center no-repeat;
}
#employees #employee-list li img {
  width: 260px;
  height: 398px;
  position: absolute;
  top: 0;
  left: -20%;
}
#employees #employee-list li .employee-info {
  position: absolute;
  top: auto;
  left: 0px;
  bottom: 10px;
  width: 200px;
  min-height: 130px;
  display: block;
}
#employees #employee-list li .employee-info h3 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 37px;
}
#employees #employee-list li .employee-info p {
  font-size: 14px;
  font-weight: 900;
  color: #ffffff;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 0;
  padding: 10px 0 5px;
}
#employees #employee-list li .employee-info span {
  display: block;
  color: #ed8f31;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
}
#employees #employee-list li .employee-info span i {
  color: rgba(255, 255, 255, 0.3);
  padding-left: 5px;
  font-size: 16px;
}
.popup {
  width: 100%;
  height: 100%;
  min-width: 920px;
  background: url('../images/dots-bg-25.png') left top repeat-x, url('../images/bg-texture-171717.jpg') left top repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 600;
  display: none;
}
.popup .close,
.popup .close-slide {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 50px;
  height: 50px;
  z-index: 120;
  transition: width 0.2s, height 0.2s;
  -webkit-transition: width 0.2s, height 0.2s;
  -moz-transition: width 0.2s, height 0.2s;
  -o-transition: width 0.2s, height 0.2s;
}
.popup .close:hover,
.popup .close-slide:hover {
  cursor: pointer;
  width: 60px;
  height: 60px;
}
.popup .slide {
  position: absolute;
  z-index: 120;
  opacity: .7;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
.popup .slide:hover {
  opacity: 1;
}
.popup .slide:hover span {
  display: block;
}
.popup .slide span {
  display: none;
  position: absolute;
  bottom: -25px;
  left: 15px;
  font-size: 14px;
  font-weight: 700;
  color: #606060;
}
.popup .slide.next span {
  left: auto;
  right: 15px;
}
.popup footer {
  bottom: 40px;
  right: 40px;
}
.popup footer p {
  font-size: 16px;
  font-style: italic;
}
.popup footer p i {
  color: #3c3c3c;
  padding-left: 5px;
}
.employee-popup {
  display: none;
}
.employee-popup footer {
  width: 300px;
  height: 25px;
  text-align: right;
}
.employee-popup footer p.social {
  font-size: 14px;
  font-weight: 600;
  color: #817f7e;
  position: static;
}
.employee-popup footer p.social a {
  width: 28px;
  height: 28px;
  padding: 2px 0 0;
  text-align: left;
}
.employee-popup footer p.social a span {
  width: 26px;
  height: 26px;
  position: relative;
  top: -4px;
}
.employee-popup footer p.social a span i {
  font-size: 17px;
  color: #ffffff;
}
.employee-popup footer p.social a span i.icon-twitter {
  top: 5px;
  left: 0px;
}
.employee-popup footer p.social a span i.icon-linkedin {
  top: 4px;
  left: 1px;
}
.employee-popup footer p.social a span i.icon-facebook {
  top: 4px;
  left: 5px;
}
.employee-popup footer p.social a span i.icon-mail {
  width: 15px;
  top: 3px;
  left: 4px;
}
.scroll-fade {
  height: 650px;
  overflow: hidden;
}
.scroll-fade .info {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-right: 18px;
}
.scroll-fade .info:before {
  content: "";
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url('../images/gradient.png') bottom left repeat-x;
  z-index: 10;
}
.scroll-fade .info:after {
  content: "";
  width: 100%;
  height: 150px;
  display: block;
}
.scroll-fade .info .info-wrapped {
  display: table;
}
#careers {
  padding-top: 1px;
  top: 34px;
}
#careers .career-content {
  margin-top: 300px;
  display: table;
}
.careers {
  background: url('../images/backgrounds/careers-bkgd.jpg') left top no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
}
.careers #video-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.careers #video-wrapper #video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}
.careers article {
  float: left;
  width: 445px;
  top: 35%;
  background: rgba(0, 0, 0, 0.4);
  padding: 20px 20px 45px 20px;
  margin-right: 40px;
  position: relative;
}
.careers article h1,
.careers article h2 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
}
.careers article p {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  line-height: 20px;
  margin-bottom: 10px;
}
.careers article p strong,
.careers article p a {
  color: #ed8f31;
  font-weight: 700;
}
.careers article p em {
  font-style: italic;
}
.careers article .burst {
  top: auto;
  left: auto;
  bottom: -60px;
  right: -35px;
  margin: auto;
  text-align: center;
}
.careers article .burst p {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin: 11px auto 0;
}
.careers article .burst p span {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 40px;
  font-weight: 400;
  display: block;
  line-height: 1em;
}
.careers article .burst p em {
  font-family: 'proxima-nova', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #272727;
  letter-spacing: 0;
  line-height: 1em;
  text-transform: none;
  display: block;
}
.careers article .burst hr {
  width: 20%;
  border: none;
  border-bottom: 1px solid #272727;
  margin: 4px auto 0;
  padding: 0;
}
.careers aside {
  float: left;
  width: 390px;
}
.careers aside h2,
.careers aside h3 {
  font-size: 24px;
  font-weight: 900;
  color: #272727;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: -6px;
}
.careers aside ul {
  list-style-type: none;
  margin-top: 20px;
}
.careers aside ul li {
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  line-height: 21px;
  margin-bottom: 10px;
}
.careers aside ul li a {
  color: #3c3c3c;
  background: rgba(254, 209, 4, 0.8);
  padding: 0 6px;
  transition: background 0.5s;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
}
.careers aside ul li a:hover {
  background: #fed104;
}
.careers aside ul li a i {
  font-size: 15px;
}
.careers aside .pagination {
  float: right;
  padding: 5px 5px 0;
  background: #333;
  background: rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px, 1px, rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px, 1px, rgba(0, 0, 0, 0.2);
  box-shadow: 1px, 1px, rgba(0, 0, 0, 0.2);
}
.careers aside .pagination ul {
  color: #ffffff;
  font-weight: 600;
  margin: 0;
}
.careers aside .pagination ul:before {
  content: "more listings";
  position: static;
  width: auto;
  height: auto;
}
.careers aside .pagination ul li {
  font-size: 14px;
}
.careers aside .pagination ul li a {
  color: #ffffff;
  background: none;
}
.careers aside .pagination ul li a:hover {
  color: #ed8f31;
}
.careers aside .pagination ul li.active a {
  color: #fed104;
}
.career-info {
  background: transparent;
  float: left;
  width: 682px;
  margin-right: 40px;
  position: relative;
  height: 100%;
}
.career-info .location {
  font-size: 14px;
  color: #6f706f;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
}
.career-info h1 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.career-info h2 {
  display: inline-block;
  font-size: 24px;
  font-weight: 800;
  color: #393939;
  line-height: 20px;
  text-transform: uppercase;
  background: #fed104;
  padding: 1px 4px 0;
  letter-spacing: .1em;
  margin-bottom: 20px;
}
.career-info p {
  font-size: 18px;
  color: #b4b4b4;
  line-height: 24px;
  margin-bottom: 10px;
}
.career-info ul,
.career-info ol {
  font-size: 18px;
  color: #b4b4b4;
  line-height: 24px;
  margin-bottom: 10px;
  list-style-type: disc;
}
.career-info ul li,
.career-info ol li {
  list-style-position: inside;
}
.career-info ol {
  list-style-type: decimal;
}
.career-info .scroll {
  position: fixed;
  bottom: 20px;
  z-index: 100;
}
.career-sidebar {
  float: left;
  width: 186px;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  line-height: 19px;
  color: #6f706f;
  margin-top: 98px;
}
.career-sidebar h1,
.career-sidebar h2 {
  font-size: 16px;
  font-weight: 800;
  color: #ffffff;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: .1em;
  margin-bottom: 10px;
}
.career-sidebar h3 {
  width: 178px;
  font-size: 14px;
  font-weight: 800;
  font-style: normal;
  color: #171717;
  line-height: 16px;
  letter-spacing: .1em;
  background: #3c3c3c;
  padding: 0 4px;
  margin-bottom: 10px;
}
.career-sidebar p {
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
  color: #6f706f;
  margin-bottom: 25px;
  line-height: 17px;
}
.career-sidebar ul {
  list-style-type: none;
  margin-bottom: 15px;
}
.career-sidebar ul li {
  margin-bottom: 10px;
}
.career-sidebar ul li i {
  font-size: 8px;
  color: #ed8f31;
  float: left;
  position: relative;
  top: 5px;
  padding-right: 7px;
  margin-bottom: 25px;
}
.career-sidebar ul:last-child li i {
  margin-bottom: 0;
}
#job-post {
  top: 34px;
  padding-top: 90px;
}
#job-post footer {
  position: static;
}
#job-post footer .apply {
  font-size: 16px;
  font-style: italic;
}
#job-post footer .apply i {
  color: #3c3c3c;
  padding-left: 5px;
}
.popup-holder {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  background: transparent;
  z-index: 0;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.press-slide {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 20;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.career-popup .content {
  height: 87%;
  top: 0;
  padding-top: 140px;
}
/*

#sort-bar {
  position: absolute;
  top: 140px;
  right: 0px;
  font-size: 11px;
  color: @lightgray;
  .slider {
    display: inline-block;
    margin: 0 3px;
    .range {
      background-color: @hovergray;
      display: inline-block;
      width: 130px;
      height: 8px;
      margin-bottom: 1px;
      position: relative;
      &:before {
        content: '';
        width: 130px;
        height: 8px;
        .zeeto-sprite( -130px,-164px);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
      }
      .endpoint {
        position: absolute;
        top: -4px;
        left: 4px;
        width: 12px;
        height: 16px;
        > span {
          width: 7px;
          height: 12px;
          .rounded(2px);
          background: @orange;
          display: block;
          position: absolute;
          top: 2px;
          left: 0px;
          z-index: 10;
          .tip {
            position: absolute;
            top: -15px;
            width: 100px;
          }
        }
        &:first-child {
          left: 28px;
        }
        &:last-child {
          left: auto;
          right: 0px;
          > span {
            left: auto;
            right: 0px;
          }
        }
        &:hover {
          cursor: pointer;
        }
      }
      .selected-range {
        background-color: #636363;
        display: inline-block;
        width: 100px;
        height: 8px;
        position: absolute;
        top: 0px;
        left: 28px;
      }
    }
  }
}

*/
#sort-bar {
  width: 300px;
  height: 20px;
  position: absolute;
  top: 140px;
  right: 0px;
}
#sort-bar .ui-rangeSlider-noArrow .ui-rangeSlider-container {
  margin: 0;
}
#sort-bar span {
  position: absolute;
  top: -2px;
  font-size: 11px;
  color: #6f706f;
}
#sort-bar #slider {
  width: 130px;
  margin: 4px auto;
}
#sort-bar #slider:before {
  content: '';
  width: 130px;
  height: 8px;
  background: url(../images/zeeto-sprite.png) -130px -164px no-repeat;
  background-size: 270px 350px;
  position: absolute;
  top: 1px;
  left: 2px;
  z-index: 10;
}
#sort-bar #slider .start {
  left: -50px;
}
#sort-bar #slider .end {
  right: -35px;
}
#sort-bar .ui-rangeSlider {
  height: 8px;
}
#sort-bar .ui-rangeSlider-container {
  height: 22px;
}
#sort-bar .ui-rangeSlider-container .ui-rangeSlider-innerBar {
  height: 8px;
  margin: 1px;
  background: #3c3c3c;
  max-width: 121px;
}
#sort-bar .ui-rangeSlider-container .ui-rangeSlider-bar {
  margin: 1px 0;
  background: #636363;
  height: 8px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
}
#sort-bar .ui-rangeSlider-container .ui-rangeSlider-bar.ui-draggable-dragging {
  cursor: -moz-grabbing;
  cursor: grabbing;
}
#sort-bar .ui-rangeSlider-container .ui-rangeSlider-handle {
  cursor: col-resize;
  width: 7px;
  height: 12px;
  top: -1px !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #ed8f31;
  display: block;
  z-index: 10;
}
#sort-bar .ui-rangeSlider-label {
  margin: 0 2px 2px;
  white-space: nowrap;
  bottom: 2px;
  padding: 3px 6px 7px;
  cursor: col-resize;
  color: #6f706f;
}
#sort-bar .ui-rangeSlider-label-inner {
  display: none;
}
#press,
#blog,
#blog-entry {
  padding-top: 130px;
  top: 34px;
  height: 82%;
}
#press .scroll-fade,
#blog .scroll-fade,
#blog-entry .scroll-fade {
  clear: both;
  height: 90%;
}
#press > h2,
#blog > h2,
#blog-entry > h2 {
  font-size: 30px;
  font-weight: 800;
  color: #393939;
  text-transform: uppercase;
  line-height: 19px;
  letter-spacing: .1em;
  background: rgba(254, 209, 4, 0.8);
  padding: 1px 3px 0;
  float: left;
  clear: both;
  margin-bottom: 6px;
}
#press .info article,
#blog .info article,
#blog-entry .info article {
  position: relative;
  float: left;
  clear: both;
  margin-bottom: 50px;
}
#press .info article:first-of-type,
#blog .info article:first-of-type,
#blog-entry .info article:first-of-type {
  margin-top: 34px;
}
#press .info article:last-of-type,
#blog .info article:last-of-type,
#blog-entry .info article:last-of-type {
  margin-bottom: 150px;
}
#press .info article .img-wrapper,
#blog .info article .img-wrapper,
#blog-entry .info article .img-wrapper {
  width: 280px;
  height: 150px;
  overflow: hidden;
  float: left;
  margin-right: 40px;
}
#press .info article .img-wrapper img,
#blog .info article .img-wrapper img,
#blog-entry .info article .img-wrapper img {
  width: 100%;
  height: 100%;
  transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
  -webkit-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
  -moz-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
  -o-transition: width 0.5s, height 0.5s, left 0.5s, top 0.5s;
  position: relative;
  left: 0px;
  top: 0px;
}
#press .info article .img-wrapper:hover img,
#blog .info article .img-wrapper:hover img,
#blog-entry .info article .img-wrapper:hover img {
  width: 110%;
  height: 110%;
  position: relative;
  left: -10px;
  top: -10px;
}
#press .info article .content-wrapper,
#blog .info article .content-wrapper,
#blog-entry .info article .content-wrapper {
  float: left;
  width: 520px;
  margin-top: -3px;
}
#press .info article .content-wrapper > span,
#blog .info article .content-wrapper > span,
#blog-entry .info article .content-wrapper > span,
#press .info article .content-wrapper > a,
#blog .info article .content-wrapper > a,
#blog-entry .info article .content-wrapper > a {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  color: #6f706f;
  padding: 0 2px 0 0;
}
#press .info article .content-wrapper > span:nth-child(2),
#blog .info article .content-wrapper > span:nth-child(2),
#blog-entry .info article .content-wrapper > span:nth-child(2),
#press .info article .content-wrapper > a:nth-child(2),
#blog .info article .content-wrapper > a:nth-child(2),
#blog-entry .info article .content-wrapper > a:nth-child(2) {
  padding-left: 2px;
}
#press .info article .content-wrapper > a,
#blog .info article .content-wrapper > a,
#blog-entry .info article .content-wrapper > a {
  font-weight: 200;
  color: #ed8f31;
  padding-left: 2px;
}
#press .info article .content-wrapper > a:hover,
#blog .info article .content-wrapper > a:hover,
#blog-entry .info article .content-wrapper > a:hover {
  text-decoration: underline;
}
#press .info article .content-wrapper > h1,
#blog .info article .content-wrapper > h1,
#blog-entry .info article .content-wrapper > h1,
#press .info article .content-wrapper > h2,
#blog .info article .content-wrapper > h2,
#blog-entry .info article .content-wrapper > h2 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 30px;
  color: #807e7d;
  line-height: 34px;
  margin: 7px 0;
}
#press .info article .content-wrapper > h1 a,
#blog .info article .content-wrapper > h1 a,
#blog-entry .info article .content-wrapper > h1 a,
#press .info article .content-wrapper > h2 a,
#blog .info article .content-wrapper > h2 a,
#blog-entry .info article .content-wrapper > h2 a {
  color: #807e7d;
}
#press .info article .content-wrapper > h1 a:hover,
#blog .info article .content-wrapper > h1 a:hover,
#blog-entry .info article .content-wrapper > h1 a:hover,
#press .info article .content-wrapper > h2 a:hover,
#blog .info article .content-wrapper > h2 a:hover,
#blog-entry .info article .content-wrapper > h2 a:hover {
  color: #b4b4b4;
}
#press .info article .content-wrapper > p,
#blog .info article .content-wrapper > p,
#blog-entry .info article .content-wrapper > p {
  font-size: 18px;
  color: #ffffff;
  line-height: 22px;
}
#press .info article a i,
#blog .info article a i,
#blog-entry .info article a i {
  position: absolute;
  top: -3px;
  right: -77px;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.1);
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
}
#press .info article a:hover,
#blog .info article a:hover,
#blog-entry .info article a:hover {
  cursor: pointer;
}
#press .info article a:hover i,
#blog .info article a:hover i,
#blog-entry .info article a:hover i {
  color: rgba(255, 255, 255, 0.25);
}
#press .info + .icon.scroll,
#blog .info + .icon.scroll,
#blog-entry .info + .icon.scroll {
  position: fixed;
  bottom: 21px;
  z-index: 10;
}
.press-popup,
#press-article-page {
  top: 34px;
  padding-top: 130px;
}
.press-popup .info article h1,
#press-article-page .info article h1 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  text-transform: uppercase;
  line-height: 48px;
  color: #ffffff;
  margin-bottom: 40px;
}
.press-popup .info article .content-wrapper,
#press-article-page .info article .content-wrapper {
  font-size: 18px;
  color: #b4b4b4;
  line-height: 24px;
  padding-bottom: 25px;
}
.press-popup .info article .content-wrapper .dateline,
#press-article-page .info article .content-wrapper .dateline {
  font-size: 14px;
  color: #6f706f;
  margin-bottom: 10px;
}
.press-popup .info article .content-wrapper .dateline .date,
#press-article-page .info article .content-wrapper .dateline .date {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.press-popup .info article .content-wrapper .dateline .source,
#press-article-page .info article .content-wrapper .dateline .source {
  float: right;
}
.press-popup .info article .content-wrapper .dateline .source .author,
#press-article-page .info article .content-wrapper .dateline .source .author {
  font-style: italic;
}
.press-popup .info article .content-wrapper .dateline .source a,
#press-article-page .info article .content-wrapper .dateline .source a {
  font-style: italic;
  font-weight: 200;
}
.press-popup .info article .content-wrapper h2,
#press-article-page .info article .content-wrapper h2,
.press-popup .info article .content-wrapper h3,
#press-article-page .info article .content-wrapper h3 {
  font-size: 24px;
  font-weight: 800;
  color: #393939;
  line-height: 15px;
  letter-spacing: .1em;
  padding: 1px 4px 0;
  margin-bottom: 9px;
  background: rgba(254, 209, 4, 0.8);
  text-transform: uppercase;
  display: inline-block;
}
.press-popup .info article .content-wrapper p,
#press-article-page .info article .content-wrapper p {
  color: #b4b4b4;
  margin-bottom: 10px;
}
.press-popup .info article .content-wrapper ul,
#press-article-page .info article .content-wrapper ul,
.press-popup .info article .content-wrapper ol,
#press-article-page .info article .content-wrapper ol {
  margin-bottom: 10px;
}
.press-popup .info article .content-wrapper ul li,
#press-article-page .info article .content-wrapper ul li,
.press-popup .info article .content-wrapper ol li,
#press-article-page .info article .content-wrapper ol li {
  list-style-position: inside;
}
.press-popup .info article .content-wrapper img,
#press-article-page .info article .content-wrapper img {
  width: 440px;
  height: auto;
  float: left;
  margin: 0 20px 10px 0;
}
.press-popup .info article .content-wrapper blockquote,
#press-article-page .info article .content-wrapper blockquote {
  font-size: 22px;
  font-style: italic;
  color: #ffffff;
  line-height: 28px;
  float: left;
  width: 280px;
  margin: 0 20px 0 0;
}
.press-popup .info article .content-wrapper blockquote:before,
#press-article-page .info article .content-wrapper blockquote:before,
.press-popup .info article .content-wrapper blockquote:after,
#press-article-page .info article .content-wrapper blockquote:after {
  content: '';
  width: 27px;
  height: 19px;
  float: left;
  background: url(../images/zeeto-sprite.png) -1px -1px no-repeat;
  background-size: 270px 350px;
  margin: 0 15px 0 0;
}
.press-popup .info article .content-wrapper blockquote:after,
#press-article-page .info article .content-wrapper blockquote:after {
  float: none;
  display: inline-block;
  background-position: -1px -20px;
  margin: 0 0 0 15px;
}
#press-image-wrapper {
  width: 100%;
  height: auto;
  clear: both;
  margin-bottom: 10px;
}
.press-image-wrapper {
  width: 440px;
  height: auto;
  min-height: 243px;
  clear: both;
  margin-bottom: 10px;
}
#press-image,
.press-image {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
.press-holder {
  z-index: -10;
}
.press-popup {
  display: block;
  top: 0;
  padding: 0;
}
.press-popup .info {
  padding-top: 130px;
}
.press-popup .info article .content-wrapper .column + .column {
  margin-left: 40px;
}
#blog .scroll-fade,
#blog-entry .scroll-fade {
  float: left;
  width: 680px;
  margin-right: 40px;
  margin-top: 34px;
  position: relative;
}
#blog aside,
#blog-entry aside {
  float: left;
  width: 180px;
  margin-top: 30px;
}
#blog aside h1,
#blog-entry aside h1,
#blog aside h2,
#blog-entry aside h2 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .1em;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
#blog aside ul,
#blog-entry aside ul {
  list-style-type: none;
}
#blog aside ul li,
#blog-entry aside ul li {
  font-size: 14px;
  font-weight: 600;
  color: #171717;
  height: 17px;
  display: inline-block;
  padding: 0 5px;
  margin: 0 7px 10px 0;
  background: #606060;
  transition: top 0.25s;
  -webkit-transition: top 0.25s;
  -moz-transition: top 0.25s;
  -o-transition: top 0.25s;
  position: relative;
}
#blog aside ul li:hover,
#blog-entry aside ul li:hover {
  top: -4px;
  cursor: pointer;
}
#blog aside ul li.active,
#blog-entry aside ul li.active {
  background: rgba(254, 209, 4, 0.8);
}
#blog .info article,
#blog-entry .info article {
  margin-bottom: 40px;
}
#blog .info article:first-of-type,
#blog-entry .info article:first-of-type {
  margin-top: 0;
}
#blog .info article a i,
#blog-entry .info article a i {
  right: -70px;
}
#blog .info article .blog-user,
#blog-entry .info article .blog-user {
  float: left;
  margin-bottom: 20px;
  width: 80px;
  margin-right: 40px;
}
#blog .info article .blog-user span,
#blog-entry .info article .blog-user span {
  display: block;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
}
#blog .info article .blog-user:hover span,
#blog-entry .info article .blog-user:hover span {
  text-decoration: underline;
}
#blog .info article .blog-user .img-wrapper,
#blog-entry .info article .blog-user .img-wrapper {
  width: 76px;
  height: 76px;
  border: 2px solid #272727;
  overflow: hidden;
  margin-bottom: 8px;
}
#blog .info article .blog-user .img-wrapper img,
#blog-entry .info article .blog-user .img-wrapper img {
  width: 150px;
  height: 230px;
  position: relative;
  left: -49px;
  top: -13px;
  transition: width 0.5s, height 0.5s;
  -webkit-transition: width 0.5s, height 0.5s;
  -moz-transition: width 0.5s, height 0.5s;
  -o-transition: width 0.5s, height 0.5s;
}
#blog .info article .blog-user .img-wrapper img.thumb,
#blog-entry .info article .blog-user .img-wrapper img.thumb {
  width: 78px;
  height: 78px;
  top: 0;
  left: 0;
}
#blog .info article .blog-user .img-wrapper:hover img,
#blog-entry .info article .blog-user .img-wrapper:hover img {
  width: 152px;
  height: 233px;
}
#blog .info article .blog-user .img-wrapper:hover img.thumb,
#blog-entry .info article .blog-user .img-wrapper:hover img.thumb {
  width: 80px;
  height: 80px;
}
#blog .info article .content-wrapper,
#blog-entry .info article .content-wrapper {
  width: 486px;
}
#blog .info article .content-wrapper > h2,
#blog-entry .info article .content-wrapper > h2 {
  margin-top: -3px;
}
#blog .info article .content-wrapper p,
#blog-entry .info article .content-wrapper p {
  margin-bottom: 10px;
}
#blog .info article .content-wrapper .comments,
#blog-entry .info article .content-wrapper .comments {
  font-size: 14px;
  font-style: italic;
  color: #6f706f;
}
#blog .info article .content-wrapper .comments i,
#blog-entry .info article .content-wrapper .comments i {
  font-size: 14px;
  color: #6f706f;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
#blog .info article .content-wrapper .comments i.comments,
#blog-entry .info article .content-wrapper .comments i.comments {
  margin: 0 -4px -1px 10px;
}
#blog .info article .content-wrapper .comments a,
#blog-entry .info article .content-wrapper .comments a {
  margin-left: 10px;
}
#blog .info article .content-wrapper .comments a i,
#blog-entry .info article .content-wrapper .comments a i {
  position: relative;
  top: 4px;
  left: 0;
  right: auto;
  color: #ed8f31;
}
#blog .info + .icon.scroll,
#blog-entry .info + .icon.scroll {
  opacity: .5;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
#blog .info + .icon.scroll:hover,
#blog-entry .info + .icon.scroll:hover {
  opacity: .35;
}
#blog .info + .icon.hide-scroll,
#blog-entry .info + .icon.hide-scroll {
  opacity: 0;
}
#blog-entry #user {
  float: left;
  width: 80px;
  margin-top: 4px;
  margin-right: 40px;
}
#blog-entry #user .blog-user {
  float: left;
  margin-bottom: 20px;
  width: 80px;
}
#blog-entry #user .blog-user span {
  display: block;
  font-size: 14px;
  font-weight: 200;
  font-style: italic;
}
#blog-entry #user .blog-user:hover span {
  text-decoration: underline;
}
#blog-entry #user .blog-user .img-wrapper {
  width: 76px;
  height: 76px;
  border: 2px solid #272727;
  overflow: hidden;
  margin-bottom: 8px;
}
#blog-entry #user .blog-user .img-wrapper img {
  width: 150px;
  height: 230px;
  position: relative;
  left: -49px;
  top: -13px;
  transition: width 0.5s, height 0.5s;
  -webkit-transition: width 0.5s, height 0.5s;
  -moz-transition: width 0.5s, height 0.5s;
  -o-transition: width 0.5s, height 0.5s;
}
#blog-entry #user .blog-user .img-wrapper img.thumb {
  width: 78px;
  height: 78px;
  top: 0;
  left: 0;
}
#blog-entry #user .blog-user .img-wrapper:hover img {
  width: 152px;
  height: 233px;
}
#blog-entry #user .blog-user .img-wrapper:hover img.thumb {
  width: 80px;
  height: 80px;
}
#blog-entry #user hr {
  border: none;
  border-bottom: 3px solid #272727;
  margin: 12px 0;
}
#blog-entry #user #twitter-widget-0 {
  margin: 5px 0 15px;
}
#blog-entry .scroll-fade {
  width: 580px;
  clear: none;
  margin-top: 0;
  height: 100%;
}
#blog-entry article .comments {
  font-size: 14px;
  font-weight: 600;
  color: #6f706f;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-top: 1px;
  margin-bottom: 20px;
}
#blog-entry article .comments i {
  margin: 0px 9px -4px 15px;
}
#blog-entry article .comments a {
  font-weight: 200;
  font-style: italic;
  color: #fed104;
}
#blog-entry article .comments a i {
  position: static;
  margin: 0 1px -4px 0;
}
#blog-entry article h1 {
  font-family: 'Pathway Gothic One', sans-serif;
  font-size: 48px;
  line-height: 48px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#blog-entry article p,
#blog-entry article ul,
#blog-entry article ol {
  font-size: 18px;
  line-height: 24px;
  color: #b4b4b4;
  margin-bottom: 10px;
}
#blog-entry article img {
  width: 100%;
  height: auto;
  margin: 12px 0 18px;
}
#blog-entry article p img {
  margin: 12px 0 4px;
}
#blog-entry aside {
  margin-top: 0;
}
#blog-entry .related-posts {
  margin-top: 30px;
}
#blog-entry .related-posts ul li {
  font-style: italic;
  font-weight: 200;
  height: auto;
  line-height: 19px;
  padding: 0;
  background: none;
  position: static;
  display: block;
  margin-bottom: 10px;
}
#blog-entry .related-posts ul li a i {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.1);
  margin-left: 8px;
}
#blog-entry .related-posts ul li a:hover {
  text-decoration: underline;
}
#blog-entry .related-posts ul li a:hover i {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.2);
}
.blog-popup #blog-entry {
  top: 0;
}
.author-popup .back {
  font-size: 18px;
  font-style: italic;
  position: absolute;
  top: 31px;
  left: 35px;
}
.author-popup .back i {
  color: rgba(255, 255, 255, 0.1);
  margin-right: 6px;
}
.author-popup .back:hover i {
  color: rgba(255, 255, 255, 0.2);
}
.pagination ul {
  list-style-type: none;
}
.pagination ul li {
  display: inline-block;
}
#contact {
  background: url("../images/backgrounds/contact-bkgd.jpg") right bottom no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  min-width: 1000px;
  min-height: 860px;
  overflow: hidden;
}
#contact .content {
  padding-top: 34px;
  z-index: 4;
}
#contact .content > h1 {
  color: #272727;
  top: 27px;
}
#contact .content .wrapper {
  margin-top: 230px;
}
#contact .content .wrapper .two-cols {
  float: left;
  width: 400px;
}
#contact .content .wrapper .two-cols img {
  margin: 48px 0 0;
}
#contact .content .wrapper .two-cols address {
  margin-top: 34px;
  font-size: 16px;
  font-style: normal;
  color: #ffffff;
}
#contact .content .wrapper .two-cols address ul {
  list-style-type: none;
}
#contact .content .wrapper .two-cols address ul li {
  margin-bottom: 27px;
}
#contact .content .wrapper .two-cols address ul li span {
  float: left;
  width: 29px;
  height: 29px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background: #e04d4a;
  margin-bottom: 10px;
  margin-top: -4px;
  margin-right: 15px;
}
#contact .content .wrapper .two-cols address ul li span i {
  display: inline-block;
  position: relative;
}
#contact .content .wrapper .two-cols address ul li span i.icon-mail {
  width: 17px;
  height: 17px;
  background-position: 0px -43px;
  top: 5px;
  left: 6px;
}
#contact .content .wrapper .two-cols address ul li span i.icon-marker {
  width: 17px;
  height: 19px;
  background-position: -219px -1px;
  top: 5px;
  left: 7px;
}
#contact .content .wrapper .two-cols address ul li span i.icon-phone {
  top: 6px;
  left: 7px;
}
#contact .content .wrapper .two-cols address a {
  color: #ffffff;
}
#contact .content .wrapper .form-wrapper {
  width: 480px;
  margin-left: 40px;
}
#contact .content .wrapper .form-wrapper h2 {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  color: #838383;
  letter-spacing: .1em;
  margin-bottom: 25px;
}
#contact .content .wrapper .form-wrapper p {
  color: #838383;
}
#contact .content .wrapper .form-wrapper form input {
  float: left;
  width: 454px;
  padding: 10px 12px 10px 13px;
  border: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ffffff;
  margin-bottom: 19px;
  font-size: 16px;
  font-style: italic;
  color: #6f706f;
}
#contact .content .wrapper .form-wrapper form input.two-cols {
  width: 185px;
}
#contact .content .wrapper .form-wrapper form input.two-cols.left {
  width: 227px;
  margin-right: 18px;
}
#contact .content .wrapper .form-wrapper form textarea {
  width: 455px;
  height: 100px;
  padding: 10px 12px 10px 13px;
  margin-top: 2px;
  border: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  resize: none;
  font-family: 'proxima-nova', sans-serif;
  font-size: 17px;
  font-style: italic;
  color: #6f706f;
}
#contact .content .wrapper .form-wrapper form button {
  margin-top: 37px;
  border: none;
  width: 200px;
  height: 50px;
  font-size: 16px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: .05em;
  background: #ed8f31;
  text-transform: uppercase;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#contact aside {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
#contact aside h2 {
  display: none;
}
#contact aside div {
  width: 30px;
  height: 30px;
}
#contact aside div i {
  position: absolute;
  bottom: 0;
  left: 0;
}
#contact aside div i:hover ~ b {
  display: block;
}
#contact aside div i:hover ~ span {
  opacity: 1;
}
#contact aside div i:hover ~ .line {
  width: 41px;
  height: 41px;
}
#contact aside div .dot,
#contact aside div .line,
#contact aside div .point,
#contact aside div b {
  z-index: 4;
}
#contact aside div .dot {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 6px;
  width: 4px;
  height: 4px;
  background: url(../images/zeeto-sprite.png) -59px -254px no-repeat;
  background-size: 270px 350px;
  z-index: 2;
}
#contact aside div .line {
  opacity: 0;
  width: 1px;
  height: 1px;
  background: url(../images/zeeto-sprite.png) -59px -259px no-repeat;
  background-size: 270px 350px;
  position: absolute;
  bottom: 27px;
  left: 23px;
  z-index: 1;
  transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}
#contact aside div .point {
  opacity: 0;
  width: 13px;
  height: 13px;
  background: url(../images/zeeto-sprite.png) -106px -246px no-repeat;
  background-size: 270px 350px;
  position: absolute;
  bottom: 64px;
  left: 58px;
}
#contact aside div .point.hovered {
  -webkit-animation-name: pop;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: pop;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: pop;
  -ms-animation-duration: 2s;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
}
#contact aside div b {
  display: none;
  opacity: 0;
  position: absolute;
  top: -55px;
  left: 75px;
  width: 165px;
  clear: both;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
#contact aside div b.show {
  opacity: 1;
  transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -moz-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
}
#contact aside div b em {
  display: block;
  font-size: 13px;
  font-weight: 200;
  color: #cacaca;
}
#contact aside #air-space-museum,
#contact aside #bankers-hill,
#contact aside #tin-can,
#contact aside #robecks,
#contact aside #starbucks,
#contact aside #donut-bar,
#contact aside #pure-fitness,
#contact aside #influx,
#contact aside #plane {
  position: absolute;
}
#contact aside #air-space-museum {
  bottom: 94%;
  right: 48%;
}
#contact aside #air-space-museum i:hover ~ .line {
  height: 41px;
}
#contact aside #air-space-museum .dot {
  top: 6px;
  right: auto;
  left: -9px;
}
#contact aside #air-space-museum .line {
  bottom: auto;
  left: auto;
  width: 41px;
  top: 8px;
  right: 35px;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
}
#contact aside #air-space-museum .point {
  bottom: -28px;
  right: 74px;
  left: auto;
}
#contact aside #air-space-museum b {
  bottom: -37px;
  top: auto;
  left: -227px;
  width: 170px;
}
#contact aside #bankers-hill {
  bottom: 88%;
  right: 84%;
}
#contact aside #donut-bar {
  bottom: 7%;
  right: 30%;
}
#contact aside #influx {
  bottom: 1%;
  right: 98%;
}
#contact aside #tin-can {
  bottom: 56%;
  right: 56%;
}
#contact aside #pure-fitness {
  bottom: 6%;
  right: 23%;
}
#contact aside #robecks {
  bottom: 13%;
  right: 31%;
}
#contact aside #starbucks {
  bottom: 2%;
  right: 34%;
}
#contact #plane {
  position: fixed;
  bottom: 43%;
  left: 0;
  z-index: 5;
  -webkit-animation-name: fly;
  -webkit-animation-duration: 180s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fly;
  -moz-animation-duration: 180s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fly;
  -ms-animation-duration: 180s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
#privacy-policy {
  padding-top: 34px;
}
#privacy-policy .content {
  background: #fff;
}
#privacy-policy .content article {
  padding: 125px 20px 40px;
  font-size: 18px;
}
#privacy-policy .content article h3,
#privacy-policy .content article p,
#privacy-policy .content article ul,
#privacy-policy .content article ol {
  margin: 10px 0;
}
#privacy-policy .content article h3 {
  margin-top: 25px;
}
#privacy-policy .content article ul,
#privacy-policy .content article ol {
  margin-left: 15px;
}
#privacy-policy .content article ul li,
#privacy-policy .content article ol li {
  list-style-position: inside;
}
footer {
  position: fixed;
  bottom: 15px;
  right: 38px;
  z-index: 10;
}
footer .social {
  position: absolute;
  bottom: 30px;
  right: 0;
}
footer .social a {
  width: 34px;
  height: 34px;
  padding: 2px 0 0 2px;
  margin-left: 4px;
  display: inline-block;
  color: #ffffff;
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
}
footer .social a span {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
}
footer .social a span.twit {
  background: #00abf0;
}
footer .social a span.fb {
  background: #395b9b;
}
footer .social a span.mail {
  position: relative;
  top: 2px;
  background: #e04d4a;
}
footer .social a:hover {
  opacity: .7;
}
footer #copyright {
  margin: 0;
  padding: 8px 0 0;
  clear: both;
  text-align: right;
  font-size: 13px;
  font-style: italic;
  font-weight: 600;
  color: #6f706f;
}
footer #copyright a {
  color: #6f706f;
}
footer #copyright a:hover {
  text-decoration: underline;
}
@media (max-width: 1250px) {
  #logo {
    top: -31px;
    left: 12px;
    width: 8em;
    z-index: 600;
  }
}
@media (max-width: 1140px) {
  #employees .slide {
    position: fixed;
    top: 51%;
  }
  #employees .slide.prev {
    left: 0;
  }
  #employees .slide.next {
    right: 0;
  }
}
@media (max-width: 960px) {
  footer {
    z-index: 4;
  }
}