body {
  font-family: prox-light;
  line-height: 1.2;
  font-size: 16px; }

.img-txt {
  line-height: 1; }

body.regular {
  position: relative; }
  body.regular:after {
    content: "";
    background: #1879e1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100px;
    left: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: left 0.6s ease-in-out;
    -moz-transition: left 0.6s ease-in-out;
    -ms-transition: left 0.6s ease-in-out;
    transition: left 0.6s ease-in-out; }

body.regular.slid:after {
  left: -100%; }

body.irregular {
  background: white; }

.clear {
  clear: both; }

.clear {
  display: inline-block; }
  .clear:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

.clear {
  display: block; }

a:hover {
  text-decoration: none; }

.contain {
  width: 100%;
  height: 100%;
  position: relative; }

.lang-switch {
  position: fixed;
  width: 95%;
  max-width: 1024px;
  margin: 0 auto;
  z-index: 99; }
  .lang-switch .lang-switch-container {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 9;
    width: 47px;
    height: 87px;
    background: url(../img/lang_ribbon.png) no-repeat;
    padding-top: 5px; }
  .lang-switch a {
    display: block;
    text-transform: uppercase;
    text-align: center;
    color: #1879e1;
    font-family: pop;
    font-size: 23px;
    padding: 4px 0;
    opacity: 0.5; }
    .lang-switch a.selected {
      opacity: 1; }
  .lang-switch .lang-sep {
    height: 1px;
    background: #1879e1;
    width: 15px;
    margin: 0 auto 3px; }

body.es .lang-switch a.espanol {
  opacity: 1; }

body.en .lang-switch a.english {
  opacity: 1; }

.main-content {
  position: relative;
  max-width: 1024px;
  min-width: 1024px;
  margin: 0 auto; }
  .main-content .content-inner {
    padding: 10px 0 0; }
  .main-content .main-image {
    text-align: center;
    margin-bottom: 30px; }
    .main-content .main-image img {
      max-width: 100%; }
  .main-content .main-headline {
    color: white; }
    .main-content .main-headline.hello-headline, .main-content .main-headline.steps-headline {
      color: #666666; }
    .main-content .main-headline h1 {
      font-family: pop;
      font-weight: normal;
      font-size: 65px;
      text-align: center;
      margin-bottom: 5px;
      padding-top: 50px; }
      .main-content .main-headline h1.homepage {
        font-size: 80px;
        margin-bottom: 0; }
    .main-content .main-headline .tagline {
      font-size: 28px;
      text-align: center;
      font-family: prox-thin;
      font-weight: 100;
      margin-bottom: 15px;
      margin-top: -5px; }
  .main-content .start-button .start-button-container {
    width: 168px;
    height: 40px;
    margin: 0 auto;
    background: url(../img/start_ribbon.png) no-repeat;
    text-align: center; }
    .main-content .start-button .start-button-container a {
      color: #1879e1;
      text-transform: uppercase;
      font-size: 32px;
      line-height: 40px;
      font-family: pop;
      display: block;
      padding-top: 4px; }

footer {
  background: #e6f2f2;
  z-index: 13; }
  footer .footer-container {
    position: relative;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden; }
  footer a {
    color: #1879e1; }
  footer .footer-links {
    float: left;
    width: 90%; }
    footer .footer-links a {
      display: block;
      width: 22%;
      text-align: center;
      float: left;
      font-family: pop;
      font-size: 28px;
      line-height: 50px;
      padding-top: 10px;
      position: relative; }
      footer .footer-links a:first-child {
        width: 12%; }
      footer .footer-links a.open:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 0;
        width: 0;
        border-top: 15px solid #1879e1;
        border-right: 25px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 25px solid transparent; }
  footer .footer-social-links {
    float: right;
    width: 10%;
    padding-top: 18px; }
    footer .footer-social-links a {
      display: block;
      text-indent: -9999px;
      background: url(../img/social_icons.png) no-repeat;
      width: 26px;
      height: 26px;
      float: right; }
      footer .footer-social-links a.facebook {
        background-position: left 0; }
      footer .footer-social-links a.twitter {
        background-position: right 0;
        margin-left: 10px; }

.hello-content .hello-headline {
  margin-bottom: 80px; }
.hello-content .columns {
  overflow: hidden;
  margin: 0 auto 60px;
  max-width: 1200px; }
  .hello-content .columns .column-image {
    text-align: center;
    margin-bottom: 30px;
    min-height: 265px; }
  .hello-content .columns .column-text {
    color: gray; }
    .hello-content .columns .column-text p {
      max-width: 275px;
      margin: 0 auto;
      line-height: 1.2; }
.hello-content .next-button .next-button-container {
  width: 168px;
  height: 40px;
  margin: 0 auto;
  background: url(../img/start_ribbon.png) no-repeat;
  text-align: center; }
  .hello-content .next-button .next-button-container a {
    color: #1879e1;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 40px;
    font-family: pop;
    display: block;
    padding-top: 4px; }

#includes {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1879e1;
  z-index: 11; }
  #includes .include {
    display: none;
    position: relative;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto; }
    #includes .include h1 img {
      position: relative;
      left: 100px; }
    #includes .include .close-button {
      overflow: hidden;
      padding-top: 40px; }
      #includes .include .close-button a {
        float: right;
        display: block;
        width: 38px;
        height: 36px;
        background: url(../img/close_button.png) no-repeat;
        text-indent: -9999px; }
    #includes .include article.content {
      color: white;
      margin: 0 auto;
      max-width: 720px;
      padding-top: 40px;
      line-height: 1.2;
      font-size: 18px; }
      #includes .include article.content.no-pad {
        padding-top: 0; }
      #includes .include article.content h1 {
        font-size: 45px;
        font-weight: normal;
        font-family: pop;
        margin-bottom: 10px; }
      #includes .include article.content p {
        margin-bottom: 20px; }
      #includes .include article.content strong {
        font-family: prox-bold; }
        #includes .include article.content strong a {
          color: white; }
      #includes .include article.content .middle {
        overflow: hidden;
        margin-bottom: 20px; }
        #includes .include article.content .middle ul {
          display: block;
          float: left;
          width: 75%;
          padding-right: 40px; }
          #includes .include article.content .middle ul li {
            margin-bottom: 20px;
            overflow: hidden; }
            #includes .include article.content .middle ul li .logo, #includes .include article.content .middle ul li .body {
              float: left; }
            #includes .include article.content .middle ul li .logo {
              width: 95px;
              margin-right: 10px; }
            #includes .include article.content .middle ul li .body {
              width: calc(100% - 105px); }
        #includes .include article.content .middle .aside {
          float: right;
          width: 25%; }
          #includes .include article.content .middle .aside em {
            font-style: italic;
            display: block;
            margin-bottom: 20px; }
          #includes .include article.content .middle .aside ul {
            float: none;
            width: auto;
            padding: 0; }
            #includes .include article.content .middle .aside ul li {
              margin-bottom: 0;
              font-size: 15px; }
              #includes .include article.content .middle .aside ul li.h {
                font-family: prox-bold;
                font-size: 16px; }
  #includes .resources-button {
    padding-top: 10px; }
    #includes .resources-button .resources-button-container {
      width: 168px;
      height: 40px;
      margin: 0;
      background: url(../img/button_ribbon_white.png) no-repeat;
      text-align: center; }
      #includes .resources-button .resources-button-container a {
        color: #1879e1;
        text-transform: uppercase;
        font-size: 32px;
        line-height: 40px;
        font-family: pop;
        display: block;
        padding-top: 4px; }

.step-nine.steps-content .steps {
  position: absolute; }

.steps-content {
  color: gray; }
  .steps-content h1 {
    clear: both; }
  .steps-content h1,
  .steps-content h2,
  .steps-content h3 {
    color: #666666;
    font-family: pop; }
  .steps-content .steps {
    overflow: hidden;
    width: 396px;
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .steps-content .steps a {
      display: block;
      float: left;
      width: 32px;
      height: 31px;
      background-image: url(../img/step_numbers.png);
      margin-right: 20px; }
  .steps-content .image-col {
    text-align: center;
    position: relative; }
  .steps-content .text-col h2 {
    font-size: 40px; }
  .steps-content .text-col p,
  .steps-content .text-col .p {
    margin-bottom: 20px; }
  .steps-content .text-col.s1 {
    padding-top: 120px; }
  .steps-content .text-col.s2 .next, .steps-content .text-col.s3 .next, .steps-content .text-col.s4 .next {
    background: url(../img/button_ribbon_green.png) no-repeat;
    color: #1879e1;
    font-size: 24px;
    line-height: 45px;
    height: 40px;
    width: 168px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-family: pop; }
    .steps-content .text-col.s2 .next.lg, .steps-content .text-col.s3 .next.lg, .steps-content .text-col.s4 .next.lg {
      font-size: 31px; }
  .steps-content .question .question_header {
    padding-top: 10px; }
    .steps-content .question .question_header h2 {
      font-size: 40px;
      margin-top: 0; }
    .steps-content .question .question_header.sm h2 {
      font-size: 30px; }
    .steps-content .question .question_header.mv h2 {
      width: 355px;
      margin-left: -60px; }
  .steps-content .question.center h2 {
    text-align: center; }
  .steps-content .question.center .answer-options {
    width: 140px !important; }
  .steps-content .question .answers .answer-options {
    width: 190px;
    margin: 0 auto; }
    .steps-content .question .answers .answer-options a {
      display: block;
      position: relative;
      background: url(../img/green_answer_box.gif) no-repeat;
      text-align: center;
      width: 216px;
      height: 42px;
      font-family: pop;
      font-size: 21px;
      line-height: 35px;
      margin-bottom: 20px; }
      .steps-content .question .answers .answer-options a > span {
        font-size: 21px;
        line-height: 50px; }
      .steps-content .question .answers .answer-options a.wrapper {
        width: 57px;
        background: transparent;
        height: 54px;
        display: inline-block; }
        .steps-content .question .answers .answer-options a.wrapper > span {
          color: #1879e1;
          font-size: 43px;
          line-height: 64px;
          position: relative;
          z-index: 2; }
  .steps-content .question .wrapper {
    display: inline-block;
    text-align: center;
    width: 57px;
    height: 54px;
    font-family: pop;
    position: relative; }
    .steps-content .question .wrapper:after {
      content: "";
      background: url(../img/green_circle.gif) no-repeat center center;
      position: absolute;
      top: 0;
      left: 0;
      width: 57px;
      height: 54px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .steps-content .question .wrapper:hover:after {
      -webkit-transform: scale(1.15);
      -moz-transform: scale(1.15);
      -ms-transform: scale(1.15);
      transform: scale(1.15); }
    .steps-content .question .wrapper:first-child {
      margin-right: 10px; }
    .steps-content .question .wrapper:last-child {
      margin-left: 10px; }
    .steps-content .question .wrapper > span {
      color: #1879e1;
      font-size: 43px;
      line-height: 64px;
      position: relative;
      z-index: 2; }
    .steps-content .question .wrapper.go {
      display: block;
      position: relative;
      background: url(../img/green_answer_box.gif) no-repeat;
      text-align: center;
      width: 216px;
      height: 42px;
      font-family: pop;
      font-size: 21px;
      line-height: 35px;
      margin-bottom: 20px; }
      .steps-content .question .wrapper.go:after {
        display: none; }
      .steps-content .question .wrapper.go > span {
        font-size: 21px;
        line-height: 50px;
        z-index: 0; }
  .steps-content .s5 .answers .answer-options, .steps-content .s7 .answers .answer-options {
    width: auto; }
  .steps-content .s5 .answers .wrapper:last-child, .steps-content .s7 .answers .wrapper:last-child {
    margin-left: 0; }
  .steps-content.step-one .steps a:nth-child(1) {
    background-position: 0 0; }
  .steps-content.step-one .steps a:nth-child(2) {
    background-position: -50px 0; }
  .steps-content.step-one .steps a:nth-child(3) {
    background-position: -101px 0; }
  .steps-content.step-one .steps a:nth-child(4) {
    background-position: -151px 0; }
  .steps-content.step-one .steps a:nth-child(5) {
    background-position: -204px 0; }
  .steps-content.step-one .steps a:nth-child(6) {
    background-position: -253px 0; }
  .steps-content.step-one .steps a:nth-child(7) {
    background-position: -303px 0; }
  .steps-content.step-one .steps a:nth-child(8) {
    background-position: -351px 0;
    margin-right: 0; }
  .steps-content.step-two .img-txt {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 30px;
    left: 170px;
    text-align: center;
    width: 78px; }
  .steps-content.step-two .steps a:nth-child(1) {
    background-position: 0 -31px; }
  .steps-content.step-two .steps a:nth-child(2) {
    background-position: -50px -31px; }
  .steps-content.step-two .steps a:nth-child(3) {
    background-position: -101px -31px; }
  .steps-content.step-two .steps a:nth-child(4) {
    background-position: -151px -31px; }
  .steps-content.step-two .steps a:nth-child(5) {
    background-position: -204px -31px; }
  .steps-content.step-two .steps a:nth-child(6) {
    background-position: -253px -31px; }
  .steps-content.step-two .steps a:nth-child(7) {
    background-position: -303px -31px; }
  .steps-content.step-two .steps a:nth-child(8) {
    background-position: -351px -31px;
    margin-right: 0; }
  .steps-content.step-three .img-txt.how-know {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 60px;
    left: 175px;
    text-align: center;
    width: 103px;
    z-index: 9; }
  .steps-content.step-three .img-txt.detainer {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 30px;
    left: 382px;
    text-align: center;
    width: 90px;
    z-index: 9; }
  .steps-content.step-three .steps a:nth-child(1) {
    background-position: 0 -62px; }
  .steps-content.step-three .steps a:nth-child(2) {
    background-position: -50px -62px; }
  .steps-content.step-three .steps a:nth-child(3) {
    background-position: -100px -62px; }
  .steps-content.step-three .steps a:nth-child(4) {
    background-position: -151px -62px; }
  .steps-content.step-three .steps a:nth-child(5) {
    background-position: -204px -62px; }
  .steps-content.step-three .steps a:nth-child(6) {
    background-position: -253px -62px; }
  .steps-content.step-three .steps a:nth-child(7) {
    background-position: -303px -62px; }
  .steps-content.step-three .steps a:nth-child(8) {
    background-position: -351px -62px;
    margin-right: 0; }
  .steps-content.step-four .img-txt.what-ask {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 56px;
    left: 55px;
    text-align: center;
    width: 103px; }
  .steps-content.step-four .img-txt.against {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 20px;
    left: 296px;
    text-align: center;
    width: 90px; }
  .steps-content.step-four .img-txt.myclient {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 48px;
    left: 535px;
    text-align: center;
    width: 90px; }
  .steps-content.step-four .steps a:nth-child(1) {
    background-position: 0 -93px; }
  .steps-content.step-four .steps a:nth-child(2) {
    background-position: -50px -93px; }
  .steps-content.step-four .steps a:nth-child(3) {
    background-position: -100px -93px; }
  .steps-content.step-four .steps a:nth-child(4) {
    background-position: -150px -93px; }
  .steps-content.step-four .steps a:nth-child(5) {
    background-position: -204px -93px; }
  .steps-content.step-four .steps a:nth-child(6) {
    background-position: -253px -93px; }
  .steps-content.step-four .steps a:nth-child(7) {
    background-position: -303px -93px; }
  .steps-content.step-four .steps a:nth-child(8) {
    background-position: -351px -93px;
    margin-right: 0; }
  .steps-content.step-five .img-txt.bail {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 32px;
    left: 115px;
    text-align: center;
    width: 103px; }
  .steps-content.step-five .steps a:nth-child(1) {
    background-position: 0 -124px; }
  .steps-content.step-five .steps a:nth-child(2) {
    background-position: -50px -124px; }
  .steps-content.step-five .steps a:nth-child(3) {
    background-position: -100px -124px; }
  .steps-content.step-five .steps a:nth-child(4) {
    background-position: -150px -124px; }
  .steps-content.step-five .steps a:nth-child(5) {
    background-position: -203px -124px; }
  .steps-content.step-five .steps a:nth-child(6) {
    background-position: -253px -124px; }
  .steps-content.step-five .steps a:nth-child(7) {
    background-position: -303px -124px; }
  .steps-content.step-five .steps a:nth-child(8) {
    background-position: -351px -124px;
    margin-right: 0; }
  .steps-content.step-six .img-txt.speak {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 102px;
    left: 547px;
    text-align: center;
    width: 103px; }
  .steps-content.step-six .steps a:nth-child(1) {
    background-position: 0 -155px; }
  .steps-content.step-six .steps a:nth-child(2) {
    background-position: -50px -155px; }
  .steps-content.step-six .steps a:nth-child(3) {
    background-position: -100px -155px; }
  .steps-content.step-six .steps a:nth-child(4) {
    background-position: -150px -155px; }
  .steps-content.step-six .steps a:nth-child(5) {
    background-position: -203px -155px; }
  .steps-content.step-six .steps a:nth-child(6) {
    background-position: -253px -155px; }
  .steps-content.step-six .steps a:nth-child(7) {
    background-position: -303px -155px; }
  .steps-content.step-six .steps a:nth-child(8) {
    background-position: -351px -155px;
    margin-right: 0; }
  .steps-content.step-seven .img-txt.court {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 32px;
    left: 430px;
    text-align: center;
    width: 103px; }
  .steps-content.step-seven .steps a:nth-child(1) {
    background-position: 0 -186px; }
  .steps-content.step-seven .steps a:nth-child(2) {
    background-position: -50px -186px; }
  .steps-content.step-seven .steps a:nth-child(3) {
    background-position: -100px -186px; }
  .steps-content.step-seven .steps a:nth-child(4) {
    background-position: -150px -186px; }
  .steps-content.step-seven .steps a:nth-child(5) {
    background-position: -203px -186px; }
  .steps-content.step-seven .steps a:nth-child(6) {
    background-position: -253px -186px; }
  .steps-content.step-seven .steps a:nth-child(7) {
    background-position: -303px -186px; }
  .steps-content.step-seven .steps a:nth-child(8) {
    background-position: -351px -186px;
    margin-right: 0; }
  .steps-content.step-eight .steps a:nth-child(1) {
    background-position: 0 -217px; }
  .steps-content.step-eight .steps a:nth-child(2) {
    background-position: -50px -217px; }
  .steps-content.step-eight .steps a:nth-child(3) {
    background-position: -100px -217px; }
  .steps-content.step-eight .steps a:nth-child(4) {
    background-position: -150px -217px; }
  .steps-content.step-eight .steps a:nth-child(5) {
    background-position: -203px -217px; }
  .steps-content.step-eight .steps a:nth-child(6) {
    background-position: -253px -217px; }
  .steps-content.step-eight .steps a:nth-child(7) {
    background-position: -303px -217px; }
  .steps-content.step-eight .steps a:nth-child(8) {
    background-position: -351px -217px;
    margin-right: 0; }
  .steps-content.step-nine .steps a:nth-child(1) {
    background-position: 0 -217px; }
  .steps-content.step-nine .steps a:nth-child(2) {
    background-position: -50px -217px; }
  .steps-content.step-nine .steps a:nth-child(3) {
    background-position: -100px -217px; }
  .steps-content.step-nine .steps a:nth-child(4) {
    background-position: -150px -217px; }
  .steps-content.step-nine .steps a:nth-child(5) {
    background-position: -203px -217px; }
  .steps-content.step-nine .steps a:nth-child(6) {
    background-position: -253px -217px; }
  .steps-content.step-nine .steps a:nth-child(7) {
    background-position: -303px -217px; }
  .steps-content.step-nine .steps a:nth-child(8) {
    background-position: -351px -186px;
    margin-right: 0; }

.wrapper {
  position: relative;
  display: inline-block;
  color: #5ccaff;
  cursor: pointer; }
  .wrapper:hover {
    color: #1879e1; }

p .wrapper,
.p .wrapper {
  display: inline; }

.interview .wrapper {
  color: #1879e1; }

.pop.upright {
  background: #1879e1;
  height: auto;
  width: 287px;
  z-index: 9; }
  .pop.upright .popup {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 99;
    position: relative;
    margin-top: -20px;
    margin-bottom: -20px; }
    .pop.upright .popup p:last-child {
      margin-bottom: 0; }
  .pop.upright:before {
    content: "";
    position: absolute;
    height: 55px;
    top: -55px;
    left: 0;
    right: 0;
    background: url(../images/blue_upright_top.png); }
  .pop.upright:after {
    content: "";
    position: absolute;
    height: 69px;
    bottom: -69px;
    left: 0;
    right: 0;
    background: url(../images/blue_upright_bottom.png); }

.pop.upsidedown {
  background: #1879e1;
  height: auto;
  width: 287px;
  z-index: 9; }
  .pop.upsidedown .popup {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 99;
    position: relative;
    margin-top: -20px;
    margin-bottom: -20px; }
    .pop.upsidedown .popup p:last-child {
      margin-bottom: 0; }
  .pop.upsidedown:before {
    content: "";
    position: absolute;
    height: 69px;
    top: -69px;
    left: 0;
    right: 0;
    background: url(../images/blue_upsidedown_top.png); }
  .pop.upsidedown:after {
    content: "";
    position: absolute;
    height: 55px;
    bottom: -55px;
    left: 0;
    right: 0;
    background: url(../images/blue_upsidedown_bottom.png); }

#id_popup {
  top: -260px;
  right: -20px; }

.es #id_popup {
  top: -260px;
  right: 0; }
.es #ncic_popup {
  top: -200px; }

#ncic_popup {
  top: -160px;
  right: -20px; }

#ice_popup {
  top: -155px;
  right: -20px; }

.es #ice_popup {
  top: -180px; }

#scomm_popup {
  top: -350px;
  right: 65px; }

.es #scomm_popup {
  top: -405px;
  right: 0; }

#detain_popup {
  top: 85px;
  right: 0px; }

.es #detain_popup .popup {
  max-height: 200px;
  overflow: auto; }
.es #detain_popup .close-pop {
  top: 0; }

#laws_popup {
  top: -205px;
  right: -30px; }

.es #laws_popup {
  right: 0; }

#arraignment_popup {
  top: -255px;
  right: 30px; }

.es #arraignment_popup {
  top: -260px;
  right: -30px; }
.es #ifdetainer_popup {
  top: -255px; }

#ifdetainer_popup {
  top: -205px;
  right: 0px; }

#interview_popup {
  top: -220px;
  right: 25px; }
  #interview_popup .popup {
    text-align: left; }

.es #interview_popup {
  top: -360px; }

#whatdo_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: 42px;
  right: -650px;
  z-index: 9;
  text-align: left; }
  #whatdo_popup .close-pop {
    top: 8px;
    right: -2px; }

#answer_popup {
  width: 415px;
  height: 395px;
  background: url(../img/larger_green_circle.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9; }
  #answer_popup .pop-head h3 {
    text-align: center;
    text-transform: uppercase;
    color: #1879e1;
    font-size: 45px;
    margin-bottom: 20px; }
  #answer_popup .pop-body {
    text-align: center;
    font-size: 16px;
    width: 325px;
    margin: 0 auto;
    height: auto; }
    #answer_popup .pop-body p:last-of-type {
      margin-bottom: 20px; }
    #answer_popup .pop-body a {
      display: block;
      margin: 0 auto;
      text-align: center;
      background: url(../img/button_ribbon_blue.png) no-repeat;
      width: 129px;
      height: 31px;
      line-height: 35px;
      text-transform: uppercase;
      color: #c1d62e;
      font-family: pop;
      font-size: 24px; }

#whatrights_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -100px;
  right: -650px;
  z-index: 9;
  text-align: left; }
  #whatrights_popup .close-pop {
    top: 8px;
    right: -2px; }
  #whatrights_popup .pop-body {
    line-height: 19px; }
    #whatrights_popup .pop-body p:first-of-type {
      margin-bottom: 0; }
  #whatrights_popup .pop-head h3 {
    margin-top: 10px; }

#howknow_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -100px;
  right: -650px;
  z-index: 9;
  text-align: left; }
  #howknow_popup .close-pop {
    top: 8px;
    right: -2px; }
  #howknow_popup .pop-body {
    line-height: 19px; }
    #howknow_popup .pop-body p:first-of-type {
      margin-bottom: 0; }
  #howknow_popup .pop-head h3 {
    margin-top: 10px; }

#detainer_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -100px;
  left: -200px;
  z-index: 9;
  text-align: left; }
  #detainer_popup .close-pop {
    top: 8px;
    right: -2px; }
  #detainer_popup .pop-body {
    line-height: 19px; }
    #detainer_popup .pop-body p:first-of-type {
      margin-bottom: 0; }
  #detainer_popup .pop-head h3 {
    margin-top: 10px; }

#whatask_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -125px;
  left: 105px;
  z-index: 9;
  text-align: left; }
  #whatask_popup .close-pop {
    top: 8px;
    right: -2px; }
  #whatask_popup .pop-body {
    line-height: 19px; }
    #whatask_popup .pop-body p:first-of-type {
      margin-bottom: 0; }
  #whatask_popup .pop-head h3 {
    margin-top: 10px; }

#against_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -88px;
  left: -138px;
  z-index: 9;
  text-align: left; }
  #against_popup .close-pop {
    top: 8px;
    right: -2px; }
  #against_popup .pop-body {
    line-height: 19px; }
  #against_popup .pop-head h3 {
    margin-top: 10px; }

#myclient_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -110px;
  left: -380px;
  z-index: 9;
  text-align: left; }
  #myclient_popup .close-pop {
    top: 8px;
    right: -2px; }
  #myclient_popup .pop-body {
    line-height: 19px; }
    #myclient_popup .pop-body p:nth-of-type(2) {
      margin-bottom: 0; }
  #myclient_popup .pop-head h3 {
    margin-top: 10px; }

#bail_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -110px;
  left: 50px;
  z-index: 9;
  text-align: left; }
  #bail_popup .close-pop {
    top: 8px;
    right: -2px; }
  #bail_popup .pop-body {
    line-height: 19px; }
    #bail_popup .pop-body p:nth-of-type(2) {
      margin-bottom: 0; }
  #bail_popup .pop-head h3 {
    margin-top: 10px; }

#speak_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -110px;
  right: -220px;
  z-index: 9;
  text-align: left; }
  #speak_popup .close-pop {
    top: 8px;
    right: -2px; }
  #speak_popup .pop-body {
    line-height: 19px; }
    #speak_popup .pop-body p:nth-of-type(2) {
      margin-bottom: 0; }
  #speak_popup .pop-head h3 {
    margin-top: 10px; }

#court_popup {
  background: url(../images/green_popup.png) no-repeat;
  width: 714px;
  height: 326px;
  top: -110px;
  right: -342px;
  z-index: 9;
  text-align: left; }
  #court_popup .close-pop {
    top: 8px;
    right: -2px; }
  #court_popup .pop-body {
    line-height: 19px; }
    #court_popup .pop-body p:nth-of-type(2) {
      margin-bottom: 0; }
  #court_popup .pop-head h3 {
    margin-top: 10px; }

strong {
  font-family: prox-bold; }

.pop {
  display: none;
  position: absolute;
  color: white;
  font-size: 14px;
  line-height: 1.4;
  font-family: prox-reg;
  cursor: normal; }
  .pop .popup {
    padding: 20px; }
    .pop .popup .pop-body {
      height: 230px; }
  .pop .close-pop {
    float: right;
    position: relative;
    top: -18px;
    right: -12px; }
  .pop .pop-head h3 {
    color: #666666;
    font-size: 30px;
    font-family: pop; }
  .pop .pop-body {
    color: gray;
    text-transform: none;
    font-family: prox-light;
    font-size: 16px;
    height: 190px;
    overflow: auto; }
    .pop .pop-body a {
      font-family: prox-reg;
      color: gray; }
    .pop .pop-body ul {
      list-style: disc;
      margin-bottom: 10px;
      padding-left: 20px; }
      .pop .pop-body ul li {
        margin-bottom: 2px; }

.light-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.666);
  display: none; }

.s5 .answer-options, .s7 .answer-options {
  position: relative; }
  .s5 .answer-options .whiteout, .s7 .answer-options .whiteout {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.666);
    display: none; }

#home_popup {
  width: 216px;
  height: 271px;
  background: url(../img/smaller_green_pop.gif) no-repeat;
  position: absolute;
  bottom: 0px;
  text-align: left; }
  #home_popup .pop-head h3 {
    text-align: center;
    color: #1879e1;
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 8px; }
  #home_popup .pop-body {
    font-size: 14px;
    padding-left: 15px;
    height: 220px; }
    #home_popup .pop-body p {
      margin-bottom: 0px; }
    #home_popup .pop-body ul {
      padding-left: 12px; }
    #home_popup .pop-body a.next {
      display: block;
      float: right;
      background: url(../img/button_ribbon_blue.png) no-repeat;
      width: 129px;
      height: 31px;
      margin-right: 5px;
      text-align: center;
      font-size: 24px;
      line-height: 35px;
      color: #c1d62e;
      text-transform: uppercase;
      font-family: pop; }

#rikers_popup {
  width: 216px;
  height: 271px;
  background: url(../img/smaller_green_pop.gif) no-repeat;
  position: absolute;
  bottom: 0px;
  text-align: left; }
  #rikers_popup .pop-head h3 {
    text-align: center;
    color: #1879e1;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 10px; }
  #rikers_popup .pop-body {
    font-size: 14px;
    padding-left: 15px;
    height: 220px; }
    #rikers_popup .pop-body p {
      margin-bottom: 10px; }
    #rikers_popup .pop-body ul {
      padding-left: 12px; }
    #rikers_popup .pop-body a.next {
      display: block;
      float: right;
      background: url(../img/button_ribbon_blue.png) no-repeat;
      width: 129px;
      height: 31px;
      margin-right: 5px;
      text-align: center;
      font-size: 24px;
      line-height: 35px;
      color: #c1d62e;
      text-transform: uppercase;
      font-family: pop; }

#jail_popup {
  width: 216px;
  height: 271px;
  background: url(../img/smaller_green_pop.gif) no-repeat;
  position: absolute;
  bottom: 0px;
  text-align: left; }
  #jail_popup .pop-head h3 {
    text-align: center;
    color: #1879e1;
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 10px; }
  #jail_popup .pop-body {
    font-size: 14px;
    padding-left: 15px;
    height: 220px; }
    #jail_popup .pop-body ul {
      padding-left: 12px; }
    #jail_popup .pop-body a.next {
      display: block;
      float: right;
      background: url(../img/button_ribbon_blue.png) no-repeat;
      width: 129px;
      height: 31px;
      margin-right: 5px;
      text-align: center;
      font-size: 24px;
      line-height: 35px;
      color: #c1d62e;
      text-transform: uppercase;
      font-family: pop; }

.es #jail_popup .pop-body {
  height: 195px; }

.s6 a.next, .s8 a.next {
  display: block;
  float: right;
  background: url(../img/button_ribbon_green.png) no-repeat;
  width: 168px;
  height: 40px;
  margin-right: 5px;
  text-align: center;
  font-size: 30px;
  line-height: 44px;
  color: #1879e1;
  text-transform: uppercase;
  font-family: pop; }

.s8 a.next {
  float: none; }

.add-resource-form {
  width: 350px;
  margin-bottom: 40px; }

body .en, body.en .en {
  display: inline; }
body .es, body.en .es {
  display: none; }
body .resource-links .resource-link span.en, body.en .resource-links .resource-link span.en {
  display: block; }
body .resource-links .resource-link span.es, body.en .resource-links .resource-link span.es {
  display: none; }

body.es .en {
  display: none; }
body.es .es {
  display: inline; }
body.es .resource-links .resource-link span.en {
  display: none; }
body.es .resource-links .resource-link span.es {
  display: block; }

.img-text.interview {
  margin-top: -22px;
  margin-bottom: 22px;
  position: relative;
  z-index: 5; }

.margbtm {
  margin-bottom: 20px; }

.spacingb {
  margin-bottom: 40px; }

.spacingb2 {
  margin-bottom: 80px; }

.padt {
  padding-top: 40px; }

.image-col.s1 {
  min-height: 373px; }
  .image-col.s1 .img-txt {
    position: absolute;
    color: #1879e1;
    font-family: pop;
    text-transform: uppercase;
    font-size: 24px;
    top: 25px;
    left: 80px;
    text-align: center;
    width: 75px; }
    .image-col.s1 .img-txt span {
      z-index: 2;
      position: relative; }

.image-col.s2 {
  min-height: 378px; }

.image-col.s3 {
  min-height: 447px; }

.image-col.s4 {
  min-height: 392px; }

.image-col.s5 {
  min-height: 396px; }

.image-col.s6 {
  min-height: 548px; }

.image-col.s7 {
  min-height: 437px; }

a.next.lg {
  font-size: 31px !important; }

.popup a {
  color: white;
  text-decoration: underline; }

.popup.scrollable {
  height: 310px;
  overflow: scroll;
  padding-top: 0;
  margin-top: 20px; }

.next, .go.wrapper {
  z-index: 8; }

.steps {
  z-index: 2; }

.main-headline {
  min-height: 30px;
  margin-bottom: 20px; }
  .main-headline h1 {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    z-index: 1; }
  .main-headline.index-headline h1 {
    position: static; }

.main-image {
  overflow: hidden;
  position: relative; }
  .main-image .layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .main-image .layer.base {
      position: relative;
      z-index: 2; }

.handcuff.layer {
  z-index: 1;
  -webkit-transform-origin: 205px 375px;
  -webkit-animation: cuff 1.5s ease-in-out 0s infinite alternate both;
  -moz-transform-origin: 205px 375px;
  -moz-animation: cuff 1.5s ease-in-out 0s infinite alternate both;
  -ms-transform-origin: 205px 375px;
  -ms-animation: cuff 1.5s ease-in-out 0s infinite alternate both;
  transform-origin: 205px 375px;
  animation: cuff 1.5s ease-in-out 0s infinite alternate both; }

@-webkit-keyframes cuff {
  from {
    -webkit-transform: rotate(-20deg); }

  to {
    -webkit-transform: rotate(40deg); } }

@-moz-keyframes cuff {
  from {
    -moz-transform: rotate(-20deg); }

  to {
    -moz-transform: rotate(40deg); } }

@-ms-keyframes cuff {
  from {
    -ms-transform: rotate(-20deg); }

  to {
    -ms-transform: rotate(40deg); } }

@keyframes cuff {
  from {
    transform: rotate(-20deg); }

  to {
    transform: rotate(40deg); } }

.monster1.layer {
  -webkit-animation: monster1 1.5s linear 0s infinite normal both;
  -moz-animation: monster1 1.5s linear 0s infinite normal both;
  -ms-animation: monster1 1.5s linear 0s infinite normal both;
  animation: monster1 1.5s linear 0s infinite normal both; }

@-webkit-keyframes monster1 {
  from {
    -webkit-transform: rotate(0deg) translate(-5px) rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg) translate(-5px) rotate(-360deg); } }

@-moz-keyframes monster1 {
  from {
    -moz-transform: rotate(0deg) translate(-5px) rotate(0deg); }

  to {
    -moz-transform: rotate(360deg) translate(-5px) rotate(-360deg); } }

@-ms-keyframes monster1 {
  from {
    -ms-transform: rotate(0deg) translate(-5px) rotate(0deg); }

  to {
    -ms-transform: rotate(360deg) translate(-5px) rotate(-360deg); } }

@keyframes monster1 {
  from {
    transform: rotate(0deg) translate(-5px) rotate(0deg); }

  to {
    transform: rotate(360deg) translate(-5px) rotate(-360deg); } }

.monster2.layer {
  -webkit-animation: monster2 1s linear 0s infinite normal both;
  -moz-animation: monster2 1s linear 0s infinite normal both;
  -ms-animation: monster2 1s linear 0s infinite normal both;
  animation: monster2 1s linear 0s infinite normal both; }

@-webkit-keyframes monster2 {
  from {
    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg); } }

@-moz-keyframes monster2 {
  from {
    -moz-transform: rotate(0deg) translate(-10px) rotate(0deg); }

  to {
    -moz-transform: rotate(360deg) translate(-10px) rotate(-360deg); } }

@-ms-keyframes monster2 {
  from {
    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg); }

  to {
    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg); } }

@keyframes monster2 {
  from {
    transform: rotate(0deg) translate(-10px) rotate(0deg); }

  to {
    transform: rotate(360deg) translate(-10px) rotate(-360deg); } }

.main-image.s1 {
  top: 120px;
  overflow: hidden;
  margin-bottom: 0; }

.eyebrows.layer {
  z-index: 2;
  -webkit-animation: eyebrows 0.5s linear 0s infinite alternate both;
  -moz-animation: eyebrows 0.5s linear 0s infinite alternate both;
  -ms-animation: eyebrows 0.5s linear 0s infinite alternate both;
  animation: eyebrows 0.5s linear 0s infinite alternate both; }

@-webkit-keyframes eyebrows {
  from {
    -webkit-transform: translateY(-1px); }

  to {
    -webkit-transform: translateY(0px); } }

@-moz-keyframes eyebrows {
  from {
    -moz-transform: translateY(-1px); }

  to {
    -moz-transform: translateY(0px); } }

@-ms-keyframes eyebrows {
  from {
    -ms-transform: translateY(-1px); }

  to {
    -ms-transform: translateY(0px); } }

@keyframes eyebrows {
  from {
    transform: translateY(-1px); }

  to {
    transform: translateY(0px); } }

.policeman.layer {
  z-index: 2;
  -webkit-animation: policeman 1s linear 0.5s 1 normal both;
  -moz-animation: policeman 1s linear 0.5s 1 normal both;
  -ms-animation: policeman 1s linear 0.5s 1 normal both;
  animation: policeman 1s linear 0.5s 1 normal both; }

@-webkit-keyframes policeman {
  from {
    -webkit-transform: translateX(500px); }

  to {
    -webkit-transform: translateX(0px); } }

@-moz-keyframes policeman {
  from {
    -moz-transform: translateX(500px); }

  to {
    -moz-transform: translateX(0px); } }

@-ms-keyframes policeman {
  from {
    -ms-transform: translateX(500px); }

  to {
    -ms-transform: translateX(0px); } }

@keyframes policeman {
  from {
    transform: translateX(500px); }

  to {
    transform: translateX(0px); } }

.main-image.s2 {
  margin-bottom: 0;
  top: 13px; }

.policehead.layer {
  z-index: 2;
  -webkit-animation: policehead 0.5s linear 0s infinite alternate both;
  -webkit-transform-origin: 377px 182px;
  -moz-animation: policehead 0.5s linear 0s infinite alternate both;
  -moz-transform-origin: 377px 182px;
  -ms-animation: policehead 0.5s linear 0s infinite alternate both;
  -ms-transform-origin: 377px 182px;
  animation: policehead 0.5s linear 0s infinite alternate both;
  transform-origin: 377px 182px; }

@-webkit-keyframes policehead {
  from {
    -webkit-transform: rotate(-2deg); }

  to {
    -webkit-transform: rotate(2deg); } }

@-moz-keyframes policehead {
  from {
    -moz-transform: rotate(-2deg); }

  to {
    -moz-transform: rotate(2deg); } }

@-ms-keyframes policehead {
  from {
    -ms-transform: rotate(-2deg); }

  to {
    -ms-transform: rotate(2deg); } }

@keyframes policehead {
  from {
    transform: rotate(-2deg); }

  to {
    transform: rotate(2deg); } }

.davidname.layer, .davidface.layer, .fingerprint.layer {
  z-index: 2;
  -webkit-animation: computerscreen 0.5s linear 1s 1 normal both;
  -moz-animation: computerscreen 0.5s linear 1s 1 normal both;
  -ms-animation: computerscreen 0.5s linear 1s 1 normal both;
  animation: computerscreen 0.5s linear 1s 1 normal both; }

@-webkit-keyframes computerscreen {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes computerscreen {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-ms-keyframes computerscreen {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes computerscreen {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.main-image.s3 {
  margin-bottom: 0;
  overflow: hidden; }

.david-trapped.layer {
  z-index: 2; }

.ice-arm.layer {
  z-index: 3; }

.sweat.layer {
  z-index: 4;
  -webkit-animation: sweating 1s linear 0s infinite normal both;
  -moz-animation: sweating 1s linear 0s infinite normal both;
  -ms-animation: sweating 1s linear 0s infinite normal both;
  animation: sweating 1s linear 0s infinite normal both; }

@-webkit-keyframes sweating {
  from {
    -webkit-transform: scale(0.9); }

  to {
    -webkit-transform: scale(1); } }

@-moz-keyframes sweating {
  from {
    -moz-transform: scale(0.9); }

  to {
    -moz-transform: scale(1); } }

@-ms-keyframes sweating {
  from {
    -ms-transform: scale(0.9); }

  to {
    -ms-transform: scale(1); } }

@keyframes sweating {
  from {
    transform: scale(0.9); }

  to {
    transform: scale(1); } }

.main-image.s4 {
  margin-bottom: 0;
  top: 52px; }

.arm4.layer {
  z-index: 2;
  -webkit-transform-origin: 306px 200px;
  -webkit-animation: arm4 0.5s linear 0s infinite alternate both;
  -moz-transform-origin: 306px 200px;
  -moz-animation: arm4 0.5s linear 0s infinite alternate both;
  -ms-transform-origin: 306px 200px;
  -ms-animation: arm4 0.5s linear 0s infinite alternate both;
  transform-origin: 306px 200px;
  animation: arm4 0.5s linear 0s infinite alternate both; }

@-webkit-keyframes arm4 {
  from {
    -webkit-transform: rotate(-2deg); }

  to {
    -webkit-transform: rotate(2deg); } }

@-moz-keyframes arm4 {
  from {
    -moz-transform: rotate(-2deg); }

  to {
    -moz-transform: rotate(2deg); } }

@-ms-keyframes arm4 {
  from {
    -ms-transform: rotate(-2deg); }

  to {
    -ms-transform: rotate(2deg); } }

@keyframes arm4 {
  from {
    transform: rotate(-2deg); }

  to {
    transform: rotate(2deg); } }

.main-image.s5 {
  margin-bottom: 0;
  top: 46px; }

.gavel.layer {
  z-index: 2;
  -webkit-transform-origin: 569px 200px;
  -webkit-animation: gavel 0.5s linear 0s infinite alternate both;
  -moz-transform-origin: 569px 200px;
  -moz-animation: gavel 0.5s linear 0s infinite alternate both;
  -ms-transform-origin: 569px 200px;
  -ms-animation: gavel 0.5s linear 0s infinite alternate both;
  transform-origin: 569px 200px;
  animation: gavel 0.5s linear 0s infinite alternate both; }

@-webkit-keyframes gavel {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(55deg); } }

@-moz-keyframes gavel {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(55deg); } }

@-ms-keyframes gavel {
  from {
    -ms-transform: rotate(0deg); }

  to {
    -ms-transform: rotate(55deg); } }

@keyframes gavel {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(55deg); } }

.main-image.s6 {
  margin-bottom: 0;
  overflow: hidden; }

.monster6.layer {
  z-index: 1;
  -webkit-animation: monster6 5s linear 0s 1 normal both;
  -moz-animation: monster6 5s linear 0s 1 normal both;
  -ms-animation: monster6 5s linear 0s 1 normal both;
  animation: monster6 5s linear 0s 1 normal both; }

@-webkit-keyframes monster6 {
  from {
    -webkit-transform: translateY(100%); }

  to {
    -webkit-transform: translateY(0); } }

@-moz-keyframes monster6 {
  from {
    -moz-transform: translateY(100%); }

  to {
    -moz-transform: translateY(0); } }

@-ms-keyframes monster6 {
  from {
    -ms-transform: translateY(100%); }

  to {
    -ms-transform: translateY(0); } }

@keyframes monster6 {
  from {
    transform: translateY(100%); }

  to {
    transform: translateY(0); } }

.cloud1.layer, .cloud2.layer {
  z-index: 0; }

.bird.layer {
  z-index: 2;
  -webkit-transform-origin: 670px 176px;
  -webkit-animation: bird 5s linear 0s infinite normal both;
  -moz-transform-origin: 670px 176px;
  -moz-animation: bird 5s linear 0s infinite normal both;
  -ms-transform-origin: 670px 176px;
  -ms-animation: bird 5s linear 0s infinite normal both;
  transform-origin: 670px 176px;
  animation: bird 5s linear 0s infinite normal both; }

@-webkit-keyframes bird {
  0% {
    -webkit-transform: translate(0) scale(1, 1); }

  45% {
    -webkit-transform: translateX(-350px) scale(1, 1); }

  50% {
    -webkit-transform: translateX(-350px) scale(-1, 1); }

  95% {
    -webkit-transform: translate(0) scale(-1, 1); }

  100% {
    -webkit-transform: translate(0) scale(1, 1); } }

@-moz-keyframes bird {
  0% {
    -moz-transform: translate(0) scale(1, 1); }

  45% {
    -moz-transform: translateX(-350px) scale(1, 1); }

  50% {
    -moz-transform: translateX(-350px) scale(-1, 1); }

  95% {
    -moz-transform: translate(0) scale(-1, 1); }

  100% {
    -moz-transform: translate(0) scale(1, 1); } }

@-ms-keyframes bird {
  0% {
    -ms-transform: translate(0) scale(1, 1); }

  45% {
    -ms-transform: translateX(-350px) scale(1, 1); }

  50% {
    -ms-transform: translateX(-350px) scale(-1, 1); }

  95% {
    -ms-transform: translate(0) scale(-1, 1); }

  100% {
    -ms-transform: translate(0) scale(1, 1); } }

@keyframes bird {
  0% {
    transform: translate(0) scale(1, 1); }

  45% {
    transform: translateX(-350px) scale(1, 1); }

  50% {
    transform: translateX(-350px) scale(-1, 1); }

  95% {
    transform: translate(0) scale(-1, 1); }

  100% {
    transform: translate(0) scale(1, 1); } }

.cloud1.layer {
  -webkit-animation: cloud1 15s linear 0s infinite normal both;
  -moz-animation: cloud1 15s linear 0s infinite normal both;
  -ms-animation: cloud1 15s linear 0s infinite normal both;
  animation: cloud1 15s linear 0s infinite normal both; }

@-webkit-keyframes cloud1 {
  from {
    -webkit-transform: translateX(875px); }

  to {
    -webkit-transform: translateX(-230px); } }

@-moz-keyframes cloud1 {
  from {
    -moz-transform: translateX(875px); }

  to {
    -moz-transform: translateX(-230px); } }

@-ms-keyframes cloud1 {
  from {
    -ms-transform: translateX(875px); }

  to {
    -ms-transform: translateX(-230px); } }

@keyframes cloud1 {
  from {
    transform: translateX(875px); }

  to {
    transform: translateX(-230px); } }

.cloud2.layer {
  -webkit-animation: cloud2 10s linear 0s infinite normal both;
  -moz-animation: cloud2 10s linear 0s infinite normal both;
  -ms-animation: cloud2 10s linear 0s infinite normal both;
  animation: cloud2 10s linear 0s infinite normal both; }

@-webkit-keyframes cloud2 {
  from {
    -webkit-transform: translateX(-775px); }

  to {
    -webkit-transform: translateX(400px); } }

@-moz-keyframes cloud2 {
  from {
    -moz-transform: translateX(-775px); }

  to {
    -moz-transform: translateX(400px); } }

@-ms-keyframes cloud2 {
  from {
    -ms-transform: translateX(-775px); }

  to {
    -ms-transform: translateX(400px); } }

@keyframes cloud2 {
  from {
    transform: translateX(-775px); }

  to {
    transform: translateX(400px); } }

.main-image.s7 {
  margin-bottom: 0;
  top: 70px; }

.eyebrows7.layer {
  z-index: 2;
  -webkit-animation: eyebrows7 0.5s linear 0s infinite alternate both;
  -moz-animation: eyebrows7 0.5s linear 0s infinite alternate both;
  -ms-animation: eyebrows7 0.5s linear 0s infinite alternate both;
  animation: eyebrows7 0.5s linear 0s infinite alternate both; }

@-webkit-keyframes eyebrows7 {
  from {
    -webkit-transform: translateY(-1px); }

  to {
    -webkit-transform: translateY(0px); } }

@-moz-keyframes eyebrows7 {
  from {
    -moz-transform: translateY(-1px); }

  to {
    -moz-transform: translateY(0px); } }

@-ms-keyframes eyebrows7 {
  from {
    -ms-transform: translateY(-1px); }

  to {
    -ms-transform: translateY(0px); } }

@keyframes eyebrows7 {
  from {
    transform: translateY(-1px); }

  to {
    transform: translateY(0px); } }

.strike1.layer {
  z-index: 2;
  -webkit-animation: strike 0.5s linear 1s 1 normal both;
  -moz-animation: strike 0.5s linear 1s 1 normal both;
  -ms-animation: strike 0.5s linear 1s 1 normal both;
  animation: strike 0.5s linear 1s 1 normal both; }

.strike2.layer {
  z-index: 2;
  -webkit-animation: strike 0.5s linear 3s 1 normal both;
  -moz-animation: strike 0.5s linear 3s 1 normal both;
  -ms-animation: strike 0.5s linear 3s 1 normal both;
  animation: strike 0.5s linear 3s 1 normal both; }

.strike3.layer {
  z-index: 2;
  -webkit-animation: strike 0.5s linear 5s 1 normal both;
  -moz-animation: strike 0.5s linear 5s 1 normal both;
  -ms-animation: strike 0.5s linear 5s 1 normal both;
  animation: strike 0.5s linear 5s 1 normal both; }

@-webkit-keyframes strike {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes strike {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-ms-keyframes strike {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes strike {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

#canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

.s9 .base img {
  vertical-align: baseline;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear; }
  .s9 .base img:hover {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }

.answer-options .anspop {
  z-index: 5; }

.bubble {
  position: relative;
  max-width: none;
  -webkit-transform: scale(0.85);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transform: scale(0.85);
  -moz-transition: all 0.2s ease-in-out;
  -ms-transform: scale(0.85);
  -ms-transition: all 0.2s ease-in-out;
  transform: scale(0.85);
  transition: all 0.2s ease-in-out;
  z-index: 3; }
  .bubble:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .bubble.s1 {
    top: -50px;
    left: -50px; }
  .bubble.s2 {
    top: -140px;
    left: -50px; }
  .bubble.s41 {
    top: -150px;
    left: 0px; }
  .bubble.s42 {
    top: -100px;
    left: -20px; }
  .bubble.s43 {
    top: -120px;
    left: -40px; }
  .bubble.s5 {
    top: -40px;
    left: -40px; }
  .bubble.s6 {
    top: -50px;
    left: -50px; }
  .bubble.s7 {
    top: -50px;
    left: -50px; }

.es #answer_popup h3 .es {
  display: block;
  margin-bottom: -30px; }

.s5 .navLink span {
  line-height: 30px !important; }

#mobile-menu {
  display: none; }

@media(max-width: 767px) {
  .main-content {
    width: auto;
    max-width: 100%;
    min-width: 0;
    margin: 0 15px; }

  .steps, .lang-switch {
    display: none; }

  .main-content .main-headline h1 {
    padding-top: 0; }

  .hello-content .hello-headline, .next-button, .column-text {
    margin-bottom: 20px; }

  .main-content .main-headline h1 {
    font-size: 42px; }

  #wrap {
    padding-top: 62px; }

  #mHeader {
    background: #1879e1;
    overflow: hidden;
    padding: 10px 15px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11; }
    #mHeader .step {
      float: left;
      width: 33.333%;
      text-align: center;
      color: white;
      font-family: pop;
      font-size: 32px;
      margin-top: 33px;
      line-height: 0; }
    #mHeader .back-arrow {
      float: left;
      width: 33.333%;
      margin-top: 20px; }
      #mHeader .back-arrow a {
        display: block;
        width: 35px;
        height: 19px;
        background: url(../img/mobile_back_arrow.png) no-repeat; }
    #mHeader .navbar-toggle {
      background: white;
      border-radius: 0;
      margin-right: 0;
      margin-bottom: 0; }
      #mHeader .navbar-toggle .icon-bar {
        background: #1879e1; }

  .image-col.s1,
  .image-col.s2,
  .image-col.s3,
  .image-col.s4,
  .image-col.s5,
  .image-col.s6,
  .image-col.s7,
  .image-col.s8 {
    min-height: 0; }

  .steps-content .text-col.s1,
  .steps-content .text-col.s2,
  .steps-content .text-col.s3,
  .steps-content .text-col.s4,
  .steps-content .text-col.s5,
  .steps-content .text-col.s6,
  .steps-content .text-col.s7,
  .steps-content .text-col.s8 {
    padding-top: 80px; }

  .image-col {
    margin-top: -80px; }
    .image-col.s8 {
      margin-top: 0; }

  h1 br, h2 br, h3 br, h4 br {
    display: none; }

  .resource-links .resource-link {
    display: block;
    width: auto; }

  .resource-links .resource-link:nth-child(even) {
    margin-left: 0; }

  .resource-links .resource-link:nth-child(odd) {
    margin-right: 0; }

  .resource-links .resource-link span {
    width: 200px; }

  .img-text.interview {
    margin-top: 80px; }

  .steps-content .question .question_header.mv h2 {
    width: auto;
    margin-left: 0; }

  .main-content .main-headline .tagline {
    font-size: 16px; }

  .main-content .main-headline h1.homepage {
    font-size: 45px; }

  .pop {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding-top: 100px;
    background: #e6f2f2 !important;
    color: #1879e1;
    font-size: 15px;
    overflow: auto;
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important; }
    .pop h1, .pop h2, .pop h3, .pop h4, .pop a, .pop span, .pop p, .pop .pop-body {
      color: #1879e1 !important; }
    .pop a, .pop span, .pop p, .pop .pop-body {
      font-size: 16px !important; }
    .pop a.next {
      background: url(../img/mobile-next.png) no-repeat !important;
      width: 127px !important;
      height: 48px !important;
      line-height: 58px !important;
      font-size: 32px !important; }
      .pop a.next span {
        font-size: 32px !important; }
    .pop h1 span, .pop h2 span, .pop h3 span {
      font-size: 32px !important; }
    .pop .pop-body {
      width: auto !important;
      padding: 0 15px;
      text-align: left !important; }
    .pop .pop-head h3 {
      font-size: 32px !important;
      margin-bottom: 10px; }

  .steps-content .question .question_header h2 {
    font-size: 38px; }

  .main-content .start-button .start-button-container {
    background: url(../img/mobile-next.png) no-repeat;
    width: 127px;
    height: 48px; }
    .main-content .start-button .start-button-container a {
      line-height: 50px; }

  .answers .wrapper.go,
  .answers .navLink {
    margin-left: auto !important;
    margin-right: auto !important; }

  .answer-options .opened ~ .wrapper {
    display: none !important; }

  .s6 a.next, .s8 a.next, .s2 a.next, .s3 a.next, .s4 a.next {
    float: none;
    margin: 0 auto; }

  .question_header h2 {
    text-align: center; }

  .s1 .question .answers .answer-options {
    width: 130px; }

  .main-headline {
    min-height: 0; }
    .main-headline h1 {
      position: static; }

  .main-image {
    top: 60px !important; }

  body.index .main-image {
    top: 0px !important; }

  .bubble {
    display: none !important; }

  .layer {
    z-index: 2; }

  .pop-body {
    height: auto !important; }

  .layer {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; }

  .include {
    background: #1879e1;
    width: 100% !important;
    padding: 0 15px; }

  #includes .include h1 img {
    left: 10px; }

  #mobile-menu {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #e6f2f2 !important;
    color: #1879e1;
    z-index: 9;
    padding-top: 10px;
    padding-bottom: 10px; }
    #mobile-menu.open {
      display: block; }
    #mobile-menu ul {
      padding: 0;
      margin: 0; }
    #mobile-menu li {
      border-bottom: 1px solid #1879e1;
      padding: 0;
      margin: 0; }
      #mobile-menu li a {
        display: block;
        padding: 12px 12px 6px;
        font-size: 22px;
        text-transform: capitalize;
        font-family: pop;
        text-align: center; }
      #mobile-menu li .lang-switch {
        display: block;
        position: relative;
        width: 100%; }
        #mobile-menu li .lang-switch .lang-switch-container {
          position: relative;
          width: 100%;
          height: auto;
          background: transparent;
          font-size: 0; }
          #mobile-menu li .lang-switch .lang-switch-container a {
            display: inline-block;
            font-size: 18px;
            text-align: center;
            width: 50%; }

  #includes .include article.content .middle ul {
    float: none;
    width: 100%; }

  #includes .include article.content .middle .aside {
    float: none;
    width: 100%; } }

#includes {
  position: fixed;
  overflow: scroll; }
  #includes .include {
    padding-bottom: 60px; }

.es footer .footer-links a {
  font-size: 22px; }

@media(min-width: 1170px) {
  .es footer .footer-links a {
    font-size: 28px; } }

@media(max-height: 770px) and (min-width: 768px) {
  .main-content {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0); }

  .main-content .main-headline h1.homepage {
    padding-top: 0;
    margin-top: -20px;
    font-size: 60px;
    margin-bottom: -10px; }

  .main-content .main-headline .tagline {
    margin-bottom: -15px; }

  .main-content .main-headline h1 {
    position: fixed; }
    .main-content .main-headline h1.transitioning {
      opacity: 1; }
    .main-content .main-headline h1 br {
      display: none; }

  .light-overlay {
    display: none !important; } }

.res-headline {
  margin-bottom: 120px; }

.rcol {
  width: 50%;
  float: left; }
  .rcol:nth-child(3) {
    clear: left; }
  .rcol .resource-header {
    display: inline-block;
    width: 359px;
    height: 40px;
    margin-bottom: 20px;
    background: url(../img/resource-link-bg.png) center center no-repeat;
    color: #1879e1;
    line-height: 47px;
    text-transform: uppercase;
    font-family: pop;
    font-size: 24px;
    position: relative; }

.resource-links {
  padding-top: 50px; }
  .resource-links .resource-link {
    display: inline-block;
    width: 359px;
    height: 40px;
    color: #1879e1;
    font-size: 14px;
    position: relative;
    text-align: left; }
    .resource-links .resource-link.lang11:after {
      content: "en+es";
      position: absolute;
      bottom: 20px;
      right: 2px;
      background: #c6e667;
      line-height: 1;
      padding: 2px; }
    .resource-links .resource-link.lang10:after {
      content: "en";
      position: absolute;
      bottom: 20px;
      right: 2px;
      background: #c6e667;
      line-height: 1;
      padding: 2px; }
    .resource-links .resource-link.lang01:after {
      content: "es";
      position: absolute;
      bottom: 20px;
      right: 2px;
      background: #c6e667;
      line-height: 1;
      padding: 2px; }
    .resource-links .resource-link span {
      width: 320px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-left: 10px;
      padding-right: 10px; }

@media(max-width: 767px) {
  .rcol {
    float: none;
    width: 100%; }
    .rcol .resource-header, .rcol .resource-link {
      width: 100% !important; }

  .resource-links .resource-link span {
    width: 95% !important; }

  .close-pop {
    text-decoration: none !important; }
    .close-pop img {
      display: none; }
    .close-pop:before {
      content: "X";
      font-size: 32px;
      color: #1879e1;
      font-family: pop; } }
.order:focus{
	outline: none;
}
.order{
	width: 150px;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	transition: color .3s;
}
.order i, .order span{
	float: left;
}
.order span{
	margin-left: 4px;
}

.index-content .content-inner{
	position: relative;
}
.index-content .main-image{
	top: 85px;
}
.revision{
	width: 373px;
	height: 177px;
	background: url(../images/rev_bg.png) no-repeat;
	position: absolute;
	top: 0;
	left: -50px;
}
.rev-inner{
	transform: rotate(-10deg);
  padding: 40px 20px 10px;
  color: #1879e1;
  font-family: mf;
  font-size: 18px;
  text-align: center;
}
.rev-inner a{
	color: #000;
}
@media(max-height: 770px) and (min-width: 768px) {
	.index-content .main-image{
  	top: 50px;
  }
  .revision{
  	top: -30px;
  }
}

/* Bozz Edits */

#two87_popup {
    top: -280px;
    right: 35px;
}