/* ----------------------------------------------------------------

Title: Masthead styles for screen media
Author: Jordan Cooperman, jordan@vectormediagroup.com
Year: 2012

----------------------------------------------------------------

[Table of contents] - A map of our grounds.

	0.General

	1.Masthead
		home
		services
		about

    2.Extensible Classes
		a.forms

    *.Includes

----------------------------------------------------------------

[Prefixes] - Some patterns that you may observe.

    g: global
    s: state
	l: layout

---------------------------------------------------------------- */
/* 0.`General
---------------------------------------------- */
#home-section-header-block {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 145px;
  padding: 2px 15px;
  padding-left: 30px;
  margin: 0;
  background-image: url("../img/icons/section-header-carat.png");
  background-color: #97012f;
  background-repeat: no-repeat;
  color: #fff; }

/* 1.`Masthead
---------------------------------------------- */
/* ----------------------------------------------------------------

[Table of contents] - Type

	0.General
		home
		about
		services

---------------------------------------------------------------- */
/* 0.`General
---------------------------------------------- */
/* .`home
------------------------- */
#home-section-header-block {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.133em;
  text-transform: uppercase; }

.seq-1 {
  font-family: 'ltc-bodoni-175', 'Georgia', serif;
  font-size: 1.2em;
  line-height: 1.333em; }

.seq-2 {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 100;
  font-size: 1.133em;
  line-height: 1.471em; }

.seq-3 {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 700;
  font-size: 1.133em;
  line-height: 1.235em; }

.seq-4 {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 500;
  font-size: 1.133em;
  line-height: 1.235em; }

.seq-5 {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 700;
  font-size: 0.933em;
  line-height: 1.286em;
  text-transform: uppercase; }

.seq-6 {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 500;
  font-size: 1.067em;
  line-height: 1.25em; }

.seq-7 {
  font-family: 'ltc-bodoni-175', 'Georgia', serif;
  font-size: 1.2em;
  line-height: 1.444em; }

.seq-8 {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 700;
  font-size: 1.067em;
  line-height: 1.5em; }

/* .`about
------------------------- */
.about-headline-wrapper {
  font-family: 'ltc-bodoni-175', 'Georgia', serif;
  font-size: 1.6em;
  line-height: 1.5em;
  text-align: center;
  -webkit-font-smoothing: antialiased; }

.about-points {
  text-align: center; }

.about-point {
  font-family: 'ltc-bodoni-175', 'Georgia', serif;
  font-size: 1.467em;
  line-height: 1.182em;
  text-align: center; }

#about-sum-wrapper {
  font-size: 2.133em;
  line-height: 1.125em; }

/* .`services
------------------------- */
.masthead-interactive > span {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 100;
  font-size: 1.467em;
  line-height: 1.455em;
  letter-spacing: 0.05em; }
  .masthead-interactive > span.masthead-animate {
    font-size: 1em;
    line-height: 1.133em; }
.masthead-interactive .animate-trigger {
  font-family: 'ltc-bodoni-175', 'Georgia', serif;
  font-size: 1.6em;
  line-height: 0.708em; }

.animate-quote {
  font-size: 1.6em;
  line-height: 1em; }

.animate-content {
  font-family: 'ltc-bodoni-175', 'Georgia', serif;
  font-size: 16px; }

.masthead-title {
  font-family: 'ltc-bodoni-175', 'Georgia', serif; }

.masthead-title-1 {
  font-size: 2em;
  line-height: 0.567em; }

.masthead-title-2 {
  font-size: 1.6em;
  line-height: 0.708em; }

.masthead-title-3 {
  font-size: 1.533em;
  line-height: 0.739em; }

.masthead-title-4 {
  font-size: 1.067em;
  line-height: 1.063em; }

/* .`home
------------------------- */
.home .container {
  height: 100%; }

.home-animation-seq {
  position: relative;
  height: 100%;
  margin-top: 15px; }
  .home-animation-seq .seq {
    position: absolute; }
  .home-animation-seq .seq-content {
    position: relative; }
    .home-animation-seq .seq-content .photo {
      position: absolute;
      z-index: 10; }
    .home-animation-seq .seq-content .quote-wrapper {
      position: absolute;
      z-index: 11;
      color: #fff; }
    .home-animation-seq .seq-content .quote {
      position: relative;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 7px 15px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      text-align: center;
      white-space: nowrap;
      behavior: url(http://www.cooperkatz.com/assets/css/PIE.htc); }
    .home-animation-seq .seq-content .quote-arr {
      position: absolute;
      top: 94%; }
  .home-animation-seq .seq-1 {
    top: 0;
    left: 0; }
    .home-animation-seq .seq-1.s-active .photo {
      top: 65px; }
    .home-animation-seq .seq-1 .photo {
      top: 50px; }
    .home-animation-seq .seq-1 .quote-wrapper {
      width: 160px; }
      .no-csstransitions .home-animation-seq .seq-1 .quote-wrapper {
        position: relative;
        top: -20px;
      }
    .home-animation-seq .seq-1 .quote {
      background-color: #b009a1;
      left: 17px; }
    .home-animation-seq .seq-1 .quote-arr {
      left: 29px; }
  .home-animation-seq .seq-2 {
    left: 142px;
    top: 26px; }
    .home-animation-seq .seq-2.s-active .photo {
      top: 0; }
    .home-animation-seq .seq-2 .photo {
      left: 128px;
      top: -10px; }
    .home-animation-seq .seq-2 .quote-wrapper {
      width: 145px;
      top: 50px; }
    .home-animation-seq .seq-2 .quote {
      background-color: #cb1908; }
    .home-animation-seq .seq-2 .quote-arr {
      top: auto;
      bottom: 100%;
      right: 5px; }
  .home-animation-seq .seq-3 {
    left: 39px;
    top: 147px; }
    .home-animation-seq .seq-3.s-active .photo {
      top: 62px; }
    .home-animation-seq .seq-3 .photo {
      top: 47px;
      left: 0; }
    .home-animation-seq .seq-3 .quote-wrapper {
      width: 120px;
      left: 29px;
      left: 30px; }
      .no-csstransitions .home-animation-seq .seq-3 .quote-wrapper {
        position: relative;
        top: -8px;
      }
    .home-animation-seq .seq-3 .quote {
      background-color: #fd4c11; }
    .home-animation-seq .seq-3 .quote-arr {
      left: 47px; }
  .home-animation-seq .seq-4 {
    left: 150px;
    top: 157px; }
    .home-animation-seq .seq-4.s-active .photo {
      top: 80px; }
    .home-animation-seq .seq-4 .photo {
      top: 65px; }
    .home-animation-seq .seq-4 .quote-wrapper {
      left: 79px;
      width: 210px; }
    .home-animation-seq .seq-4 .quote {
      background-color: #f7ac37; }
    .home-animation-seq .seq-4 .quote-arr {
      left: 9px; }
  .home-animation-seq .seq-5 {
    left: 326px;
    top: 234px; }
    .home-animation-seq .seq-5.s-active .photo {
      top: 34px; }
    .home-animation-seq .seq-5 .photo {
      top: 19px;
      left: 90px; }
    .home-animation-seq .seq-5 .quote-wrapper {
      width: 145px; }
    .home-animation-seq .seq-5 .quote {
      background-color: #fd4c11; }
    .home-animation-seq .seq-5 .quote-arr {
      right: 7px; }
  .home-animation-seq .seq-6 {
    left: 340px;
    top: 9px; }
    .home-animation-seq .seq-6.s-active .photo {
      top: 67px; }
    .home-animation-seq .seq-6 .photo {
      top: 52px;
      left: 97px; }
    .home-animation-seq .seq-6 .quote-wrapper {
      width: 145px; }
    .home-animation-seq .seq-6 .quote {
      background-color: #f7ac37; }
    .home-animation-seq .seq-6 .quote-arr {
      right: 10px; }
  .home-animation-seq .seq-7 {
    left: 534px;
    top: 75px; }
    .home-animation-seq .seq-7.s-active .photo {
      left: 38px; }
    .home-animation-seq .seq-7 .photo {
      top: 85px;
      left: 50px; }
      .no-csstransitions .home-animation-seq .seq-7 .photo {
        left: 38px;
      }
    .home-animation-seq .seq-7 .quote-wrapper {
      width: 175px; }
    .home-animation-seq .seq-7 .quote {
      background-color: #cb1908; }
    .home-animation-seq .seq-7 .quote-arr {
      left: 23px; }
  .home-animation-seq .seq-8 {
    left: 695px;
    top: 68px; }
    .home-animation-seq .seq-8.s-active .photo {
      left: 0; }
    .home-animation-seq .seq-8 .photo {
      top: 71px;
      left: -40px; }
      .no-csstransitions .home-animation-seq .seq-8 .photo {
        left: 0;
      }
    .home-animation-seq .seq-8 .quote-wrapper {
      width: 150px;
      left: 41px; }
    .home-animation-seq .seq-8 .quote {
      background-color: #b009a1; }
    .home-animation-seq .seq-8 .quote-arr {
      left: 80px; }

.csstransitions .home-animation-seq .seq {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out;
  -o-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out; }
  .csstransitions .home-animation-seq .seq.s-active {
    opacity: 1; }
.csstransitions .home-animation-seq .seq-content .photo {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
.csstransitions .home-animation-seq .seq-content .quote-wrapper {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out; }
  .csstransitions .home-animation-seq .seq-content .quote-wrapper.s-active {
    opacity: 1; }
.csstransitions .home-animation-seq .seq-1 .quote-wrapper {
  top: -20px; }
.csstransitions .home-animation-seq .seq-2 .quote-wrapper {
  top: 30px;
  left: 20px; }
.csstransitions .home-animation-seq .seq-3 .quote-wrapper {
  top: -20px; }
.csstransitions .home-animation-seq .seq-4 .quote-wrapper {
  left: 59px;
  top: 20px; }
.csstransitions .home-animation-seq .seq-5 .quote-wrapper {
  top: 20px; }
.csstransitions .home-animation-seq .seq-6 .quote-wrapper {
  left: 20px;
  top: 20px; }
.csstransitions .home-animation-seq .seq-7 .quote-wrapper {
  top: -20px; }
.csstransitions .home-animation-seq .seq-8 .quote-wrapper {
  top: -20px; }
.csstransitions .about-point-text {
  position: relative;
  top: 20px;
  opacity: 0; }

/* .`services
------------------------- */
.services .fade-top {
  overflow: hidden; }

.masthead {
  padding: 45px 0 40px; }

#masthead-interactive-services {
  padding: 0 115px 0 145px; }

.masthead-interactive {
  -webkit-transition: color 0.45s ease-in-out;
  -moz-transition: color 0.45s ease-in-out;
  -o-transition: color 0.45s ease-in-out;
  -ms-transition: color 0.45s ease-in-out;
  transition: color 0.45s ease-in-out;
  color: #646560; }
  .masthead-interactive.s-hidden {
    color: #fff; }
    .masthead-interactive.s-hidden > span {
      color: #fff; }
    .masthead-interactive.s-hidden .animate-trigger {
      color: #fff;
      opacity: 0; }

.masthead-animate {
  position: relative;
  z-index: 1; }

.csstransitions .animate-trigger {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: relative;
  z-index: 100;
  cursor: pointer; }
  .csstransitions .animate-trigger.s-active {
    -webkit-transition: none 0.25s ease-in-out;
    -moz-transition: none 0.25s ease-in-out;
    -o-transition: none 0.25s ease-in-out;
    -ms-transition: none 0.25s ease-in-out;
    transition: none 0.25s ease-in-out;
    opacity: 0; }

.animate-content {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  margin-top: -30px;
  color: #000; }
  .animate-content.s-visible {
    visibility: visible; }

.masthead-title-1 {
  color: #000; }

.masthead-title-2 {
  color: #000; }

.masthead-title-3 {
  color: #aaa; }

.masthead-title-4 {
  color: #bbb; }

#pr-polar {
  left: 7%;
  top: 46%; }

#pr-ana {
  right: 8%;
  top: 41%; }

#pr-otis {
  top: 20%;
  right: 20%; }

#pr-coldwell {
  bottom: 12%;
  right: 20%; }

#pr-virgin {
  left: 4%;
  top: 21%; }

#pr-grinnell {
  right: -12%;
  bottom: 32%; }

#pr-ascap {
  left: 19%;
  bottom: 6%; }

#pr-zipcar {
  left: 9%;
  bottom: 24%; }

#pr-volvo {
  left: -10%;
  top: 32%; }

#pr-vespa {
  right: 2%;
  top: 18%; }

#pr-gemini {
  left: -15%;
  bottom: 10%; }

#pr-tower {
  right: -10%;
  bottom: 12%; }

#dig-msn {
  left: 10%;
  bottom: 50%; }

#dig-petfinder {
  left: 60%;
  bottom: 75%; }

#dig-vogue {
  left: 70%;
  bottom: 35%; }

#dig-weatherbug {
  left: 8%;
  top: 70%; }

#dig-coldwell {
  left: 76%;
  bottom: 58%; }

#dig-polar {
  left: 80%;
  bottom: 10%; }

#dig-ana {
  left: -10%;
  bottom: 55%; }

#dig-colgate {
  left: -4%;
  bottom: 36%; }

#dig-conde {
  left: 5%;
  bottom: 70%; }

#dig-gap {
  left: 45%;
  bottom: 85%; }

#cs-mastercard {
  left: -10%;
  top: 40%; }

#cs-neilson {
  left: 65%;
  bottom: 72%; }

#cs-polar {
  left: 70%;
  top: 70%; }

#cs-vnu {
  left: 20%;
  bottom: 85%; }

#cs-ana {
  left: 78%;
  bottom: 45%; }

#cs-power {
  left: 53%;
  bottom: 92%; }

#cs-digest {
  left: -4%;
  bottom: 20%; }

#cs-discovery {
  left: 40%;
  bottom: 80%; }

#cs-coldwell {
  left: 10%;
  bottom: 69%; }

#cs-towers {
  left: 42%;
  bottom: 22%; }

#cs-amway {
  left: 4%;
  bottom: 34%; }

.animate-text-wrapper {
  position: absolute;
  overflow: visible !important;
  left: 50%;
  top: 50%;
  height: 60px;
  margin-top: -30px;
  opacity: 0;
  z-index: 10; }

.animate-text {
  position: relative;
  height: 100%;
  width: 100%; }
  .animate-text span {
    position: absolute;
    white-space: nowrap; }

.animate-quote-wrapper {
  position: relative;
  height: 90px;
  opacity: 0;
  margin: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  z-index: 10;
  top: 10px; }
  .animate-quote-wrapper.s-active {
    height: 100px;
    opacity: 1;
    top: 0; }

.animate-quote {
  position: relative;
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  white-space: nowrap; }

.arr-quote {
  position: absolute;
  top: 100%; }

.animate-quote-shadow {
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: rgba(228, 225, 210, 0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e1d2), to(rgba(228, 225, 210, 0)));
  background-image: -webkit-linear-gradient(top, #e4e1d2, rgba(228, 225, 210, 0));
  background-image: -moz-linear-gradient(top, #e4e1d2, rgba(228, 225, 210, 0));
  background-image: -ms-linear-gradient(top, #e4e1d2, rgba(228, 225, 210, 0));
  background-image: -o-linear-gradient(top, #e4e1d2, rgba(228, 225, 210, 0));
  -moz-border-radius: 10px;
  border-radius: 10px; }

.arr-quote-shadow {
  position: absolute;
  bottom: 100%; }

#animate-pr .animate-content,
#animate-pr .animate-text-wrapper {
  width: 250px;
  margin-left: -125px; }
#animate-pr .animate-quote {
  background-color: #f7ac37; }
#animate-pr .arr-quote,
#animate-pr .arr-quote-shadow {
  left: 8px; }
#animate-pr .animate-quote-shadow {
  bottom: -100%; }

#animate-dig .animate-content,
#animate-dig .animate-text-wrapper {
  width: 140px;
  margin-left: -70px; }
#animate-dig .animate-quote {
  background-color: #fd4c11; }
#animate-dig .arr-quote,
#animate-dig .arr-quote-shadow {
  right: 37px; }
#animate-dig .animate-quote-shadow {
  bottom: -65%; }

#animate-cs .animate-content,
#animate-cs .animate-text-wrapper {
  width: 275px;
  margin-left: -137.5px; }
#animate-cs .animate-quote {
  background-color: #cb1908; }
#animate-cs .arr-quote,
#animate-cs .arr-quote-shadow {
  left: 47px; }
#animate-cs .animate-quote-shadow {
  bottom: -48%; }

/* .`about
------------------------- */
.about-headline-text, .about-headline-text-shadow {
  color: #343434; }

#about-headline-text-main {
  margin-top: 40px; }

.about-headline-accent {
  color: #f7ac37; }

.about-points {
  min-height: 1px;
  margin-top: 65px; }
  .about-points:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.about-headline-wrapper .spinner {
  margin-top: -15px; }

.csstransitions .about-headline-wrapper {
  position: relative;
  height: 90px;
  margin-bottom: -15px;
  top: -15px;
  opacity: 0;
  -webkit-transition: all 1.25s ease-in-out;
  -moz-transition: all 1.25s ease-in-out;
  -o-transition: all 1.25s ease-in-out;
  -ms-transition: all 1.25s ease-in-out;
  transition: all 1.25s ease-in-out; }
  .csstransitions .about-headline-wrapper.s-active {
    opacity: 1;
    margin-bottom: 0;
    height: 75px;
    top: 0; }
  .csstransitions .about-headline-wrapper.s-spinner .spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-duration: 2.5s;
    -moz-animation-name: spinner;
    -moz-animation-duration: 2.5s; }
.csstransitions .about-points {
  margin-top: 0; }
.csstransitions .about-point-separator {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out; }
  .csstransitions .about-point-separator.s-active {
    opacity: 1; }
.csstransitions .about-headline-shadow {
  -webkit-transform: scaleY(0.8) rotateX(180deg);
  -moz-transform: scaleY(0.8) rotateX(180deg);
  transform: scaleY(0.8) rotateX(180deg);
  display: block;
  position: absolute;
  width: 100%;
  bottom: 20%;
  opacity: 0.2; }

@-webkit-keyframes spinner {
  50% {
    -webkit-transform: rotate(540deg) scale(1.6);
    -moz-transform: rotate(540deg) scale(1.6);
    -ms-transform: rotate(540deg) scale(1.6);
    transform: rotate(540deg) scale(1.6);
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: rotate(720deg) scale(1);
    -moz-transform: rotate(720deg) scale(1);
    -ms-transform: rotate(720deg) scale(1);
    transform: rotate(720deg) scale(1);
    animation-timing-function: ease-out; } }

@-moz-keyframes spinner {
  50% {
    -webkit-transform: rotate(540deg) scale(1.6);
    -moz-transform: rotate(540deg) scale(1.6);
    -ms-transform: rotate(540deg) scale(1.6);
    transform: rotate(540deg) scale(1.6);
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: rotate(720deg) scale(1);
    -moz-transform: rotate(720deg) scale(1);
    -ms-transform: rotate(720deg) scale(1);
    transform: rotate(720deg) scale(1);
    animation-timing-function: ease-out; } }

.about-headline-shadow {
  display: none; }

.about-point {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 80px;
  padding-right: 30px;
  margin-right: 15px; }

.about-point-separator {
  position: absolute;
  vertical-align: middle;
  right: 0;
  top: 50%;
  margin-top: -7px; }

#about-sum-wrapper {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle; }

/* 2.`Extensible Classes
---------------------------------------------- */
.instr-label {
  position: absolute; }

.list {
  min-height: 1px; }
  .list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .list > li {
    float: left; }

.left {
  float: left; }

.right {
  float: right; }

.action-secondary {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  color: #000;
  margin-left: 30px;
  border-bottom: 2px solid #bfbfbf; }

.action-input-help {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  color: #000;
  text-decoration: underline; }
  .action-input-help:hover {
    text-decoration: underline; }

.action-aside {
  margin-right: 10px; }

.offscreen {
  position: absolute;
  left: -999em; }

.yellow {
  color: #f7ac37; }

.orange {
  color: #fd4c11; }

.red {
  color: #cb1908; }

/* a.Sprites
----------------------------------------------------------------

[Table of contents] - a map of our sprites.

	 1.Icons

	 2.Other
		home animations


---------------------------------------------------------------- */
/* 0.`General Sprite Styles
---------------------------------------------- */
.sprite, .icon, .home-photo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: 100%; }

.icon {
  background-image: url("../img/icons/cooperkatz-sprite-icons.png"); }

.home-photo {
  background-image: url("http://www.cooperkatz.com/assets/img/home-animation-sprite.png"); }

/* 1.`Icons
---------------------------------------------- */
.arr-quote-yellow {
  background-position: 0px 0px;
  width: 30px;
  height: 25px; }

.arr-quote-orange, .arr-quote-orange-shadow {
  background-position: 0px -27px;
  width: 30px;
  height: 23px; }

.arr-quote-red, .arr-quote-red-shadow {
  background-position: 0px -53px;
  width: 35px;
  height: 24px; }

.arr-quote-yellow-shadow {
  height: 23px;
  width: 35px;
  background-position: 0px -80px; }

.arr-quote-orange-shadow {
  height: 22px;
  background-position: 0px -107px; }

.arr-quote-red-shadow {
  background-position: 0px -131px; }

.asterix-10px-red {
  background-position: 0px -345px;
  width: 10px;
  height: 11px; }

.asterix-10px-yellow {
  background-position: 0px -358px;
  width: 10px;
  height: 11px; }

.asterix-10px-orange {
  background-position: 0px -372px;
  width: 10px;
  height: 11px; }

.plus-20px-yellow {
  background-position: 0px -388px;
  width: 19px;
  height: 19px; }

.equals-20px-yellow {
  background-position: 0px -413px;
  width: 18px;
  height: 14px; }

.asterix-25px-yellow {
  background-position: 0px -432px;
  width: 24px;
  height: 27px; }

.asterix-35px-yellow {
  background-position: 0px -464px;
  width: 33px;
  height: 37px; }

/* 1.`Other
---------------------------------------------- */
/* .`home animations
------------------------- */
.seq-1 .photo {
  background-position: 0px 0px;
  width: 42px;
  height: 119px; }
.seq-1 .quote-arr {
  background-position: 0px -160px;
  width: 33px;
  height: 24px; }

.seq-2 .photo {
  background-position: -42px 0px;
  width: 66px;
  height: 121px; }
.seq-2 .quote-arr {
  background-position: 0px -188px;
  width: 33px;
  height: 18px; }

.seq-3 .photo {
  background-position: -109px 0px;
  width: 87px;
  height: 132px; }
.seq-3 .quote-arr {
  background-position: 0px -210px;
  width: 23px;
  height: 17px; }

.seq-4 .photo {
  background-position: -197px 0px;
  width: 98px;
  height: 128px; }
.seq-4 .quote-arr {
  background-position: 0px -231px;
  width: 32px;
  height: 24px; }

.seq-5 .photo {
  background-position: -309px 0px;
  width: 99px;
  height: 126px; }
.seq-5 .quote-arr {
  background-position: 0px -280px;
  width: 34px;
  height: 16px; }

.seq-6 .photo {
  background-position: -409px 0px;
  width: 83px;
  height: 143px; }
.seq-6 .quote-arr {
  background-position: 0px -259px;
  width: 32px;
  height: 17px; }

.seq-7 .photo {
  background-position: -501px 0px;
  width: 159px;
  height: 233px; }
.seq-7 .quote-arr {
  background-position: 0px -302px;
  width: 37px;
  height: 17px; }

.seq-8 .photo {
  background-position: -660px 0px;
  width: 157px;
  height: 253px; }
.seq-8 .quote-arr {
  background-position: 0px -324px;
  width: 21px;
  height: 16px; }