/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700,800);
.ip_container html, .ip_container body, .ip_container div, .ip_container span, .ip_container applet, .ip_container object, .ip_container iframe,
.ip_container h1, .ip_container h2, .ip_container h3, .ip_container h4, .ip_container h5, .ip_container h6, .ip_container p, .ip_container blockquote, .ip_container pre,
.ip_container a, .ip_container abbr, .ip_container acronym, .ip_container address, .ip_container big, .ip_container cite, .ip_container code,
.ip_container del, .ip_container dfn, .ip_container em, .ip_container img, .ip_container ins, .ip_container kbd, .ip_container q, .ip_container s, .ip_container samp,
.ip_container small, .ip_container strike, .ip_container strong, .ip_container sub, .ip_container sup, .ip_container tt, .ip_container var,
.ip_container b, .ip_container u, .ip_container i, .ip_container center,
.ip_container dl, .ip_container dt, .ip_container dd, .ip_container ol, .ip_container ul, .ip_container li,
.ip_container fieldset, .ip_container form, .ip_container label, .ip_container legend,
.ip_container table, .ip_container caption, .ip_container tbody, .ip_container tfoot, .ip_container thead, .ip_container tr, .ip_container th, .ip_container td,
.ip_container article, .ip_container aside, .ip_container canvas, .ip_container details, .ip_container embed,
.ip_container figure, .ip_container figcaption, .ip_container footer, .ip_container header, .ip_container hgroup,
.ip_container menu, .ip_container nav, .ip_container output, .ip_container ruby, .ip_container section, .ip_container summary,
.ip_container time, .ip_container mark, .ip_container audio, .ip_container video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }
.ip_container html {
  line-height: 1; }
.ip_container ol, .ip_container ul {
  list-style: none; }
.ip_container table {
  border-collapse: collapse;
  border-spacing: 0; }
.ip_container caption, .ip_container th, .ip_container td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }
.ip_container q, .ip_container blockquote {
  quotes: none; }
  .ip_container q:before, .ip_container q:after, .ip_container blockquote:before, .ip_container blockquote:after {
    content: "";
    content: none; }
.ip_container a img {
  border: none; }
.ip_container article, .ip_container aside, .ip_container details, .ip_container figcaption, .ip_container figure, .ip_container footer, .ip_container header, .ip_container hgroup, .ip_container main, .ip_container menu, .ip_container nav, .ip_container section, .ip_container summary {
  display: block; }
.ip_container h2, .ip_container h1, .ip_container p, .ip_container ul, .ip_container li, .ip_container a {
  font-family: "Open Sans", arial, sans-serif;
  font-weight: 400; }
.ip_container .banner.outer {
  background: #1d1d1b;
  height: 380px; }
.ip_container .banner .mid {
  max-width: 1420px;
  margin: auto;
  background-image: url(../img/banner-mid.jpg);
  background-position: center center;
  height: inherit; }
.ip_container .banner .inner {
  overflow: hidden;
  height: inherit;
  max-width: 1100px;
  margin: auto; }
  .ip_container .banner .inner .intro {
    float: left;
    margin-left: 80px;
    margin-top: 80px;
    text-shadow: #222 1px 1px 10px; }
    @media screen and (max-width: 650px) {
      .ip_container .banner .inner .intro {
        float: none;
        margin: 80px auto;
        width: 90%;
        text-align: center; } }
    .ip_container .banner .inner .intro h2 {
      color: #ffffff;
      font-weight: 800;
      line-height: 1em;
      font-size: 4em;
      text-transform: uppercase; }
      @media screen and (max-width: 650px) {
        .ip_container .banner .inner .intro h2 {
          font-size: 3em;
          margin-bottom: 40px; } }
      .ip_container .banner .inner .intro h2 span {
        display: block; }
    .ip_container .banner .inner .intro p {
      color: #fff; }
  .ip_container .banner .inner .magpie {
    float: right;
    height: inherit;
    width: calc(100% - 453px);
    text-align: right;
    position: relative; }
    @media screen and (max-width: 650px) {
      .ip_container .banner .inner .magpie {
        display: none; } }
    .ip_container .banner .inner .magpie img {
      max-width: 100%;
      position: absolute;
      bottom: 0;
      right: 0; }
.ip_container .body .top {
  padding: 50px 10px; }
  .ip_container .body .top .inner {
    max-width: 900px;
    margin: auto;
 }
    .ip_container .body .top .inner p {
      padding: 20px; }
      .ip_container .body .top .inner p.strong {
        font-weight: 600;
        color: #00aeef;
        font-size: 1.1em; }
.ip_container .body .bottom {
  background: #f7f5f2;
  color: #a3a3a1;
  margin-bottom: 50px;
  padding-bottom: 50px; }
  .ip_container .body .bottom .inner {
    max-width: 900px;
    margin: auto; }
    .ip_container .body .bottom .inner .line {
      height: 50px;
      border-bottom: 5px dashed #fff;
      width: 80%;
      margin: auto; }
      @media screen and (max-width: 550px) {
        .ip_container .body .bottom .inner .line {
          display: none; } }
    .ip_container .body .bottom .inner .steps {
      overflow: hidden;
      padding: 20px 10px;
      margin-top: -55px; }
      @media screen and (max-width: 550px) {
        .ip_container .body .bottom .inner .steps {
          margin-top: 0; } }
      .ip_container .body .bottom .inner .steps li {
        float: left;
        width: 25%;
        text-align: center;
        cursor: default;
        margin-bottom: 20px; }
        @media screen and (max-width: 550px) {
          .ip_container .body .bottom .inner .steps li {
            width: 50%; } }
        .ip_container .body .bottom .inner .steps li.active, .ip_container .body .bottom .inner .steps li:hover {
          color: #00aeef; }
        .ip_container .body .bottom .inner .steps li h2 {
          display: inline-block;
          padding: 10px 15px;
          border: 3px solid;
          border-radius: 10px;
          background: #fff;
          margin: 10px 0; }
        .ip_container .body .bottom .inner .steps li p {
          font-size: 0.7em;
          text-transform: uppercase; }
    .ip_container .body .bottom .inner .form {
      width: 80%;
      margin: auto;
      overflow: hidden; }
      .ip_container .body .bottom .inner .form input {
        float: left;
        font-size: 1em; }
        @media screen and (max-width: 600px) {
          .ip_container .body .bottom .inner .form input {
            float: none;
            display: block; } }
        .ip_container .body .bottom .inner .form input.phonename {
          width: calc(100% - 200px - 10px);
          background: #fff;
          color: #0e0e0e;
          font-style: italic;
          font-weight: 300;
          line-height: 40px;
          padding: 0 10px;
          box-sizing: border-box;
          border: #a3a3a1 1px solid;
          border-radius: 5px; }
          @media screen and (max-width: 600px) {
            .ip_container .body .bottom .inner .form input.phonename {
              width: 100%; } }
        .ip_container .body .bottom .inner .form input.submit {
          width: 200px;
          padding: 10px 0;
          text-align: center;
          margin-left: 10px;
          text-transform: uppercase;
          font-weight: 700;
          background: #00aeef;
          color: #fff;
          height: 40px;
          border-radius: 5px;
          border: 0;
          box-shadow: #aaa 1px 1px 0px; }
          @media screen and (max-width: 600px) {
            .ip_container .body .bottom .inner .form input.submit {
              margin: 20px auto 0; } }