/*
Theme Name: Customer Portfolios 2014
Author: Mike Flynn <mflynn@cngann.com>
Description: The 2014 Redesign for Customer Portfolios
Version: 1.0
License: GNU General Public License v2 or later
*/
@import url(fonts/desyrel/stylesheet.css);
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  margin: 0px;
  padding: 0px; }
  html, html * {
    font: 300 17px/26px "Lato", "Arial", "sans-serif"; }
  html body {
    margin: 0px;
    padding: 0px;
    background: #d8d8d7;
    font-size: 17px;
    line-height: 26px;
    font-weight: 300; }
    html body .anchor {
      padding-top: 250px;
      margin-top: -250px;
      display: inline-block; }
    html body input[type=checkbox] {
      height: 32px;
      width: 32px;
      display: inline-block;
      vertical-align: top;
      margin-right: 16px;
      margin-left: -1px; }
    html body input[type=checkbox]:before {
      content: "";
      display: inline-block;
      width: 32px;
      height: 32px;
      cursor: pointer;
      background: white url("images/checkbox_dark_off.png") no-repeat top left;
      background-size: 32px 32px;
      margin-right: 10px; }
    html body input[type=checkbox]:not(:checked):hover:before, html body input[type=checkbox]:not(:checked):focus:before {
      background-image: url("images//checkbox_dark_hover_off.png"); }
    html body input[type=checkbox]:checked:before {
      background-image: url("images//checkbox_dark_on.png"); }
    html body input[type=checkbox]:checked:hover:before, html body input[type=checkbox]:checked:focus:before {
      background-image: url("images//checkbox_dark_hover_on.png"); }
    html body input[type=checkbox] + label {
      line-height: 41.6px;
      cursor: pointer; }
    html body h1 {
      font-size: 16px;
      line-height: 20px;
      font-weight: 400;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #bfbfbd;
      text-transform: uppercase; }
    html body h2 {
      font-size: 28px;
      line-height: 35px;
      font-weight: 400;
      margin-bottom: 0px;
      color: #0e214b; }
    html body strong, html body b {
      font-weight: bold; }
    html body em, html body i {
      font-style: italic; }
    html body p {
      margin-bottom: 13px;
      text-align: justify;
      font-size: 18px; }
    html body p:empty {
      display: none; }
    html body a {
      color: #0e214b;
      font-weight: normal; }
    html body a.fancy, html body div.fancy {
      color: #e36200;
      text-decoration: none;
      text-align: left; }
      html body a.fancy:after, html body div.fancy:after {
        content: ">";
        margin-left: 5px;
        color: #0e214b; }
      html body a.fancy.current, html body div.fancy.current {
        display: none; }
    html body .fake-foot {
      margin-top: 20px; }
      html body .fake-foot .splits .split {
        padding-left: 70px; }
        html body .fake-foot .splits .split.l {
          padding-left: 70px !important; }
        html body .fake-foot .splits .split, html body .fake-foot .splits .split * {
          text-align: left; }
        html body .fake-foot .splits .split h2, html body .fake-foot .splits .split p {
          margin-bottom: 5px; }
    html body .slider_outer_bg {
      top: 130px !important;
      background: #8c8c8a; }
      html body .slider_outer_bg.has_bar {
        top: 162px !important; }
    html body #top {
      background: #0e214b url("images/blue_noise.png");
      height: 100px;
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      z-index: 5; }
      html body #top > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        display: block;
        left: 50%;
        margin-left: -480px;
        width: 960px;
        height: 100px;
        line-height: 80px;
        color: white; }
        html body #top > div a {
          text-decoration: none;
          color: white;
          cursor: pointer; }
        html body #top > div h1 {
          font-size: 2em;
          line-height: 80px; }
          html body #top > div h1 a {
            height: 57px;
            width: 283px;
            background: transparent url("images/logo.png") no-repeat top left;
            display: inline-block;
            vertical-align: bottom; }
        html body #top > div .right {
          position: absolute;
          top: 60px;
          right: 0;
          bottom: 20px;
          font-size: 20px;
          line-height: 20px; }
          html body #top > div .right a {
            font-weight: light;
            cursor: pointer; }
          html body #top > div .right span {
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
        html body #top {
          height: 77px;
          line-height: 77px; }
          html body #top > div {
            height: 77px;
            line-height: 77px; }
            html body #top > div h1 {
              height: 77px;
              line-height: 77px;
              font-size: 77px; }
              html body #top > div h1 a {
                position: relative;
                top: -5px; }
            html body #top > div .right {
              top: 0px;
              bottom: 0px;
              font-size: 57px;
              line-height: 77px; }
              html body #top > div .right a {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; }
              html body #top > div .right span {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
        html body #top {
          height: 77px;
          line-height: 77px; }
          html body #top > div {
            height: 77px;
            line-height: 77px; }
            html body #top > div h1 {
              height: 77px;
              line-height: 77px;
              font-size: 77px; }
              html body #top > div h1 a {
                position: relative;
                top: -5px; }
            html body #top > div .right {
              top: 0px;
              bottom: 0px;
              font-size: 57px;
              line-height: 77px; }
              html body #top > div .right a {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; }
              html body #top > div .right span {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) {
        html body #top {
          height: 77px;
          line-height: 77px; }
          html body #top > div {
            height: 77px;
            line-height: 77px; }
            html body #top > div h1 {
              height: 77px;
              line-height: 77px;
              font-size: 77px; }
              html body #top > div h1 a {
                position: relative;
                top: -5px; }
            html body #top > div .right {
              top: 0px;
              bottom: 0px;
              font-size: 57px;
              line-height: 77px; }
              html body #top > div .right a {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; }
              html body #top > div .right span {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; } }
      @media screen and (max-width: 480px) {
        html body #top {
          height: 77px;
          line-height: 77px; }
          html body #top > div {
            height: 77px;
            line-height: 77px; }
            html body #top > div h1 {
              height: 77px;
              line-height: 77px;
              font-size: 77px; }
              html body #top > div h1 a {
                position: relative;
                top: -5px; }
            html body #top > div .right {
              top: 0px;
              bottom: 0px;
              font-size: 57px;
              line-height: 77px; }
              html body #top > div .right a {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; }
              html body #top > div .right span {
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 28.5px;
                line-height: 77px;
                position: relative;
                top: -10px; } }
    html body #mainNav {
      background: #e36200 url("images/orange_noise.png");
      position: fixed;
      top: 100px;
      left: 0px;
      right: 0px;
      height: 30px;
      z-index: 5; }
      html body #mainNav a {
        line-height: 30px; }
      html body #mainNav > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        display: block;
        left: 50%;
        margin-left: -480px;
        width: 960px;
        height: 30px; }
        html body #mainNav > div li {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          height: 30px;
          line-height: 30px;
          display: none;
          padding-left: 20px;
          padding-right: 20px;
          border-right: 2px solid #0e214b;
          position: relative; }
          html body #mainNav > div li a {
            color: white;
            font-weight: bold;
            display: block;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            text-decoration: none;
            cursor: pointer; }
          html body #mainNav > div li:last-child {
            border-right: 0px; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
        html body #mainNav {
          top: 77px;
          height: 60px;
          line-height: 60px; }
          html body #mainNav > div {
            height: 60px;
            line-height: 60px; }
            html body #mainNav > div li {
              height: 60px;
              line-height: 60px; }
              html body #mainNav > div li a {
                font-size: 24px;
                line-height: 60px; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
        html body #mainNav {
          top: 77px;
          height: 60px;
          line-height: 60px; }
          html body #mainNav > div {
            height: 60px;
            line-height: 60px; }
            html body #mainNav > div li {
              height: 60px;
              line-height: 60px; }
              html body #mainNav > div li a {
                font-size: 24px;
                line-height: 60px; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) {
        html body #mainNav {
          top: 77px;
          height: 60px;
          line-height: 60px; }
          html body #mainNav > div {
            height: 60px;
            line-height: 60px; }
            html body #mainNav > div li {
              height: 60px;
              line-height: 60px; }
              html body #mainNav > div li a {
                font-size: 24px;
                line-height: 60px; } }
      @media screen and (max-width: 480px) {
        html body #mainNav {
          top: 77px;
          height: 60px;
          line-height: 60px; }
          html body #mainNav > div {
            height: 60px;
            line-height: 60px; }
            html body #mainNav > div li {
              height: 60px;
              line-height: 60px; }
              html body #mainNav > div li a {
                font-size: 24px;
                line-height: 60px; } }
    html body .outer_container {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      display: block;
      left: 50%;
      margin-left: -480px;
      width: 960px;
      background: #fff;
      padding: 50px;
      padding-top: 26px;
      padding-bottom: 0;
      top: 130px;
      z-index: 2;
      margin-bottom: 300px; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
        html body .outer_container {
          left: 0;
          right: 0;
          margin-left: auto;
          width: auto; }
          html body .outer_container .footer .right {
            padding-right: 20px; }
          html body .outer_container .footer .left {
            padding-left: 20px; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) {
        html body .outer_container {
          left: 0;
          right: 0;
          margin-left: auto;
          width: auto; }
          html body .outer_container .footer .right {
            padding-right: 20px; }
          html body .outer_container .footer .left {
            padding-left: 20px; } }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40 / 71) {
        html body .outer_container {
          left: 0;
          right: 0;
          margin-left: auto;
          width: auto; }
          html body .outer_container .footer .right {
            padding-right: 20px; }
          html body .outer_container .footer .left {
            padding-left: 20px; } }
      @media screen and (max-width: 480px) {
        html body .outer_container {
          left: 0;
          right: 0;
          margin-left: auto;
          width: auto; }
          html body .outer_container .footer .right {
            padding-right: 20px; }
          html body .outer_container .footer .left {
            padding-left: 20px; } }
      html body .outer_container .footer {
        position: absolute;
        bottom: -200px;
        height: 200px;
        left: 0;
        right: 0; }
        html body .outer_container .footer .left {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: left;
          width: 550px;
          font-size: 16px; }
          html body .outer_container .footer .left .social {
            height: 70px;
            line-height: 70px; }
            html body .outer_container .footer .left .social > a {
              display: inline-block;
              height: 32px;
              width: 32px;
              margin-right: 10px;
              vertical-align: middle; }
            html body .outer_container .footer .left .social .fb {
              background: transparent url("images/fb_icon_32.png") no-repeat top left; }
            html body .outer_container .footer .left .social .in {
              background: transparent url("images/in_icon_32.png") no-repeat top left; }
            html body .outer_container .footer .left .social .tw {
              background: transparent url("images/tw_icon_32.png") no-repeat top left; }
        html body .outer_container .footer .right {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          float: right;
          width: 50%;
          text-align: right;
          width: 410px; }
          html body .outer_container .footer .right .footerNav {
            margin-top: 25px;
            margin-bottom: 25px;
            height: 20px;
            line-height: 20px;
            width: 700px;
            left: -300px;
            position: relative; }
            html body .outer_container .footer .right .footerNav ul {
              float: right;
              line-height: 17px;
              vertical-align: middle;
              width: 100%; }
              html body .outer_container .footer .right .footerNav ul:after {
                clear: both; }
              html body .outer_container .footer .right .footerNav ul li {
                display: inline-block;
                border-right: 2px solid #0e214b;
                padding-left: 10px;
                padding-right: 10px;
                vertical-align: middle;
                line-height: 17px; }
                html body .outer_container .footer .right .footerNav ul li:last-child {
                  border-right: 0px; }
                html body .outer_container .footer .right .footerNav ul li a {
                  font-size: 17px;
                  text-decoration: none;
                  color: #0e214b; }
    html body .content {
      font-size: 17px;
      line-height: 26px;
      font-weight: 300; }
      html body .content input[type=checkbox] {
        height: 32px;
        width: 32px;
        display: inline-block;
        vertical-align: top;
        margin-right: 16px;
        margin-left: -1px; }
      html body .content input[type=checkbox]:before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: white url("images/checkbox_dark_off.png") no-repeat top left;
        background-size: 32px 32px;
        margin-right: 10px; }
      html body .content input[type=checkbox]:not(:checked):hover:before, html body .content input[type=checkbox]:not(:checked):focus:before {
        background-image: url("images//checkbox_dark_hover_off.png"); }
      html body .content input[type=checkbox]:checked:before {
        background-image: url("images//checkbox_dark_on.png"); }
      html body .content input[type=checkbox]:checked:hover:before, html body .content input[type=checkbox]:checked:focus:before {
        background-image: url("images//checkbox_dark_hover_on.png"); }
      html body .content input[type=checkbox] + label {
        line-height: 41.6px;
        cursor: pointer; }
      html body .content h1 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #bfbfbd;
        text-transform: uppercase; }
      html body .content h2 {
        font-size: 28px;
        line-height: 35px;
        font-weight: 400;
        margin-bottom: 10px; }
      html body .content h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 26px; }
      html body .content h4 {
        color: #e36200;
        font-size: 24px;
        line-height: 30px;
        line-height: 50px;
        font-weight: 300;
        margin-bottom: 0px; }
      html body .content h5 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #bfbfbd;
        text-transform: uppercase; }
      html body .content h6 {
        font-weight: normal;
        font-size: 18px;
        line-height: 22.5px;
        margin-bottom: 4px; }
      html body .content ul {
        padding-left: 40px;
        list-style: square;
        margin-bottom: 26px; }
        html body .content ul.page-list {
          list-style: none; }
        html body .content ul.page-list ul {
          margin-bottom: 0;
          list-style: none; }
      html body .content ol {
        padding-left: 52px;
        list-style: decimal; }
      html body .content p {
        margin-bottom: 13px;
        text-align: left; }
      html body .content p:empty {
        display: none; }
      html body .content a {
        color: #0e214b;
        font-weight: bold; }
      html body .content .aligncenter {
        display: none; }
      html body .content .alignright {
        float: right; }
      html body .content .more {
        padding-bottom: 26px;
        cursor: pointer; }
        html body .content .more a {
          font-weight: 300;
          font-style: italic; }
      html body .content .pn_navigation {
        text-align: center;
        cursor: pointer; }
      html body .content > hr, html body .content > .tabs hr {
        width: 960px;
        position: relative;
        left: -50px;
        height: 2px;
        color: #d8d8d7;
        background-color: #d8d8d7;
        border: 0;
        margin-top: 40px;
        margin-bottom: 40px; }
      html body .content .banner {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none;
        width: 960px;
        position: relative;
        left: -50px;
        cursor: pointer;
        border-top: 2px solid #d8d8d7;
        border-bottom: 2px solid #d8d8d7;
        padding-left: 325px;
        position: relative;
        padding-top: 20px;
        padding-right: 50px;
        margin-top: 50px; }
        html body .content .banner h2 {
          color: #0e214b; }
        html body .content .banner a {
          color: #e36200;
          text-decoration: none;
          position: absolute;
          bottom: 20px;
          right: 30px; }
          html body .content .banner a:after {
            content: ">";
            margin-left: 5px;
            color: #0e214b; }
      html body .content a.fancy, html body .content div.fancy {
        color: #e36200;
        text-decoration: none;
        text-align: left;
        cursor: pointer; }
        html body .content a.fancy:after, html body .content div.fancy:after {
          content: ">";
          margin-left: 5px;
          color: #0e214b; }
        html body .content a.fancy.current, html body .content div.fancy.current {
          display: none; }
        html body .content a.fancy.super, html body .content div.fancy.super {
          color: #0e214b;
          font-size: 21px; }
          html body .content a.fancy.super:after, html body .content div.fancy.super:after {
            content: ">";
            margin-left: 5px;
            color: #e36200; }
      html body .content .splits {
        clear: both; }
        html body .content .splits .split {
          min-height: 10px; }
        html body .content .splits * > p:last-child {
          margin-bottom: 0px; }
      html body .content .services_blurb {
        padding-bottom: 26px; }
        html body .content .services_blurb, html body .content .services_blurb > * {
          text-align: left; }
        html body .content .services_blurb > h1, html body .content .services_blurb > h2 {
          width: 600px; }
      html body .content .services_blurb ~ .tabs {
        margin-top: 0px; }
      html body .content .flyer {
        display: none; }
        html body .content .flyer .contents {
          overflow: hidden; }
          html body .content .flyer .contents h2 span {
            color: #e36200;
            font-size: 24px; }
          html body .content .flyer .contents > div {
            position: relative; }
          html body .content .flyer .contents .copy {
            min-height: 200px;
            background: rgba(255, 255, 255, 0.6);
            overflow: hidden; }
        html body .content .flyer .ttls {
          padding-bottom: 20px;
          padding-left: 100px; }
          html body .content .flyer .ttls .fancy {
            cursor: pointer;
            color: #0e214b;
            font-size: 20px;
            line-height: 40px;
            font-weight: 500; }
            html body .content .flyer .ttls .fancy:after {
              color: #e36200; }
      html body .content .tabs {
        border-color: #0e214b; }
        html body .content .tabs .ttls {
          background: #d8d8d7; }
          html body .content .tabs .ttls > div {
            background: #e36200;
            color: white;
            cursor: pointer; }
            html body .content .tabs .ttls > div.current {
              background: #0e214b; }
        html body .content .tabs .contents {
          padding: 50px;
          padding-top: 26px;
          padding-bottom: 26px; }
      html body .content > .tabs + .tabs {
        margin-top: 0px; }
      html body .content img.full {
        position: relative;
        width: 960px;
        left: -50px;
        border-top: 10px solid #d8d8d7;
        margin-top: 0px;
        margin-bottom: 0px;
        float: left; }
      html body .content a img.full {
        border-color: #d8d8d7; }
      html body .content a.full_outer {
        margin: 0;
        padding: 0;
        display: block;
        position: relative;
        width: 960px;
        left: -50px;
        border-top: 10px solid #d8d8d7;
        float: left;
        clear: both; }
        html body .content a.full_outer img {
          border: 0;
          left: 0;
          right: 0; }
      html body .content > .tabs {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: 960px;
        left: -50px;
        border: none;
        margin-top: 50px;
        border-top: 20px solid #d8d8d7; }
        html body .content > .tabs .contents {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: white;
          border-right: 0px solid #212121;
          border-left: 0px solid #212121;
          border-bottom: 0px solid #212121; }
        html body .content > .tabs .ttls {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          height: 72px;
          cursor: pointer;
          background: white;
          cursor: pointer;
          border-bottom: 0px solid #212121;
          border-collapse: collapse; }
          html body .content > .tabs .ttls > div {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            height: 70px;
            line-height: 70px;
            color: white;
            font-size: 24px;
            float: left;
            font-weight: normal;
            z-index: 10;
            position: relative;
            background: white;
            border-right: 2px solid #ddd;
            border-left: 2px solid #ddd;
            text-align: left;
            padding-left: 50px; }
            html body .content > .tabs .ttls > div:first-child {
              border-left: none; }
            html body .content > .tabs .ttls > div:last-child {
              border-right: none; }
            html body .content > .tabs .ttls > div.current {
              height: 76px;
              z-index: 20;
              color: #0e214b;
              background: white;
              border: 0;
              font-weight: 400;
              font-size: 26px;
              border-top: 0px solid #212121;
              border-right: 0px solid #212121;
              border-left: 0px solid #212121;
              position: relative;
              bottom: 4px; }
              html body .content > .tabs .ttls > div.current:not(:last-child):first-child {
                -webkit-box-shadow: 5px -3px 5px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 5px -3px 5px 0 rgba(0, 0, 0, 0.1); }
              html body .content > .tabs .ttls > div.current:not(:last-child):not(:first-child) {
                -webkit-box-shadow: -5px -3px 5px 0 rgba(0, 0, 0, 0.1), 5px -3px 5px 0 rgba(0, 0, 0, 0.1);
                box-shadow: -5px -3px 5px 0 rgba(0, 0, 0, 0.1), 5px -3px 5px 0 rgba(0, 0, 0, 0.1); }
              html body .content > .tabs .ttls > div.current:not(:first-child):last-child {
                -webkit-box-shadow: -5px -3px 5px 0 rgba(0, 0, 0, 0.1);
                box-shadow: -5px -3px 5px 0 rgba(0, 0, 0, 0.1); }
            html body .content > .tabs .ttls > div.currentsright {
              border-left: 0px; }
            html body .content > .tabs .ttls > div.currentsleft {
              border-right: 0px; }
            html body .content > .tabs .ttls > div:not(.current) {
              color: #aaa;
              -webkit-box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.1);
              box-shadow: inset 0 -5px 5px 0 rgba(0, 0, 0, 0.1); }
              html body .content > .tabs .ttls > div:not(.current) + div:not(.current) {
                border-left: 0px; }
              html body .content > .tabs .ttls > div:not(.current):hover {
                color: #e36200; }
      html body .content > .tabs.services .split {
        text-align: left; }
      html body .content > .tabs.services .split.l {
        padding-right: 20px; }
      html body .content > .tabs.services .split.r {
        padding-left: 20px; }
      html body .content > .tabs.about .contents {
        border-right: 0;
        border-left: 0;
        border-bottom: 0; }
      html body .content > .tabs.about .ttls > div.current:first-child {
        border-left: none; }
      html body .content > .tabs.about .ttls > div.current:last-child {
        border-right: none; }
      html body .content > .slider {
        position: absolute;
        width: 960px !important;
        left: -50px !important;
        border: none;
        border-top: 2px solid #d8d8d7;
        border-bottom: 2px solid #d8d8d7;
        cursor: pointer; }
        html body .content > .slider.first {
          border: none;
          top: -26px !important; }
      html body .content > .background {
        position: relative;
        width: 960px;
        left: -50px;
        padding-top: 0px; }
        html body .content > .background .cp_social {
          text-align: center; }
        html body .content > .background.about .cp_social {
          position: absolute;
          bottom: 20px;
          left: 0;
          right: 0; }
        html body .content > .background.woman {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          width: 1025px;
          position: relative;
          left: -115px;
          margin-bottom: 0px; }
        html body .content > .background.dude {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          width: 1018px;
          position: relative;
          right: -108px;
          margin-bottom: 0px; }
          html body .content > .background.dude p {
            text-align: left; }
        html body .content > .background > p:last-child {
          margin-bottom: 0px; }
      html body .content .cp_social a {
        display: inline-block;
        margin-right: 20px;
        height: 55px;
        width: 55px; }
        html body .content .cp_social a.fb {
          background: transparent url("images/fb_icon_55.png") no-repeat top left;
          cursor: pointer; }
        html body .content .cp_social a.tw {
          background: transparent url("images/tw_icon_55.png") no-repeat top left;
          cursor: pointer; }
        html body .content .cp_social a.in {
          background: transparent url("images/in_icon_55.png") no-repeat top left;
          cursor: pointer; }
      html body .content .flashcard .card {
        cursor: pointer; }
      html body .content .flashcard.whatwedo .card .front {
        background: #2a88ac; }
      html body .content .flashcard.whatwedo .card .back .copy {
        cursor: pointer;
        background: #257898 url("images/click_to_go_back.png") no-repeat 380px 345px;
        color: white;
        padding: 50px; }
        html body .content .flashcard.whatwedo .card .back .copy h4 {
          color: white;
          font-size: 24px;
          line-height: 30px;
          font-weight: normal;
          margin-bottom: 26px; }
      html body .content div.splits.works .split {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 30px; }
        html body .content div.splits.works .split:last-child {
          padding-right: 0px; }
        html body .content div.splits.works .split:first-child {
          padding-left: 0px; }
      html body .content .email_form {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #0e214b url("images/blue_noise.png");
        color: #dfdfdf;
        padding: 50px;
        width: 960px;
        position: relative;
        left: -50px;
        padding-left: 230px;
        padding-right: 230px; }
        html body .content .email_form input[type=checkbox] {
          height: 40px;
          width: 40px;
          display: inline-block;
          vertical-align: top;
          margin-right: 20px;
          margin-left: -1px; }
        html body .content .email_form input[type=checkbox]:before {
          content: "";
          display: inline-block;
          width: 40px;
          height: 40px;
          cursor: pointer;
          background: #0e214b url("images/checkbox_off.png") no-repeat top left;
          background-size: 40px 40px;
          margin-right: 10px; }
        html body .content .email_form input[type=checkbox]:not(:checked):hover:before, html body .content .email_form input[type=checkbox]:not(:checked):focus:before {
          background-image: url("images//checkbox_hover_off.png"); }
        html body .content .email_form input[type=checkbox]:checked:before {
          background-image: url("images//checkbox_on.png"); }
        html body .content .email_form input[type=checkbox]:checked:hover:before, html body .content .email_form input[type=checkbox]:checked:focus:before {
          background-image: url("images//checkbox_hover_on.png"); }
        html body .content .email_form input[type=checkbox] + label {
          line-height: 52px;
          cursor: pointer; }
        html body .content .email_form h2 {
          color: white; }
        html body .content .email_form input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), html body .content .email_form textarea {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          color: #0e214b;
          font: 400 17px/50px "Lato", "Arial", "sans-serif";
          padding-left: 20px;
          padding-right: 20px;
          height: 50px; }
          html body .content .email_form input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, html body .content .email_form textarea::-webkit-input-placeholder {
            color: #63b8d9; }
          html body .content .email_form input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):-moz-placeholder, html body .content .email_form textarea:-moz-placeholder {
            color: #63b8d9; }
          html body .content .email_form input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])::-moz-placeholder, html body .content .email_form textarea::-moz-placeholder {
            color: #63b8d9; }
          html body .content .email_form input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):-ms-input-placeholder, html body .content .email_form textarea:-ms-input-placeholder {
            color: #63b8d9; }
        html body .content .email_form .button {
          cursor: pointer;
          background: #e36200;
          font-weight: normal; }
          html body .content .email_form .button.submit {
            right: 50px;
            bottom: 50px; }
        html body .content .email_form .checkboxarea {
          position: relative;
          height: 70px; }
          html body .content .email_form .checkboxarea input {
            position: absolute;
            top: 0px;
            left: 0px;
            float: left; }
          html body .content .email_form .checkboxarea label {
            position: absolute;
            top: 0px;
            left: 50px;
            line-height: 25px !important; }
  @media screen {
    html a[href^=tel] {
      font-weight: inherit;
      text-decoration: none; } }