/* Resets HTML5 default display wonkiness */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#eeeeee;
    color:#000000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;

}
.text-button {
  color: #3564D9;
  font-family: "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  padding: 0;
  margin: 0;
  text-align: center;
  text-decoration: underline;
  width: auto; }
  .text-button:hover, .text-button:focus, .text-button:active {
    color: #6085e1; }

a.button, button, input[type='submit'], input[type='button'] {
  transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  -ms-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease 0s;
  background: transparent;
  border: 4px solid #3564D9;
  border-radius: 0;
  color: #3564D9;
  cursor: pointer;
  display: inline-block;
  font-family: 'halyard-display', serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  height: auto;
  letter-spacing: 0px;
  margin: 0px;
  outline: 0px;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  width: auto; }
  a.button:after, button:after, input[type='submit']:after,
  input[type='button']:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3984 8.05859L9.77344 13.6836C9.5625 13.8945 9.28125 14 9 14C8.68359 14 8.40234 13.8945 8.19141 13.6836C7.73438 13.2617 7.73438 12.5234 8.19141 12.1016L11.8828 8.375H1.125C0.492188 8.375 0 7.88281 0 7.25C0 6.65234 0.492188 6.125 1.125 6.125H11.8828L8.19141 2.43359C7.73438 2.01172 7.73438 1.27344 8.19141 0.851562C8.61328 0.394531 9.35156 0.394531 9.77344 0.851562L15.3984 6.47656C15.8555 6.89844 15.8555 7.63672 15.3984 8.05859Z' fill='%233564D9'/%3E%3C/svg%3E") !important; }
    a.button:hover, a.button:focus, button:hover, button:focus,
    input[type='submit']:hover, input[type='submit']:focus, input[type='button']:hover,
    input[type='button']:focus {
      color: #2757ce;
      background: rgba(53, 100, 217, 0.15);
      border-color: #2757ce; }
      a.button.block, button.block, input[type='submit'].block,
      input[type='button'].block {
        display: block; }
        a.button.big, button.big, input[type='submit'].big, input[type='button'].big {
          font-size: 28px;
          padding: 15px 25px; }
          a.button.small, button.small, input[type='submit'].small,
          input[type='button'].small {
            padding: 5px 12px;
            font-size: inherit;
            font-weight: 500; }
            a.button.tiny, button.tiny, input[type='submit'].tiny, input[type='button'].tiny {
              padding: 2px 10px;
              font-size: inherit; }
              a.button.orange, button.orange, input[type='submit'].orange,
              input[type='button'].orange {
                background: #FF6E13;
                border: 0;
                color: white; }
                a.button.orange:hover, a.button.orange:focus, button.orange:hover,
                button.orange:focus, input[type='submit'].orange:hover,
                input[type='submit'].orange:focus, input[type='button'].orange:hover,
                input[type='button'].orange:focus {
                  background: #ff7e2d;
                  color: white; }
  a.button.button-gradient, button.button-gradient,
  input[type='submit'].button-gradient, input[type='button'].button-gradient {
    background: -webkit-linear-gradient(45deg, rgba(255, 177, 81, 0.7) 0%, rgba(255, 110,
        19, 0.7) 100%);
    box-shadow: none;
    color: #657283;
    font-weight: 500;
    padding: 15px 25px;
    transition: all 0.2s ease 0s; }
    a.button.button-gradient:hover, a.button.button-gradient:focus,
    a.button.button-gradient:active, .caseStudy:hover a.button.button-gradient,
    button.button-gradient:hover, button.button-gradient:focus,
    button.button-gradient:active, .caseStudy:hover button.button-gradient,
    input[type='submit'].button-gradient:hover,
    input[type='submit'].button-gradient:focus,
    input[type='submit'].button-gradient:active,
    .caseStudy:hover input[type='submit'].button-gradient,
    input[type='button'].button-gradient:hover,
    input[type='button'].button-gradient:focus,
    input[type='button'].button-gradient:active,
    .caseStudy:hover input[type='button'].button-gradient {
      background: -webkit-linear-gradient(45deg, rgba(255, 177, 81, 0.8) 0%, rgba(255, 110,
            19, 0.8) 100%);
      box-shadow: none;
      color: #171b1f; }

input[type='submit'] {
  float: right; }

  * {
    backface-visibility: hidden; }

    html, body {
      background: white;
      font-family: "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.4;
      color: #343a42;
      padding-top: 0;
      -webkit-text-size-adjust: 100%; }

      .wrapper {
        display: block;
        height: auto;
        min-width: 1120px;
        position: relative;
        width: 100%;
        z-index: 1; }
        .wrapper:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
          * html .wrapper {
            height: 1px; }
            .wrapper .inner {
              display: block;
              margin: 0 auto;
              padding: 0px;
              text-align: left;
              width: 1120px;
              width: 1120px; }
              .wrapper .inner:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden; }
                * html .wrapper .inner {
                  height: 1px; }

div.flex {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 1.5rem; }
  div.flex > ul {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    margin-bottom: 0; }
    div.flex > div {
      flex: 1; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'halyard-display', serif;
  font-weight: 500;
  line-height: 1.25;
  color: #064178; }
  h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange {
    color: #FF6E13; }
    h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {
      color: #343a42; }
      h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
        color: white; }
        h1.almostwhite, h2.almostwhite, h3.almostwhite, h4.almostwhite, h5.almostwhite,
        h6.almostwhite {
          color: #f2f3f5; }

h1 {
  font-size: 44px;
  font-weight: 500;
  letter-spacing: -0.35px;
  margin: 0 0 12px 0;
  text-align: center; }
  @media (max-width: 680px) {
    h1 {
      font-size: 32px;   }
}

h2 {
  font-size: 34px;
  font-weight: 400;
  letter-spacing: -1px;
  margin: 5px 0 15px 0; }
  @media (max-width: 680px) {
    h2 {
      font-size: 28px;   }
}

section.content h2 {
  font-family: 'halyard-display', serif;
  font-style: normal;
  letter-spacing: 0;
  font-size: 40px;
  font-weight: 500;
  padding-bottom: 5px;
  margin: 0 0 0.75rem 0; }
  @media (max-width: 600px) {
    section.content h2 {
      font-size: 30px;   }
}
    section.content h2 + p {
      margin-top: -20px; }

h3 {
  font-size: 26px;
  font-weight: normal;
  margin: 0 0 10px 0; }
  @media (max-width: 680px) {
    h3 {
      font-size: 24px;   }
}

h2 > a.block, h3 > a.block {
  transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  -ms-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease 0s;
  border: 2px solid #171b1f;
  color: #171b1f;
  display: block;
  overflow: hidden;
  padding: 8px 12px;
  position: relative;
  text-decoration: none; }
  h2 > a.block i, h3 > a.block i {
    transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    color: black;
    position: absolute;
    top: 12px;
    right: 15px; }
    h2 > a.block:hover, h3 > a.block:hover {
      background: #171b1f;
      color: white; }
      h2 > a.block:hover i, h3 > a.block:hover i {
        color: white;
        right: 25px; }
  h2 > a.block.white, h3 > a.block.white {
    border-color: white;
    color: white; }
    h2 > a.block.white i, h3 > a.block.white i {
      color: #171b1f; }
      h2 > a.block.white:hover, h3 > a.block.white:hover {
        background: white;
        color: #171b1f; }
        h2 > a.block.white:hover i, h3 > a.block.white:hover i {
          color: #171b1f; }

h4 {
  font-size: 20px;
  margin: 0 0 5px 0; }

  p {
    font-weight: 400;
    margin: 0 0 15px 0; }
    p.intro {
      color: #58585a;
      font-size: 20px;
      font-weight: 400;
      margin-bottom: 25px; }

img {
  max-width: 100%; }

  .serif {
    font-family: serif;
    font-weight: normal; }

    .link-hover a:hover {
      opacity: 0.5; }

a {
  color: #3564D9;
  text-decoration: none; }
  a:hover, a:active, a:focus {
    color: #577edf;
    text-decoration: underline; }

a.arrow:after, a.button:after {
  content: "";
  display: inline-block;
  height: 14px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5742 7.63671L9.73828 13.8242C9.63281 13.9648 9.45703 14 9.31641 14C9.17578 14 9.03516 13.9648 8.92969 13.8594C8.68359 13.6484 8.68359 13.2969 8.89453 13.0859L13.8164 7.81249H0.5625C0.246094 7.81249 0 7.5664 0 7.28515C0 7.0039 0.246094 6.68749 0.5625 6.68749H13.8164L8.89453 1.44921C8.68359 1.23828 8.68359 0.886713 8.92969 0.675776C9.17578 0.464838 9.52734 0.464838 9.73828 0.710932L15.5742 6.89843C15.7852 7.10937 15.7852 7.42578 15.5742 7.63671Z' fill='%233564D9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right center;
  position: relative;
  left: 5px;
  transition: all 0.2s ease;
  width: 16px;
  visibility: visible; }
  a.arrow:hover:after, a.arrow:active:after, a.arrow:focus:after,
  a.button:hover:after, a.button:active:after, a.button:focus:after {
    left: 9px; }

a.icon-email, a.icon-phone {
  position: relative; }
  a.icon-email:before, a.icon-phone:before {
    content: "";
    display: inline-block;
    height: 18px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right center;
    position: absolute;
    left: -32px;
    top: 4px;
    transition: all 0.2s ease;
    width: 18px;
    visibility: hidden;
    opacity: 0; }
    a.icon-email:hover:before, a.icon-email:active:before, a.icon-email:focus:before,
    a.icon-phone:hover:before, a.icon-phone:active:before, a.icon-phone:focus:before {
      left: -28px;
      visibility: visible;
      opacity: 1; }

a.icon-email:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 0.5H2.25C0.984375 0.5 0 1.51953 0 2.75V11.75C0 13.0156 0.984375 14 2.25 14H15.75C16.9805 14 18 13.0156 18 11.75V2.75C18 1.51953 16.9805 0.5 15.75 0.5ZM17.4375 11.75C17.4375 12.6992 16.6641 13.4375 15.75 13.4375H2.25C1.30078 13.4375 0.5625 12.6992 0.5625 11.75V4.4375L7.80469 10.2383C8.15625 10.4844 8.54297 10.625 9 10.625C9.42188 10.625 9.84375 10.4844 10.1602 10.2383L17.4375 4.4375V11.75ZM17.4375 3.69922L9.80859 9.78125C9.35156 10.168 8.61328 10.168 8.15625 9.78125L0.5625 3.69922V2.75C0.5625 1.83594 1.30078 1.0625 2.25 1.0625H15.75C16.6641 1.0625 17.4375 1.83594 17.4375 2.75V3.69922Z' fill='%23C2D2FF'/%3E%3C/svg%3E%0A"); }

a.icon-phone:before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.332 12.6249L13.5 10.9726C13.043 10.7968 12.5156 10.9023 12.2344 11.289L10.6875 13.1874C8.22656 11.9921 6.25781 10.0234 5.0625 7.56242L6.96094 6.01555C7.34766 5.7343 7.45312 5.20695 7.27734 4.74992L5.625 0.917892C5.41406 0.460861 4.88672 0.179611 4.35938 0.28508L0.84375 1.12883C0.316406 1.2343 0 1.65617 0 2.18352C0 11.0429 7.20703 18.2499 16.0664 18.2499C16.5938 18.2499 17.0156 17.9335 17.1211 17.4062L17.9648 13.8554C18.0703 13.3632 17.7891 12.8359 17.332 12.6249ZM17.4023 13.7499L16.5938 17.3007C16.5234 17.5468 16.3125 17.6874 16.0664 17.6874C7.52344 17.6874 0.5625 10.7265 0.5625 2.18352C0.5625 1.93742 0.703125 1.72649 0.949219 1.65617L4.5 0.84758C4.74609 0.777267 5.02734 0.917892 5.13281 1.16399L6.75 4.96086C6.85547 5.20695 6.78516 5.45305 6.60938 5.59367L4.35938 7.4218C6.57422 12.1327 10.3008 13.6445 10.8281 13.8905L12.6562 11.6405C12.7969 11.4648 13.0781 11.3945 13.2891 11.4999L17.0859 13.1171C17.332 13.2226 17.4727 13.5038 17.4023 13.7499Z' fill='%23C2D2FF'/%3E%3C/svg%3E%0A"); }

aside a[href^='tel:'] {
  text-decoration: underline; }

  .orange {
    color: #FF6E13; }

    figure {
      margin-bottom: 25px; }
      figure > img {
        height: auto;
        max-width: 100%; }
        figure figcaption {
          color: #878D94;
          display: block;
          font-size: 16px;
          font-style: italic;
          font-weight: 400;
          text-align: left; }
          figure.center {
            display: block;
            clear: both; }
            figure.center:after {
              content: ".";
              display: block;
              height: 0;
              clear: both;
              visibility: hidden; }
              * html figure.center {
                height: 1px; }
                figure.center img {
                  margin: 0 auto; }
                  figure.center figcaption {
                    text-align: center; }
      figure.left {
        float: left;
        margin-right: 25px; }
        figure.right {
          float: right;
          margin-left: 25px; }
          figure.right figcaption {
            text-align: right; }

hr {
  display: block;
  background: transparent;
  border: 0px;
  border-top: 1px solid #FF6E13;
  height: 0;
  font-size: 0;
  line-height: 0;
  margin: 25px auto;
  max-width: 40px; }
  hr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    * html hr {
      height: 1px; }
      hr.down {
        border: 0;
        max-width: 25px;
        position: relative; }
        hr.down:before, hr.down:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 2px;
          background: #878D94; }
          hr.down:before {
            left: -20%;
            transform-origin: left center;
            transform: rotate(45deg); }
            hr.down:after {
              right: -20%;
              transform-origin: right center;
              transform: rotate(-45deg);
              visibility: visible; }
  hr.left {
    margin-right: calc(100% - 40px);
    margin-left: 0;
    width: 40px; }

video {
  box-sizing: border-box;
  border: 0px;
  height: auto;
  margin: 10px 0 25px 0;
  width: 100%; }

  .videoWrap {
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px; }
    .videoWrap iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

ul {
  list-style-type: square;
  padding: 0 0 0 30px; }
  ul.features {
    flex-direction: row;
    -webkit-flex-direction: row;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    display: -webkit-flex;
    padding: 0;
    list-style: none;
    text-align: center; }
    @media (max-width: 680px) {
      ul.features {
        display: block;   }
}
      ul.features li {
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: left;
        font-size: 18px;
        font-weight: 600;
        padding: 0 25px;
        position: relative; }
        ul.features li:before {
          content: "";
          background: url('https://static.fusionbox.com/static/image/icon-check.png?3bcd0f7bdeae') no-repeat center;
          background-size: contain;
          width: 15px;
          height: 11px;
          margin-right: 5px;
          position: absolute;
          top: 7px;
          left: 0; }
  ul.panels {
    flex-direction: row;
    -webkit-flex-direction: row;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0;
    list-style: none;
    position: relative;
    left: -10px;
    width: calc(100% + 20px); }
    ul.panels li {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1 1 20%;
      padding: 10px;
      text-align: center;
      position: relative;
      max-width: 20%;
      min-width: 20%; }
      @media (max-width: 1200px) {
        ul.panels li {
          flex-basis: 33%;
          max-width: 33%;
          min-width: 33%;   }
}
        @media (max-width: 680px) {
          ul.panels li {
            flex-basis: 50%;
            max-width: 50%;
            min-width: 50%;   }
}
          ul.panels li a, ul.panels li > span {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            font-size: 18px;
            padding: 20px;
            display: block;
            height: 100%; }
            ul.panels li a:hover {
              border-color: #657283;
              color: #343a42; }
              ul.panels li span {
                display: block;
                clear: both;
                text-align: center; }
                ul.panels li img {
                  color: black;
                  opacity: 0.7;
                  display: block;
                  margin: 0 auto 10px auto;
                  max-height: 34px;
                  width: auto;
                  text-decoration: none; }

ol {
  list-style: decimal;
  padding: 0 0 0 30px; }

  ul, ol {
    margin-bottom: 15px; }
    ul li, ol li {
      font-weight: 400;
      margin: 0;
      padding: 0 0 5px 0; }
      ul li p, ol li p {
        margin: 0; }
        ul li ul, ul li ol, ol li ul, ol li ol {
          margin: 10px 0;
          padding-left: 30px; }

strong, .strong {
  font-weight: 600; }
  strong li, .strong li {
    font-weight: 600; }

em, .em {
  font-style: italic; }

  sup {
    font-size: 60% !important;
    position: relative;
    bottom: 0.4rem; }

    blockquote {
      margin: 20px 0px;
      padding: 15px 25px;
      font-style: italic; }
      blockquote > :last-child {
        margin-bottom: 0; }

.dark blockquote {
  color: white; }
  .dark blockquote h1, .dark blockquote h2, .dark blockquote h3, .dark blockquote h4,
  .dark blockquote p {
    color: white; }

code {
  background: rgba(0, 0, 0, 0.1);
  font-family: monospace; }

  pre {
    background: rgba(0, 0, 0, 0.1);
    max-width: 100%;
    height: auto;
    overflow: auto;
    padding: 15px;
    font-family: monospace;
    font-size: 0.8em;
    line-height: 1.5em;
    margin-bottom: 15px; }
    pre code {
      background: transparent; }

.codesample {
  clear: both;
  margin: 10px 0 15px 0;
  max-width: 100%;
  overflow: auto; }
  .codesample table {
    margin: 0; }
    .codesample table pre, .codesample table code {
      margin: 0; }

tt, kbd, samp, code {
  font-family: monospace; }

  cite {
    font-style: italic;
    padding: 10px; }

    small {
      font-size: 70%; }

      big {
        font-size: 150%; }

        address {
          display: inline;
          font-style: italic; }

          q {
            font-style: italic; }

            var {
              font-weight: 600; }

              del {
                text-decoration: line-through; }

                .error, .errors li {
                  color: #dc4545; }

                  label.required {
                    font-weight: 600; }

                    label.required:after {
                      content: '*';
                      color: #dc4545; }

                      .right {
                        float: right; }

                        .left {
                          float: left; }

                          img.right {
                            margin: 0 0 25px 25px; }

                            img.left {
                              margin: 0 25px 25px 0; }

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

                                .align-left {
                                  text-align: left !important; }

                                  .text-small {
                                    font-size: 90%; }

                                    .margin-top {
                                      margin-top: 40px; }

                                      input[type='text'], input[type='password'], input[type='email'],
                                      input[type='search'], input[type='number'], input[type='tel'], input[type='file'],
                                      textarea, select {
                                        box-sizing: border-box;
                                        -moz-box-sizing: border-box;
                                        -webkit-box-sizing: border-box;
                                        transition: all 0.25s ease 0s;
                                        -o-transition: all 0.25s ease 0s;
                                        -ms-transition: all 0.25s ease 0s;
                                        -moz-transition: all 0.25s ease 0s;
                                        -webkit-transition: all 0.25s ease 0s;
                                        border: 2px solid #343a42;
                                        color: #343a42;
                                        font-family: "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
                                        font-size: 18px;
                                        line-height: 24px;
                                        margin: 0px;
                                        outline: none;
                                        padding: 8px;
                                        width: 100%; }
                                        input[type='text']:hover, input[type='text']:focus, input[type='password']:hover,
                                        input[type='password']:focus, input[type='email']:hover, input[type='email']:focus,
                                        input[type='search']:hover, input[type='search']:focus, input[type='number']:hover,
                                        input[type='number']:focus, input[type='tel']:hover, input[type='tel']:focus,
                                        input[type='file']:hover, input[type='file']:focus, textarea:hover, textarea:focus,
                                        select:hover, select:focus {
                                          box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
                                          -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
                                          -ms-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
                                          -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
                                          -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3); }

input[type='checkbox'], input[type='radio'] {
  margin: 0;
  padding: 0; }

  label {
    display: inline-block;
    margin: 0 0 5px 0; }

    textarea {
      height: 100px; }

      .formField {
        display: inline;
        float: left;
        height: auto;
        width: 100%;
        margin: 0 0 20px 0; }

        .help_text {
          font-size: 16px;
          opacity: 0.65; }

          section.breadcrumb {
            display: block; }
            section.breadcrumb .inner {
              color: #878D94;
              display: block;
              margin: 0 auto;
              font-size: 16px;
              font-weight: 600;
              padding: 10px 0;
              width: 1120px; }
              section.breadcrumb .inner a {
                color: #878D94;
                font-weight: 600;
                text-decoration: none; }
                section.breadcrumb .inner a:hover {
                  color: white; }
                  section.breadcrumb .inner a:after {
                    content: ">";
                    color: white;
                    display: inline-block;
                    width: 5px;
                    height: 8px;
                    opacity: 0.25; }

section.breadcrumb.banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  section.breadcrumb.banner div.inner {
    background: rgba(23, 27, 31, 0.8);
    padding: 50px 0;
    text-align: center;
    width: 100%; }
    section.breadcrumb.banner div.inner h1, section.breadcrumb.banner div.inner h2,
    section.breadcrumb.banner div.inner h3, section.breadcrumb.banner div.inner h4,
    section.breadcrumb.banner div.inner h5, section.breadcrumb.banner div.inner h6,
    section.breadcrumb.banner div.inner p {
      color: white;
      text-align: center; }
      section.breadcrumb.banner div.inner p.crumbs {
        color: #878D94;
        font-weight: 600; }
        @media (max-width: 680px) {
          section.breadcrumb.banner div.inner {
            padding-top: 70px;   }
}
  section.breadcrumb.banner + section.content div.inner {
    padding-bottom: 30px;
    padding-top: 40px; }
    section.breadcrumb.banner + section.content div.inner.cta {
      padding: 40px 0;
      max-width: 100%;
      width: 100%;
      text-align: center;
      background: #f2f3f5; }
      section.breadcrumb.banner + section.content div.inner.cta h2 {
        margin: 0 0 10px 0; }
        @media (max-width: 1200px) {
          section.breadcrumb.banner + section.content div.inner.cta {
            width: 100% !important;   }
}

p.crumbs {
  color: #878D94;
  font-size: 16px;
  padding: 5px 0;
  top: 0; }
  p.crumbs a {
    color: #657283;
    text-decoration: none; }
    p.crumbs a:hover {
      color: #878D94; }
      p.crumbs a:after {
        content: ">";
        color: #878D94;
        display: inline-block;
        width: 5px;
        height: 8px;
        margin: 0 5px 0 10px; }
  p.crumbs span.crumbsInner {
    display: block;
    margin: 0 auto;
    width: 1120px; }
    @media (max-width: 1200px) {
      p.crumbs span.crumbsInner {
        width: 80%;   }
}
  @media (max-width: 680px) {
    p.crumbs {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
      background: black !important;
      color: #878D94;
      position: fixed;
      left: 0 !important;
      top: 50px !important;
      z-index: 900 !important;
      width: 100% !important;   }
}

header.wrapper {
  transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  background: white;
  left: 0px;
  padding: 0;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 5000; }
  header.wrapper .inner {
    transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    display: block;
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: 90%; }
    header.wrapper .inner .logo {
      background: url('https://static.fusionbox.com/static/image/logo/fb-logo-4d.svg?4cdfa82468b2') no-repeat center;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
      float: none;
      height: 32px;
      width: 200px;
      display: inline-block;
      margin: 40px 0 0 0;
      float: left; }
      header.wrapper .inner a.tel-mobile {
        display: none;
        line-height: 1;
        padding: 5px 8px 5px 6px;
        font-family: 'halyard-display', serif;
        font-weight: 500;
        position: absolute;
        top: 13px;
        right: 14px;
        text-decoration: none; }
        header.wrapper .inner a.tel-mobile img {
          width: 16px;
          height: 16px;
          vertical-align: -4px;
          margin-right: 3px; }
          @media (max-width: 800px) {
            header.wrapper .inner a.tel-mobile {
              display: inline-flex;
              align-items: flex-end;
              top: 10px;   }
}
    header.wrapper .inner div.supernav {
      display: inline;
      float: right;
      margin: 20px 0 0 0;
      text-align: right; }
      header.wrapper .inner div.supernav a {
        transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -ms-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        color: #657283;
        font-family: 'halyard-display', serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 15px;
        margin: 0 0 0 10px;
        text-decoration: none;
        text-transform: lowercase;
        border-color: transparent;
        border-style: solid;
        border-width: 3px 0 0 0;
        padding: 5px 0 0 0; }
        header.wrapper .inner div.supernav a:hover,
        header.wrapper .inner div.supernav a:focus,
        header.wrapper .inner div.supernav a.here {
          border-color: #FF6E13;
          text-decoration: none; }
          @media (max-width: 800px) {
            header.wrapper .inner div.supernav a {
              border-top-width: 0;
              border-left-width: 3px;
              margin-left: 0;
              padding: 11px 11px 11px 20px;
              opacity: 1;
              font-size: 14px;
              line-height: 14px;   }
              header.wrapper .inner div.supernav a.tel-desktop {
                display: none;   }
}
    header.wrapper .inner nav {
      clear: right;
      display: inline;
      float: right;
      margin: 5px 0 0 0;
      text-align: right; }
      header.wrapper .inner nav a {
        transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -ms-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        font-family: 'halyard-display', serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-decoration: none;
        text-transform: lowercase;
        border-style: solid;
        border-width: 0 0 3px 0;
        border-color: transparent; }
        header.wrapper .inner nav ul {
          list-style: none;
          margin: 0;
          padding: 0; }
          header.wrapper .inner nav ul li {
            margin: 0 0 0 20px;
            padding: 0;
            display: inline-block;
            position: relative; }
            @media (max-width: 800px) {
              header.wrapper .inner nav ul li {
                margin-left: 0;   }
}
              header.wrapper .inner nav ul li a {
                display: inline-block;
                padding: 0px 0px 10px 0;
                color: #485362; }
                @media (max-width: 800px) {
                  header.wrapper .inner nav ul li a {
                    border-bottom-width: 0;
                    border-left-width: 3px;
                    padding-left: 20px;   }
}
                  header.wrapper .inner nav ul li a:hover, header.wrapper .inner nav ul li a:focus,
                  header.wrapper .inner nav ul li a.here {
                    border-color: #FF6E13;
                    color: #FF6E13; }
                    header.wrapper .inner nav ul li a.here {
                      color: #485362; }
            header.wrapper .inner nav ul li ul {
              box-shadow: rgba(0, 0, 0, 0.1) 0px 24px 24px;
              transition: transform 0.2s ease 0s;
              transform-origin: 0 0;
              transform: scale(0.9);
              display: block;
              background: white;
              width: 392px;
              position: absolute;
              left: -20px;
              top: 38px;
              max-height: 0;
              overflow: hidden; }
              header.wrapper .inner nav ul li ul li {
                display: block;
                margin: 0; }
                header.wrapper .inner nav ul li ul li a {
                  color: #485362;
                  display: block;
                  font-size: 18px;
                  line-height: 25px;
                  margin: 0 !important;
                  padding: 5px 20px;
                  text-align: left;
                  opacity: 0.8;
                  border-bottom-width: 0;
                  border-left-width: 3px; }
                  header.wrapper .inner nav ul li ul li a:hover,
                  header.wrapper .inner nav ul li ul li a:focus,
                  header.wrapper .inner nav ul li ul li a:active {
                    border-color: #FF6E13;
                    opacity: 1; }
                header.wrapper .inner nav ul li ul li:first-child {
                  padding-top: 6px; }
                  header.wrapper .inner nav ul li ul li:last-child {
                    padding-bottom: 6px; }
            header.wrapper .inner nav ul li:hover > a,
            header.wrapper .inner nav ul li:focus > a,
            header.wrapper .inner nav ul li.focus > a {
              opacity: 1; }
              header.wrapper .inner nav ul li:hover > ul,
              header.wrapper .inner nav ul li:focus > ul,
              header.wrapper .inner nav ul li.focus > ul {
                transform: scale(1);
                max-height: 500px !important;
                border-bottom-width: 1px; }
    header.wrapper .inner a.mobileMenu {
      display: none;
      left: 20px;
      position: absolute;
      top: 16px;
      z-index: 100; }
      header.wrapper .inner a.mobileMenu img {
        width: 20px;
        height: 20px; }
  @media (max-width: 800px) {
    header.wrapper {
      box-shadow: 0 0 0 transparent;
      -o-box-shadow: 0 0 0 transparent;
      -ms-box-shadow: 0 0 0 transparent;
      -moz-box-shadow: 0 0 0 transparent;
      -webkit-box-shadow: 0 0 0 transparent;   }
}

body.short header.wrapper {
  box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent; }
  @media (min-width: 801px) {
    body.short header.wrapper .inner .logo {
      margin: 10px 0 0 0;
      height: 22px;
      width: 100px;   }
}
  body.short header.wrapper .inner nav, body.short header.wrapper .inner div.supernav {
    clear: none;
    margin: 0; }
    body.short header.wrapper .inner nav a,
    body.short header.wrapper .inner div.supernav a {
      font-size: 16px;
      line-height: 25px;
      font-weight: 400;
      padding: 10px 0; }
      @media (max-width: 1200px) {
        body.short header.wrapper .inner nav a,
        body.short header.wrapper .inner div.supernav a {
          font-size: 16px;   }
}
        @media (max-width: 800px) {
          body.short header.wrapper .inner nav a,
          body.short header.wrapper .inner div.supernav a {
            font-size: 20px;
            line-height: 24px;   }
}
  body.short header.wrapper .inner nav ul {
    top: 45px;
    border-top-width: 1px; }
    body.short header.wrapper .inner nav ul li {
      margin-left: 15px; }
      @media (max-width: 800px) {
        body.short header.wrapper .inner nav ul li {
          margin-left: 0;   }
}
        body.short header.wrapper .inner nav ul li a {
          margin: 0;
          padding: 10px 0; }
          body.short header.wrapper .inner nav ul li ul {
            background: white;
            left: -15px; }
            body.short header.wrapper .inner nav ul li ul li {
              margin: 0; }
              body.short header.wrapper .inner nav ul li ul li a {
                color: #343a42;
                padding: 5px 15px; }
                body.short header.wrapper .inner nav ul li ul li a:hover,
                body.short header.wrapper .inner nav ul li ul li a:focus,
                body.short header.wrapper .inner nav ul li ul li aactive {
                  color: black; }
  body.short header.wrapper .inner div.supernav {
    margin-left: 10px; }
    @media (max-width: 800px) {
      body.short header.wrapper .inner div.supernav {
        margin-left: 0;   }
}
      body.short header.wrapper .inner div.supernav a {
        display: inline-block;
        opacity: 0.75;
        margin-left: 15px;
        color: #657283;
        border-style: solid;
        border-width: 0 0 3px 0;
        padding: 10px 0; }
        @media (max-width: 800px) {
          body.short header.wrapper .inner div.supernav a {
            border-top-width: 0;
            border-left-width: 3px;
            margin-left: 0;
            padding: 11px 11px 11px 20px;
            opacity: 1;
            font-size: 14px;
            line-height: 14px;   }
}
          body.short header.wrapper .inner div.supernav a:hover,
          body.short header.wrapper .inner div.supernav a:focus,
          body.short header.wrapper .inner div.supernav a.here {
            border-color: #FF6E13; }
            body.short header.wrapper .inner div.supernav a.here {
              opacity: 1; }

.radial-gradient-border {
  border-bottom: 5px solid transparent;
  border-image-slice: 1;
  border-image: radial-gradient(#ff6e13, #EFF3FF 50%, #EFF3FF); }

  .simple-border {
    border-bottom: 5px solid #EFF3FF; }

    section.content.cta {
      background: #f2f3f5;
      text-align: left; }
      section.content.cta > .inner {
        padding: 50px 25px; }
    section.content > header {
      padding: 163px 0 70px 0;
      margin: 0 0 0 0; }
      @media (max-width: 800px) {
        section.content > header {
          padding-top: 68px;   }
}
        section.content > header > .inner {
          margin: 0 auto;
          position: relative;
          padding: 0;
          max-width: 1120px;
          width: 90%; }
          @media (max-width: 800px) {
            section.content > header > .inner {
              border: 0;
              padding: 0 !important;
              width: 80% !important;   }
}
            section.content > header > .inner.image-split {
              display: flex;
              align-items: stretch;
              justify-content: space-between; }
              @media (max-width: 800px) {
                section.content > header > .inner.image-split {
                  flex-direction: column;   }
}
                @media (max-width: 800px) {
                  section.content > header > .inner.image-split div.text {
                    order: 1;   }
}
              section.content > header > .inner.image-split div.image {
                min-width: 40%;
                overflow: visible;
                position: relative; }
                @media (max-width: 800px) {
                  section.content > header > .inner.image-split div.image {
                    order: 2;   }
}
                  section.content > header > .inner.image-split div.image:after {
                    content: "";
                    background: url('/static/image/homepage-hero-swoosh.png?3bcd0f7bdeae') no-repeat;
                    background-size: contain;
                    background-position: center;
                    width: 200%;
                    height: 150%;
                    position: absolute;
                    top: 40%;
                    right: -75%;
                    opacity: 0.5;
                    transform: translateY(-50%); }
                    @media (max-width: 800px) {
                      section.content > header > .inner.image-split div.image:after {
                        order: 2;
                        width: 150%;
                        height: 150%;
                        min-height: 400px;
                        right: -25%;   }
}
                section.content > header > .inner.image-split div.image img {
                  position: absolute;
                  bottom: 0;
                  left: 40px;
                  height: 100%;
                  max-width: none;
                  width: auto;
                  z-index: 10; }
                  @media (max-width: 800px) {
                    section.content > header > .inner.image-split div.image img {
                      display: none;   }
}
          section.content > header > .inner > *:last-child {
            margin-bottom: 0;
            padding-bottom: 0; }
            section.content > header > .inner > * {
              padding-right: 30%; }
              @media (max-width: 800px) {
                section.content > header > .inner > * {
                  padding-right: 0;   }
}
          section.content > header > .inner p {
            color: #657283;
            font-weight: 400;
            font-size: 120%; }
      section.content > header h1 {
        font-family: 'halyard-display', serif;
        font-style: normal;
        font-weight: 500;
        font-size: 3.5rem;
        letter-spacing: -1px;
        line-height: 1.1;
        padding-bottom: 2rem;
        text-align: left;
        margin: 0;
        z-index: 20;
        position: relative; }
        @media (max-width: 800px) {
          section.content > header h1 {
            font-size: 3rem;
            letter-spacing: -1px;   }
}
          @media (max-width: 680px) {
            section.content > header h1 {
              font-size: 2.8rem;
              letter-spacing: 0;   }
}
      section.content > header + .inner {
        padding-top: 0; }
    section.content > .inner {
      display: block;
      margin: 0 auto;
      min-width: 1120px;
      max-width: 1120px;
      width: 1120px;
      padding: 50px 25px; }
      section.content > .inner:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
        * html section.content > .inner {
          height: 1px; }
          section.content > .inner > :last-child {
            margin-bottom: 0; }
    section.content article {
      float: left;
      width: 70%; }
      section.content article.single {
        display: block;
        float: none;
        margin: 0 auto; }
        section.content article.single:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
          * html section.content article.single {
            height: 1px; }
            @media (max-width: 680px) {
              section.content article.single {
                width: 100%;
                margin-left: 0;   }
}
              section.content article.single.serviceIcon {
                position: relative; }
                section.content article.single.serviceIcon > img {
                  position: absolute;
                  top: 2px;
                  left: -75px;
                  width: 55px;
                  height: 55px; }
                  @media (max-width: 680px) {
                    section.content article.single.serviceIcon {
                      width: auto;
                      box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      -webkit-box-sizing: border-box;
                      padding-left: 70px;   }
                      section.content article.single.serviceIcon > img {
                        left: 0;   }
}
      section.content article img {
        display: block;
        height: auto;
        max-width: 100%; }
        section.content article img.work {
          margin: 25px auto 0 auto;
          max-width: 460px;
          width: 100%; }
      section.content article h2 {
        margin: 35px 0 10px 0; }
        section.content article h3 {
          margin: 25px 0 5px 0; }
          section.content article > :first-child {
            margin-top: 0; }
    section.content article + aside {
      float: right;
      width: 26%;
      position: sticky;
      top: 130px; }
      section.content aside figure {
        margin: 10px 0 10px 0; }
        section.content aside img {
          height: auto;
          max-width: 100%; }
          section.content aside a.text-button {
            color: #3564D9;
            font-family: "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
            font-weight: 400;
            font-size: inherit;
            line-height: inherit;
            letter-spacing: inherit;
            padding: 0;
            margin: 0;
            text-align: center;
            text-decoration: underline;
            width: auto;
            display: block; }
            section.content aside a.text-button:hover,
            section.content aside a.text-button:focus,
            section.content aside a.text-button:active {
              color: #6085e1; }
              section.content aside a.text-button span {
                display: block; }
                section.content aside a.text-button span:before {
                  display: block;
                  width: 100%; }
                  @media (max-width: 1200px) {
                    section.content aside a.text-button {
                      font-size: 16px;   }
}
                    section.content aside a.text-button.phone-link-anchor {
                      display: none; }
                      @media (max-width: 680px) {
                        section.content aside a.text-button.phone-link-anchor {
                          display: block;   }
}
      section.content aside .phone-link-static {
        color: #3564D9;
        font-family: "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        padding: 0;
        margin: 0;
        text-align: center;
        text-decoration: underline;
        width: auto;
        display: block; }
        section.content aside .phone-link-static:hover,
        section.content aside .phone-link-static:focus,
        section.content aside .phone-link-static:active {
          color: #6085e1; }
          @media (max-width: 1200px) {
            section.content aside .phone-link-static {
              font-size: 16px;   }
}
            @media (max-width: 680px) {
              section.content aside .phone-link-static {
                display: none;   }
}
      section.content aside > div {
        background: #EFF3FF;
        margin: 0 0 25px 0;
        padding: 25px; }
        section.content aside > div > p:last-child {
          margin: 0 !important; }
          section.content aside > div div.blog a {
            color: #171b1f; }
            section.content aside > div div.blog a:hover {
              color: #657283; }
          section.content aside > div div.blog p:first-child {
            margin: 0 !important; }
            section.content aside > div div.blog p.meta {
              color: #878D94;
              font-size: 14px;
              line-height: 18px; }
              section.content aside > div div.blog p.blogIntro {
                font-size: 16px;
                line-height: 20px; }
        section.content aside > div.contact {
          padding: 0;
          text-align: center; }
          section.content aside > div.contact p {
            margin: 0;
            padding: 23px; }
            section.content aside > div.contact a.text-button {
              color: #3564D9;
              font-family: "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
              font-weight: 400;
              font-size: inherit;
              line-height: inherit;
              letter-spacing: inherit;
              padding: 0;
              margin: 0;
              text-align: center;
              text-decoration: underline;
              width: auto;
              display: block; }
              section.content aside > div.contact a.text-button:hover,
              section.content aside > div.contact a.text-button:focus,
              section.content aside > div.contact a.text-button:active {
                color: #6085e1; }
                section.content aside > div.contact a.text-button + a.text-button span:before {
                  font-size: 1.5em; }
              section.content aside > div.contact a.text-button span {
                display: block; }
                section.content aside > div.contact a.text-button span:before {
                  display: block;
                  width: 100%; }
                  @media (max-width: 1200px) {
                    section.content aside > div.contact a.text-button {
                      font-size: 16px;   }
}
                    section.content aside > div.contact a.text-button.phone-link-anchor {
                      display: none; }
                      @media (max-width: 680px) {
                        section.content aside > div.contact a.text-button.phone-link-anchor {
                          display: block;   }
}
        section.content aside > div.archive > ul {
          list-style: none;
          padding: 0; }
          section.content aside > div.archive > ul > li {
            cursor: pointer;
            padding: 0 0 5px 30px;
            position: relative; }
            section.content aside > div.archive > ul > li ul {
              display: none;
              list-style: square; }
              section.content aside > div.archive > ul > li:hover:before {
                color: #878D94; }
                section.content aside > div.archive > ul > li.open ul {
                  display: block; }

.homePage {
  background-size: 100%;
  font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  padding: 0 !important; }
  .homePage > section {
    display: block;
    height: auto;
    min-width: 1120px;
    position: relative;
    width: 100%;
    z-index: 1;
    min-height: 500px;
    padding: 50px 0px; }
    .homePage h1 {
      font-size: 65px;
      font-weight: 500;
      line-height: 90px;
      letter-spacing: -2px;
      margin: 200px 0 0 0;
      text-align: center; }
      .homePage section.content {
        background-repeat: no-repeat;
        background-size: 150%;
        height: auto;
        padding: 0;
        position: relative;
        overflow: hidden; }
        .homePage section.content > header {
          padding: 196px 0 128px 0; }
          @media (max-width: 800px) {
            .homePage section.content > header {
              padding-top: 128px;   }
}
            .homePage section.content > header > .inner > * {
              padding-right: 0; }
  .homePage section.clients {
    display: block;
    height: auto;
    min-width: 1120px;
    position: relative;
    width: 100%;
    z-index: 1;
    background: #EFF3FF;
    height: auto;
    overflow: hidden;
    padding: 50px 0px; }
    .homePage section.clients h2 {
      text-align: center; }
      .homePage section.clients h2 + p {
        font-size: 18px;
        line-height: 24px;
        text-align: center; }
  .homePage section.panel.whatWeDo div.inner,
  .homePage section.panel.howWeDoIt div.inner {
    display: block;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    width: 1120px;
    padding: 75px 0 50px 0;
    width: 1120px;
    position: relative; }
    .homePage section.panel.whatWeDo div.inner:after,
    .homePage section.panel.howWeDoIt div.inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
      * html .homePage section.panel.whatWeDo div.inner,
      * html .homePage section.panel.howWeDoIt div.inner {
        height: 1px; }
  .homePage section.panel.whatWeDo .thingsTitle,
  .homePage section.panel.whatWeDo .serviceStack,
  .homePage section.panel.howWeDoIt .thingsTitle,
  .homePage section.panel.howWeDoIt .serviceStack {
    z-index: 10; }
    .homePage section.panel.whatWeDo .thingsTitle,
    .homePage section.panel.howWeDoIt .thingsTitle {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      float: left;
      width: 35%;
      padding-right: 60px;
      position: sticky;
      top: 100px; }
      @media (max-width: 1200px) {
        .homePage section.panel.whatWeDo .thingsTitle,
        .homePage section.panel.howWeDoIt .thingsTitle {
          position: relative;
          top: 0;
          float: none;
          width: auto;
          padding-right: 0;
          margin-bottom: 50px;   }
}
  .homePage section.panel.whatWeDo .serviceStack,
  .homePage section.panel.howWeDoIt .serviceStack {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    float: right;
    width: 65%; }
    @media (max-width: 1200px) {
      .homePage section.panel.whatWeDo .serviceStack,
      .homePage section.panel.howWeDoIt .serviceStack {
        float: none;
        width: auto;   }
}
      .homePage section.panel.whatWeDo .serviceStack .serviceSection img,
      .homePage section.panel.howWeDoIt .serviceStack .serviceSection img {
        float: left;
        max-width: 65px;
        max-height: 65px;
        margin: 5px 0 0 0; }
        .homePage section.panel.whatWeDo .serviceStack .serviceSection .text,
        .homePage section.panel.howWeDoIt .serviceStack .serviceSection .text {
          float: right;
          width: calc(100% - 85px); }
          .homePage section.panel.whatWeDo .serviceStack .serviceSection .text p,
          .homePage section.panel.howWeDoIt .serviceStack .serviceSection .text p {
            margin-bottom: 8px; }
      .homePage section.panel.whatWeDo .serviceStack .serviceSection hr,
      .homePage section.panel.howWeDoIt .serviceStack .serviceSection hr {
        margin: 24px 0; }
  .homePage section.panel.whatWeDo div.inner:before {
    content: "";
    background: url('/static/image/homepage-side-swoosh.png?3bcd0f7bdeae') no-repeat center;
    background-size: contain;
    position: absolute;
    top: -50px;
    left: -280px;
    width: 680px;
    height: 800px; }
  .homePage section.bloggery {
    display: block;
    height: auto;
    min-width: 1120px;
    position: relative;
    width: 100%;
    z-index: 1;
    background: white;
    height: auto;
    min-height: 0;
    padding: 50px 0px;
    text-align: left; }
    .homePage section.bloggery div.inner {
      display: block;
      margin: 0 auto;
      padding: 0px;
      text-align: left;
      width: 1120px;
      width: 1120px; }
      .homePage section.bloggery div.inner:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
        * html .homePage section.bloggery div.inner {
          height: 1px; }
    .homePage section.bloggery h2 {
      margin: 0 0 50px 0;
      padding: 0;
      text-align: center; }

div.logos {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  max-width: 800px;
  margin: 0 auto 0 auto; }
  div.logos div.logo {
    -moz-box-flex: 1 0 33%;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%;
    -webkit-box-flex: 1 0 33%;
    -webkit-flex: 1 0 33%;
    margin: 15px 0; }
    div.logos div.logo img {
      display: block;
      min-width: 0;
      max-width: 150px;
      width: 80%;
      margin: 0 auto; }

div.blog {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  div.blog:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    * html div.blog {
      height: 1px; }
      @media (max-width: 680px) {
        div.blog {
          flex-direction: column;   }
}
        div.blog article {
          display: flex;
          align-items: flex-start;
          flex: 0 1 320px;
          margin: 24px;
          width: auto;
          float: none; }
          @media (max-width: 680px) {
            div.blog article {
              flex: 1 1 auto;   }
}
            div.blog article figure.avatar {
              display: flex;
              flex: 1 1 72px;
              max-width: 72px;
              min-width: 72px;
              border-radius: 50px 50px 50px 50px;
              align-items: flex-start;
              overflow: hidden;
              margin: 0 24px 0 0; }
              @media (max-width: 680px) {
                div.blog article figure.avatar {
                  flex: 1 1 48px;
                  max-width: 48px;
                  min-width: 48px;   }
}
          div.blog article div.text {
            flex: 1 1 auto; }
            div.blog article + article {
              float: right; }
              div.blog article p {
                color: #657283;
                font: 300 15px / 21px "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
                margin: 0 0 6px 0; }
                div.blog article p.date {
                  color: #657283;
                  font: 400 13px / 19px "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
                  margin: 0 0 10px 0; }
                  div.blog article p.title {
                    color: #657283;
                    font: 300 19px / 24px "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif; }
          div.blog article a {
            font-weight: 600; }

section.openSource {
  display: block;
  height: auto;
  min-width: 1120px;
  position: relative;
  width: 100%;
  z-index: 1;
  height: 500px;
  z-index: 10;
  margin: 0;
  height: auto;
  padding: 75px 0; }
  section.openSource.alt {
    background: #EFF3FF; }
    .homePage section.openSource {
      border-bottom: 5px solid #EFF3FF; }
      section.openSource .inner {
        display: block;
        margin: 0 auto;
        padding: 0px;
        text-align: left;
        width: 1120px;
        width: 1120px; }
        section.openSource .inner:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden; }
          * html section.openSource .inner {
            height: 1px; }
  section.openSource h1, section.openSource h2 {
    text-align: center; }
    section.openSource h2 {
      font-family: 'halyard-display', serif;
      font-style: normal;
      letter-spacing: 0;
      font-size: 40px;
      font-weight: 500;
      line-height: 1.25;
      padding-bottom: 5px;
      margin-bottom: 2rem;
      margin-top: 0; }
      @media (max-width: 1200px) {
        section.openSource h2 {
          font-size: 30px;   }
}
  section.openSource p {
    font-family: "halyard-text", "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 22px;
    text-align: center; }
    @media (max-width: 1200px) {
      section.openSource p {
        font-size: 18px;   }
}
      @media (max-width: 680px) {
        section.openSource p {
          font-size: 16px;   }
}
  section.openSource div.logos {
    flex-direction: row;
    -webkit-flex-direction: row;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    display: -webkit-flex;
    clear: both;
    height: auto;
    position: relative;
    text-align: center;
    margin-top: 40px;
    vertical-align: top; }
    section.openSource div.logos:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
      * html section.openSource div.logos {
        height: 1px; }
        @media (max-width: 680px) {
          section.openSource div.logos {
            display: block;   }
}
          section.openSource div.logos .project {
            -moz-box-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            -webkit-box-flex: 1 1 auto;
            -webkit-flex: 1 1 auto;
            transition: all 0.25s ease 0s;
            -o-transition: all 0.25s ease 0s;
            -ms-transition: all 0.25s ease 0s;
            -moz-transition: all 0.25s ease 0s;
            -webkit-transition: all 0.25s ease 0s;
            cursor: pointer;
            margin: 0px 7px 14px 7px;
            padding-right: 0px;
            position: relative;
            vertical-align: top;
            width: auto; }
            @media (max-width: 680px) {
              section.openSource div.logos .project {
                display: block;
                width: 100%;
                clear: both;
                margin: 0 0 20px 0;
                text-decoration: none;
                text-align: center;   }
}
              section.openSource div.logos .project > img {
                transition: all 0.25s ease 0s;
                -o-transition: all 0.25s ease 0s;
                -ms-transition: all 0.25s ease 0s;
                -moz-transition: all 0.25s ease 0s;
                -webkit-transition: all 0.25s ease 0s;
                display: block;
                margin: 0 auto;
                height: 36px;
                width: auto;
                max-width: 100%;
                filter: grayscale(0%); }
                section.openSource div.logos .project > img.memorist {
                  height: 26px;
                  margin-top: 5px; }
            section.openSource div.logos .project > div {
              transition: all 0.25s ease 0s;
              -o-transition: all 0.25s ease 0s;
              -ms-transition: all 0.25s ease 0s;
              -moz-transition: all 0.25s ease 0s;
              -webkit-transition: all 0.25s ease 0s;
              border-radius: 2px;
              -o-border-radius: 2px;
              -ms-border-radius: 2px;
              -moz-border-radius: 2px;
              -webkit-border-radius: 2px;
              background: #EFF3FF;
              display: block;
              height: auto;
              overflow: hidden;
              position: absolute;
              max-height: 0px;
              left: 30px;
              bottom: 55px;
              width: 200px;
              z-index: 100; }
              @media (max-width: 680px) {
                section.openSource div.logos .project > div {
                  box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  -webkit-box-sizing: border-box;
                  position: static;
                  max-height: none;
                  padding: 15px;
                  clear: both;
                  background: transparent;
                  text-align: center;
                  width: 100%;   }
}
                section.openSource div.logos .project > div:before {
                  display: none;
                  content: "";
                  border-left: 10px solid transparent;
                  border-right: 10px solid transparent;
                  border-top: 10px solid #EFF3FF;
                  position: absolute;
                  left: 10px;
                  bottom: -10px;
                  height: 0px;
                  opacity: 0;
                  width: 0px;
                  z-index: 100; }
                  @media (max-width: 680px) {
                    section.openSource div.logos .project > div:before {
                      display: none;   }
}
              section.openSource div.logos .project > div p {
                transition: 0.25s all ease 0.15s;
                -o-transition: 0.25s all ease 0.15s;
                -ms-transition: 0.25s all ease 0.15s;
                -moz-transition: 0.25s all ease 0.15s;
                -webkit-transition: 0.25s all ease 0.15s;
                color: #064178;
                font-size: 18px;
                font-weight: 400;
                letter-spacing: 0;
                margin: 0;
                text-align: left;
                opacity: 0; }
                @media (max-width: 680px) {
                  section.openSource div.logos .project > div p {
                    color: #657283;
                    font-size: 15px;
                    opacity: 1;
                    text-align: center;   }
}
                  section.openSource div.logos .project > div p span.link {
                    text-decoration: underline; }
            section.openSource div.logos .project:hover > img {
              filter: grayscale(0%); }
            section.openSource div.logos .project.active > img {
              filter: grayscale(0%); }
              section.openSource div.logos .project.active > div {
                overflow: visible;
                max-height: 200px;
                padding: 15px; }
                section.openSource div.logos .project.active > div:before {
                  display: block;
                  opacity: 1; }
                  @media (max-width: 680px) {
                    section.openSource div.logos .project.active > div:before {
                      display: none;   }
}
                section.openSource div.logos .project.active > div p {
                  opacity: 1; }
  @media (max-width: 1200px) {
    section.openSource {
      min-width: 0;   }
}
    section.openSource div.text {
      display: block;
      padding: 100px 0 0 0;
      position: absolute;
      text-align: left;
      width: 100%; }
      section.openSource div.text p {
        color: white;
        font-size: 24px;
        font-weight: normal;
        line-height: 30px;
        text-align: left; }
  section.openSource aside {
    background: #FF6E13;
    color: white;
    display: inline-block;
    font-weight: 600;
    font-size: 32px;
    padding: 5px 15px;
    position: absolute;
    top: 25%;
    right: 0%;
    z-index: 10; }

.columns {
  display: flex;
  justify-content: space-between;
  width: calc(100% + 40px);
  position: relative;
  left: -20px; }
  @media (max-width: 800px) {
    .columns {
      flex-wrap: wrap;   }
}
    .columns > div.column {
      flex: 1 1 auto;
      margin: 0 20px; }

.services {
  flex-direction: row;
  -webkit-flex-direction: row;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justi
margin-top: 40px;
  margin-bottom: 40px; }
  .services:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    * html .services {
      height: 1px; }
      .services > div.column {
        flex: 1 1 45%; }
        @media (max-width: 640px) {
          .services > div.column {
            flex: 1 1 100%;
            max-width: 100%;   }
}
  .services.icon-list {
    align-items: flex-start; }
    .services div.icon-list-item {
      flex: 1 1 50%;
      max-width: 50%;
      margin: 0 0 24px 0;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
      @media (max-width: 640px) {
        .services div.icon-list-item {
          flex: 1 1 100%;
          max-width: 100%;   }
}
        .services div.icon-list-item img {
          flex: 0 0 40px;
          max-width: 40px;
          min-width: 40px;
          max-height: 40px;
          margin: 4px 16px 0 0;
          align-self: flex-start; }
          .services div.icon-list-item p {
            flex: 1 1 auto;
            margin-bottom: 0; }
            .services div.icon-list-item p:nth-child(even) {
              padding-right: 32px; }
  .services div.bucket {
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1 1 25%;
    text-align: center; }
    @media (max-width: 680px) {
      .services div.bucket {
        flex: 1 1 50%;   }
}
      .services div.bucket > a {
        display: block;
        text-decoration: none; }
        .services div.bucket > a h3 {
          font-size: 20px;
          text-decoration: underline; }
          .services div.bucket > a:hover h3 {
            text-decoration: none; }
    .services div.bucket:last-of-type {
      margin-right: 0; }
      .services div.bucket img {
        display: block;
        margin: 0 auto 15px auto;
        text-align: center;
        height: 60px; }
        .services div.bucket ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .services div.bucket ul li {
            border-top: 1px solid rgba(255, 255, 255, 0.25);
            margin: 0;
            font-size: 16px;
            padding: 10px 0; }

section.clients {
  text-align: center;
  padding-bottom: 100px; }
  section.clients .inner {
    display: block;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    width: 1120px;
    width: 1120px; }
    section.clients .inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
      * html section.clients .inner {
        height: 1px; }
  section.clients h2 {
    margin-bottom: 50px; }
    section.clients p {
      text-align: center; }

body.alt-panels section.content.panel:nth-child(odd) {
  background: #EFF3FF; }

section.content.panel {
  clear: both;
  background: #EFF3FF; }
  section.content.panel:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    * html section.content.panel {
      height: 1px; }
      section.content.panel:nth-child(odd) {
        background: white; }
        section.content.panel.alt {
          background: white; }
          section.content.panel.alt:nth-child(odd) {
            background: #EFF3FF; }
  section.content.panel.dark {
    background: #064178;
    color: white; }
    section.content.panel.dark:nth-child(odd) {
      background: #064178; }
  section.content.panel.wide .inner {
    width: 90%;
    max-width: 1300px; }
  section.content.panel.flex > .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media (max-width: 1200px) {
      section.content.panel.flex > .inner {
        flex-wrap: wrap;   }
}
      section.content.panel.flex > .inner > * {
        flex: 1 1 50%;
        margin-bottom: 50px; }
        @media (max-width: 1200px) {
          section.content.panel.flex > .inner > * {
            flex-basis: 100%;   }
}
          section.content.panel.flex > .inner > *:last-child {
            flex-basis: 40%; }
            @media (max-width: 1200px) {
              section.content.panel.flex > .inner > *:last-child {
                flex-basis: 100%;   }
}
  section.content.panel .inner {
    padding: 60px 0;
    min-width: 0; }
    section.content.panel .inner.cardWrapper {
      max-width: 1120px;
      padding-top: 0;
      margin-top: -60px; }
  section.content.panel h2, section.content.panel h3 {
    text-align: center; }
    section.content.panel h2.left, section.content.panel h3.left {
      text-align: left;
      float: none; }
  section.content.panel h2 + h3 {
    margin-top: 10px; }
  section.content.panel h3 {
    font-weight: 300; }
    section.content.panel.intro {
      display: flex;
      flex-direction: column;
      background: #485362;
      background: linear-gradient(0deg, #485362 15%, #343a42 70%);
      0; }
      @media (max-height: 800px) {
        section.content.panel.intro {
          display: block;
          height: auto;   }
}
        section.content.panel.intro > header {
          margin-top: auto; }
          section.content.panel.intro > header > .inner {
            width: 90%;
            max-width: 1120px;
            margin: 0 auto; }
            section.content.panel.intro > header > .inner > *:last-child {
              margin-bottom: 0 !important; }
              section.content.panel.intro > header > .inner:after {
                display: none; }
                section.content.panel.intro > header > .inner h1 {
                  line-height: 0.9;
                  position: relative; }
                  section.content.panel.intro > header > .inner p {
                    font-size: 16px;
                    color: white;
                    padding-right: 25%;
                    margin-top: 20px;
                    font-weight: 600; }
                    @media (max-width: 800px) {
                      section.content.panel.intro > header > .inner p {
                        padding-right: 0;   }
}
          section.content.panel.intro > header a {
            color: white; }
            section.content.panel.intro > header a:hover,
            section.content.panel.intro > header a:focus,
            section.content.panel.intro > header a:active {
              color: #b6c7f1; }
      section.content.panel.intro > .inner {
        background: white;
        width: 100%;
        max-width: 100%;
        min-height: 12rem; }
        section.content.panel.intro > .inner > * {
          width: 90%;
          max-width: 1120px;
          margin: 0 auto; }

section.breadcrumb.banner + section.content.panel div.inner {
  padding: 60px 0; }

  section.content .serviceGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; }
    section.content .serviceGrid .serviceSection {
      flex: 1 0 50%;
      margin: 15px 0;
      min-width: 480px; }
      @media (max-width: 680px) {
        section.content .serviceGrid .serviceSection {
          flex: 0 0 100%;
          min-width: 0;   }
}
        section.content .serviceGrid .serviceSection div.text {
          width: calc(100% - 120px); }

section.content .serviceSection {
  margin: 0 0 50px 0; }
  section.content .serviceSection:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    * html section.content .serviceSection {
      height: 1px; }
      section.content .serviceSection:last-child {
        margin-bottom: 0; }
        section.content .serviceSection img {
          float: left;
          margin: 0px 20px 20px 20px;
          width: 80px;
          height: 80px; }
          section.content .serviceSection div.text {
            float: right;
            width: calc(100% - 120px); }
            section.content .serviceSection h2, section.content .serviceSection h3,
            section.content .serviceSection h4 {
              text-align: left; }
              section.content .serviceSection h2 a, section.content .serviceSection h3 a,
              section.content .serviceSection h4 a {
                color: #064178;
                text-decoration: none; }
                section.content .serviceSection h2 a:hover,
                section.content .serviceSection h2 a:focus,
                section.content .serviceSection h2 a:active,
                section.content .serviceSection h3 a:hover,
                section.content .serviceSection h3 a:focus,
                section.content .serviceSection h3 a:active,
                section.content .serviceSection h4 a:hover,
                section.content .serviceSection h4 a:focus,
                section.content .serviceSection h4 a:active {
                  text-decoration: none;
                  color: #5C88FF; }
  section.content .serviceSection h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 500;
    margin: 0;
    font-size: 26px; }
    section.content .serviceSection h2 + p {
      margin: 8px 0 0 0; }
  section.content .serviceSection h3 {
    color: #064178;
    font-weight: 500;
    font-style: normal;
    font-size: 26px;
    margin: 5px 0 10px 0; }
    section.content .serviceSection h4 {
      color: #5a6575;
      font-weight: 500;
      font-style: normal;
      font-size: 18px;
      margin: 0 0 10px 0; }
      section.content .serviceSection p {
        font-size: 18px; }
        section.content .serviceSection hr {
          margin-left: 0; }

section.content .designProcess {
  max-width: 740px;
  margin: 0 auto; }
  section.content .designProcess .serviceSection {
    margin: 50px 0 0 0; }
    section.content .designProcess .serviceSection span.step {
      display: block;
      font-weight: 900;
      font-size: 30px;
      line-height: 30px;
      opacity: 0.25; }
      section.content .designProcess .serviceSection:nth-child(even) img {
        float: left; }
        section.content .designProcess .serviceSection:nth-child(even) div.text {
          float: right; }
    section.content .designProcess .serviceSection div.text h3 {
      color: #064178;
      margin-bottom: 0.5rem; }

p.tags span {
  -webkit-border-radius: 2px;
  background: #D8DCE0;
  color: #485362;
  padding: 2px 8px 3px 8px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600; }

section.content article div.blog {
  display: flex;
  align-items: flex-start;
  margin: 50px 0;
  padding-bottom: 25px; }
  @media (max-width: 680px) {
    section.content article div.blog {
      flex-wrap: wrap;   }
}
    section.content article div.blog figure.avatar {
      flex: 1 1 72px;
      display: flex;
      max-width: 72px;
      min-width: 72px;
      border-radius: 50px 50px 50px 50px;
      align-items: flex-start;
      overflow: hidden;
      margin: 0 24px 0 0; }
      @media (max-width: 680px) {
        section.content article div.blog figure.avatar {
          flex: 1 1 48px;
          max-width: 48px;
          min-width: 48px;
          margin: 0 16px 16px 0;   }
}
  section.content article div.blog div.text {
    flex: 1 1 auto; }
    section.content article div.blog p.title {
      font-family: 'halyard-display', serif;
      font-style: normal;
      font-size: 28px;
      line-height: 1.2;
      font-weight: 500;
      margin: 0 0 0.5em 0 !important; }
      section.content article div.blog p.title a {
        text-decoration: none; }
        section.content article div.blog p.title a:hover,
        section.content article div.blog p.title a:focus {
          text-decoration: underline; }
  section.content article div.blog p.date {
    color: #657283;
    font-size: 16px;
    margin: 0 0 10px 0 !important; }
    section.content article div.blog p.date span.author {
      text-transform: capitalize; }
section.content article p.pagination {
  padding: 5px 0;
  margin: 0;
  display: block;
  text-align: center; }
  section.content article p.pagination > a {
    display: inline-block; }
    section.content article p.pagination > span {
      display: inline-block;
      opacity: 0.5; }
      section.content article p.pagination > span.page {
        margin: 0 16px;
        opacity: 1; }

.workLanding section.content:not(.panel) {
  padding: 40px 0 0 0;
  text-align: center; }
  .workLanding section.content:not(.panel):after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    * html .workLanding section.content:not(.panel) {
      height: 1px; }
      .workLanding section.content:not(.panel) > .inner {
        max-width: 1120px;
        width: 1120px; }

.inner > div.caseStudy {
  margin-top: -40px; }

  div.caseStudy {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    margin-top: 4rem;
    padding: 40px;
    position: relative;
    left: -40px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    transition: background 0.2s ease; }
    div.caseStudy:before, div.caseStudy:after {
      content: "";
      opacity: 1;
      display: block;
      position: absolute;
      z-index: 0;
      background: #e6ecff;
      transition: all 0.2s ease; }
      div.caseStudy:before {
        top: -20px;
        right: 240px;
        width: 240px;
        height: 120px; }
        @media (max-width: 1120px) {
          div.caseStudy:before {
            transform: translate(120px, 20px);   }
}
          @media (max-width: 640px) {
            div.caseStudy:before {
              transform: translate(0, 20px);   }
}
    div.caseStudy:after {
      top: 240px;
      right: 20px;
      width: 40px;
      height: 120px; }
      @media (max-width: 1120px) {
        div.caseStudy:after {
          transform: translate(0, -120px);   }
}
        @media (max-width: 640px) {
          div.caseStudy:after {
            transform: translate(0, -120px);   }
}
    div.caseStudy p, div.caseStudy li {
      font-weight: 400;
      font-size: 18px;
      line-height: 1.5; }
      div.caseStudy ul.tech li {
        font-size: 16px; }
        div.caseStudy .intro {
          display: flex; }
          @media (max-width: 640px) {
            div.caseStudy .intro {
              display: block;   }
}
            div.caseStudy .intro .text {
              flex: 1 1 65%;
              order: 1;
              padding-right: 40px;
              z-index: 10;
              position: relative; }
              @media (max-width: 640px) {
                div.caseStudy .intro .text {
                  padding-right: 0;   }
}
                div.caseStudy .intro .text h2 {
                  text-align: left;
                  margin-bottom: 0; }
                  div.caseStudy .intro .text h3 {
                    display: block;
                    margin: 1rem 1rem 0 0;
                    font-weight: 600;
                    text-align: left; }
                    div.caseStudy .intro .text h3 + h3 {
                      margin-top: 0;
                      margin-bottom: 1rem; }
              div.caseStudy .intro .text .divider {
                display: block;
                width: 40px;
                height: 4px;
                margin: 2rem 0 0 0;
                position: relative;
                transition: all 0.2s ease 0s; }
                div.caseStudy .intro .text .divider:before {
                  content: "";
                  width: 20px;
                  height: 1px;
                  background: #3564D9;
                  left: 2px;
                  top: 0;
                  position: absolute;
                  transform: rotate(30deg);
                  transition: all 0.2s ease 0s; }
                  div.caseStudy .intro .text .divider:after {
                    content: "";
                    width: 20px;
                    height: 1px;
                    background: #3564D9;
                    right: 2px;
                    top: 0;
                    position: absolute;
                    transform: rotate(-30deg);
                    transition: all 0.2s ease 0s; }
          div.caseStudy .intro .caseStudyImage {
            display: block;
            flex: 1 0 350px;
            order: 2; }
            @media (max-width: 1120px) {
              div.caseStudy .intro .caseStudyImage {
                flex: 1 0 140px;   }
}
    div.caseStudy .more {
      transition: all 0.4s ease 0s;
      visibility: hidden;
      opacity: 0;
      max-height: 0;
      text-align: left; }
      div.caseStudy .caseStudyImage {
        position: relative;
        overflow: hidden;
        z-index: 15;
        height: 280px; }
        @media (max-width: 1120px) {
          div.caseStudy .caseStudyImage {
            height: 140px;   }
}
          @media (max-width: 640px) {
            div.caseStudy .caseStudyImage {
              margin-bottom: 20px;   }
}
            div.caseStudy .caseStudyImage > div {
              position: absolute;
              width: 100%;
              height: 100%;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              transition: all 0.4s ease 0s;
              transform: scale(1); }
              div.caseStudy .caseStudyImage > video {
                border: 3px solid white; }
    div.caseStudy img {
      display: block;
      max-width: 100%;
      margin: 0 auto; }
      div.caseStudy h2 {
        font-size: 28px; }
        div.caseStudy h3 {
          font-size: 18px;
          font-weight: 500;
          line-height: 1.3;
          text-transform: uppercase; }
          div.caseStudy:hover {
            background-color: rgba(220, 229, 255, 0.7); }
            div.caseStudy:hover:before, div.caseStudy:hover:after {
              opacity: 0; }
              div.caseStudy:hover:before {
                top: -40px;
                right: 260px; }
                div.caseStudy:hover:after {
                  top: 260px;
                  right: 0px; }
                  div.caseStudy:hover .caseStudyImage > div {
                    transform: scale(1.05); }
    div.caseStudy.active:before, div.caseStudy.active:after {
      opacity: 0; }
      div.caseStudy.active:before {
        top: -40px;
        right: 260px; }
        div.caseStudy.active:after {
          top: 260px;
          right: 0px; }
          div.caseStudy.active .intro .text .divider {
            opacity: 0.5; }
            div.caseStudy.active .intro .text .divider:before {
              left: 0;
              background: #FF6E13;
              transform: rotate(0deg); }
              div.caseStudy.active .intro .text .divider:after {
                right: 0;
                background: #FF6E13;
                transform: rotate(0deg); }
    div.caseStudy.active .more {
      visibility: visible;
      opacity: 1;
      max-height: 1600px;
      margin-top: 2rem; }
    div.caseStudy:nth-child(2n):before {
      top: 20px;
      right: auto;
      left: 220px;
      width: 240px;
      height: 160px; }
      div.caseStudy:nth-child(2n):after {
        top: 180px;
        right: auto;
        left: 20px;
        width: 40px;
        height: 100px; }
        div.caseStudy:nth-child(2n) .intro .text {
          order: 2;
          padding-right: 0;
          padding-left: 40px; }
          @media (max-width: 640px) {
            div.caseStudy:nth-child(2n) .intro .text {
              padding-left: 0;   }
}
        div.caseStudy:nth-child(2n) .intro .caseStudyImage {
          order: 1; }
    div.caseStudy:nth-child(2n):hover:before, div.caseStudy:nth-child(2n).active:before {
      top: 0px;
      right: auto;
      left: 240px; }
      div.caseStudy:nth-child(2n):hover:after, div.caseStudy:nth-child(2n).active:after {
        top: 200px;
        right: auto;
        left: 0px; }
    div.caseStudy.caseStudy-bio {
      margin-top: 1rem;
      cursor: default !important; }
      div.caseStudy.caseStudy-bio::before {
        transform: translate(170px, 30px) scaleX(0.8); }
        @media (max-width: 640px) {
          div.caseStudy.caseStudy-bio::before {
            left: 0;
            right: auto;   }
}
      div.caseStudy.caseStudy-bio::after {
        transform: translate(0, -110px); }
        @media (max-width: 640px) {
          div.caseStudy.caseStudy-bio::after {
            left: 0;
            right: auto;   }
}
      div.caseStudy.caseStudy-bio:nth-child(2n)::before {
        transform: translate(-140px, 0); }
        div.caseStudy.caseStudy-bio:nth-child(2n)::after {
          transform: translate(0, -110px); }
      div.caseStudy.caseStudy-bio .intro .text h2 {
        font-size: 28px;
        margin: 0; }
        @media (max-width: 680px) {
          div.caseStudy.caseStudy-bio .intro .text h2 {
            text-align: center;   }
}
      div.caseStudy.caseStudy-bio .intro .text h3 {
        margin-top: 0; }
        @media (max-width: 680px) {
          div.caseStudy.caseStudy-bio .intro .text h3 {
            text-align: center;
            margin: 4px auto 16px;   }
}
      div.caseStudy.caseStudy-bio .intro .text p {
        font-size: 18px; }
        div.caseStudy.caseStudy-bio .intro .text p:last-child {
          margin-bottom: 0; }
      div.caseStudy.caseStudy-bio .intro .caseStudyImage {
        flex: 1 0 180px;
        height: 180px;
        max-width: 180px;
        min-width: 180px; }
        @media (max-width: 680px) {
          div.caseStudy.caseStudy-bio .intro .caseStudyImage {
            margin-left: auto;
            margin-right: auto;   }
}
          div.caseStudy.caseStudy-bio .intro .caseStudyImage.caseStudyImage-icon {
            flex: 1 0 120px;
            height: 120px;
            max-width: 120px;
            min-width: 120px; }

div.stat {
  display: inline;
  float: left;
  height: auto;
  width: 100%;
  padding: 0 2% 0 0;
  width: 18%; }
  div.stat:nth-child(5n) {
    padding: 0;
    width: 20%; }
    div.stat.agent {
      padding: 0;
      width: 100%; }

p.fieldSupport {
  margin-bottom: 15px; }
  p.fieldSupport:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
    * html p.fieldSupport {
      height: 1px; }
      p.fieldSupport input[type='text'] {
        float: left;
        width: 72%; }
        p.fieldSupport input[type='submit'] {
          float: right;
          padding: 9px 0;
          width: 23%; }

div.sitemap {
  display: inline;
  float: left;
  margin: 0 5% 20px 0;
  font-weight: 400;
  width: 30%; }
  div.sitemap:last-child {
    margin-right: 0; }
    div.sitemap ul {
      font-size: 16px; }
      div.sitemap ul ul {
        font-size: 14px; }

img.cheshire {
  max-width: 100px;
  display: block;
  margin: 30px auto 20px; }

  section.cta {
    text-align: center; }

    body.workDetail section.content article {
      display: block;
      margin: 0 auto;
      float: none;
      min-width: 0;
      max-width: 680px;
      width: 100%; }
      body.workDetail section.content article img.logo {
        height: auto;
        width: auto;
        max-width: 300px;
        max-height: 150px;
        margin: 25px auto 50px auto;
        width: auto; }
        @media (max-width: 680px) {
          body.workDetail section.content article img.logo {
            max-width: 75%;
            max-height: none;   }
}
      body.workDetail section.content article h2 {
        margin: 25px 0;
        text-align: justify;
        font-size: 30px;
        line-height: 38px; }
        @media (max-width: 680px) {
          body.workDetail section.content article h2 {
            font-size: 20px;
            line-height: 28px;
            letter-spacing: 0;   }
}
    body.workDetail section.content.cta div.inner {
      display: block;
      margin: 0 auto;
      float: none;
      min-width: 0;
      max-width: 680px;
      width: 100%;
      text-align: center; }

p.label {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  position: relative;
  margin: 50px 0 25px 0; }
  p.label:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #878D94;
    position: absolute;
    z-index: 1;
    top: 49%;
    left: 0; }
    p.label span {
      display: inline-block;
      color: #657283;
      font-size: 1.2rem;
      background: white;
      position: relative;
      padding: 0 10px;
      z-index: 2; }

ul.tech {
  list-style: none;
  padding: 0; }
  ul.tech li {
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #3564D9;
    font-size: 1rem;
    color: #3564D9;
    margin: 0 10px 10px 0;
    display: inline-block;
    padding: 4px 13px; }
    ul.tech li a {
      text-decoration: none; }

section.content div.inner.contactWrapper {
  display: flex; }
  section.content div.inner.contactWrapper > * {
    flex: 1; }
    @media (max-width: 800px) {
      section.content div.inner.contactWrapper {
        display: block;   }
}
      section.content div.inner.contactWrapper .contactBits {
        flex: 1 1 auto;
        min-width: 250px;
        order: 2;
        margin-left: 4rem; }
        @media (max-width: 800px) {
          section.content div.inner.contactWrapper .contactBits {
            margin-left: 0;
            margin-bottom: 2rem;   }
}
          section.content div.inner.contactWrapper .contactBits h2 {
            font-size: 1.2rem;
            letter-spacing: 0;
            text-align: left; }
            section.content div.inner.contactWrapper .contactBits h2 small {
              font-size: 0.8rem;
              font-weight: normal; }
        section.content div.inner.contactWrapper .contactBits a {
          display: block;
          position: relative;
          padding-left: 32px; }
          section.content div.inner.contactWrapper .contactBits a svg {
            position: absolute;
            top: 3px;
            left: 0;
            margin: 0;
            width: 24px;
            height: 24px;
            z-index: 0;
            opacity: 1;
            transition: opacity 0.4s ease 0s; }
            section.content div.inner.contactWrapper .contactBits a svg g,
            section.content div.inner.contactWrapper .contactBits a svg path {
              fill: #3564D9; }
          @media (max-width: 800px) {
            section.content div.inner.contactWrapper .contactBits a {
              font-size: 16px;   }
              section.content div.inner.contactWrapper .contactBits a svg {
                width: 24px;
                height: 24px;   }
}
          section.content div.inner.contactWrapper .contactBits a span {
            display: block;
            position: relative;
            z-index: 10; }
            section.content div.inner.contactWrapper .contactBits a:hover,
            section.content div.inner.contactWrapper .contactBits a:focus,
            section.content div.inner.contactWrapper .contactBits a:active {
              color: #6085e1; }
              section.content div.inner.contactWrapper .contactBits a:hover svg path,
              section.content div.inner.contactWrapper .contactBits a:focus svg path,
              section.content div.inner.contactWrapper .contactBits a:active svg path {
                fill: #6085e1; }
  section.content div.inner.contactWrapper div.contact_form {
    flex: 1 1 auto;
    order: 1;
    text-align: left; }
    section.content div.inner.contactWrapper div.contact_form .formField label {
      color: #064178;
      float: none;
      display: block;
      width: 100%;
      line-height: 38px;
      font-weight: 600;
      font-size: 18px; }
      @media (max-width: 1200px) {
        section.content div.inner.contactWrapper div.contact_form .formField label {
          width: 100%;
          line-height: 1.5;   }
}
    section.content div.inner.contactWrapper div.contact_form .formField input[type='text'],
    section.content div.inner.contactWrapper div.contact_form .formField input[type='password'],
    section.content div.inner.contactWrapper div.contact_form .formField input[type='email'],
    section.content div.inner.contactWrapper div.contact_form .formField input[type='search'],
    section.content div.inner.contactWrapper div.contact_form .formField input[type='number'],
    section.content div.inner.contactWrapper div.contact_form .formField input[type='tel'],
    section.content div.inner.contactWrapper div.contact_form .formField input[type='file'],
    section.content div.inner.contactWrapper div.contact_form .formField textarea {
      float: none;
      display: block;
      width: 100%;
      background: white;
      border-color: #5C88FF;
      color: #064178; }
      @media (max-width: 1200px) {
        section.content div.inner.contactWrapper div.contact_form .formField input[type='text'],
        section.content div.inner.contactWrapper div.contact_form .formField input[type='password'],
        section.content div.inner.contactWrapper div.contact_form .formField input[type='email'],
        section.content div.inner.contactWrapper div.contact_form .formField input[type='search'],
        section.content div.inner.contactWrapper div.contact_form .formField input[type='number'],
        section.content div.inner.contactWrapper div.contact_form .formField input[type='tel'],
        section.content div.inner.contactWrapper div.contact_form .formField input[type='file'],
        section.content div.inner.contactWrapper div.contact_form .formField textarea {
          width: 100%;   }
}
        section.content div.inner.contactWrapper div.contact_form .formField input[type='text']:focus,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='text']:active,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='password']:focus,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='password']:active,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='email']:focus,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='email']:active,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='search']:focus,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='search']:active,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='number']:focus,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='number']:active,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='tel']:focus,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='tel']:active,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='file']:focus,
        section.content div.inner.contactWrapper div.contact_form .formField input[type='file']:active,
        section.content div.inner.contactWrapper div.contact_form .formField textarea:focus,
        section.content div.inner.contactWrapper div.contact_form .formField textarea:active {
          box-shadow: none;
          border-color: #3564D9; }
    section.content div.inner.contactWrapper div.contact_form .formField textarea {
      height: 130px; }
    section.content div.inner.contactWrapper div.contact_form input[type='submit'] {
      font-weight: 600;
      background: #3564D9;
      color: white;
      margin: 0; }
      section.content div.inner.contactWrapper div.contact_form input[type='submit']:hover {
        background: #4a74dd; }

body.basic section.breadcrumb.banner + section.content > div.inner,
body.basic section.content > div.inner {
  min-width: 0;
  max-width: 690px; }
  body.basic section.breadcrumb.banner + section.content > div.inner + div.inner.image,
  body.basic section.content > div.inner + div.inner.image {
    padding-top: 0; }
    body.basic section.breadcrumb.banner + section.content > div.inner.image,
    body.basic section.content > div.inner.image {
      max-width: 860px; }
      body.basic section.breadcrumb.banner + section.content > div.inner.image img,
      body.basic section.content > div.inner.image img {
        max-width: 100%; }
        body.basic section.breadcrumb.banner + section.content > div.inner.image + div.inner,
        body.basic section.content > div.inner.image + div.inner {
          padding-top: 0; }

body.landingPage h2 {
  margin-bottom: 30px; }
  body.landingPage h2.caseStudyHeader {
    background: #f2f3f5;
    margin: 0;
    padding: 35px 0;
    font-weight: 500; }
    body.landingPage .caseStudies {
      position: relative; }
      body.landingPage .caseStudies > a {
        color: #878D94;
        position: absolute;
        top: calc(50% - 75px);
        left: 2.5%;
        z-index: 9999;
        font-size: 100px;
        opacity: 0.8; }
        @media (max-width: 1200px) {
          body.landingPage .caseStudies > a {
            font-size: 75px;   }
}
          @media (max-width: 680px) {
            body.landingPage .caseStudies > a {
              font-size: 50px;   }
}
            body.landingPage .caseStudies > a img {
              width: 44px;
              height: 44px; }
              @media (max-width: 550px) {
                body.landingPage .caseStudies > a img {
                  width: 28px;
                  height: 28px;   }
}
        body.landingPage .caseStudies > a.slideshow-next {
          left: auto;
          right: 2.5%; }
          body.landingPage .caseStudies > a:hover {
            opacity: 1; }
      body.landingPage .caseStudies .slide.inner {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        background: #e4e6ea;
        height: 450px;
        position: relative;
        padding: 0 !important;
        overflow: hidden;
        width: 100%; }
        @media (max-width: 1200px) {
          body.landingPage .caseStudies .slide.inner {
            width: 100% !important;   }
}
          @media (max-width: 680px) {
            body.landingPage .caseStudies .slide.inner {
              width: 100% !important;   }
}
            body.landingPage .caseStudies .slide.inner div.background {
              -webkit-filter: blur(20px);
              -moz-filter: blur(20px);
              -ms-filter: blur(20px);
              -o-filter: blur(20px);
              filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='20'/></filter></svg>#svgBlur");
              filter: blur(20px);
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              position: relative;
              position: absolute;
              width: 110%;
              left: -5%;
              height: 110%;
              top: -5%;
              z-index: -1;
              opacity: 0.5; }
              body.landingPage .caseStudies .slide.inner div.background.ie {
                opacity: 0.1; }
                body.landingPage .caseStudies .slide.inner div.background + div.foreground h1,
                body.landingPage .caseStudies .slide.inner div.background + div.foreground h2,
                body.landingPage .caseStudies .slide.inner div.background + div.foreground h3,
                body.landingPage .caseStudies .slide.inner div.background + div.foreground h4,
                body.landingPage .caseStudies .slide.inner div.background + div.foreground p,
                body.landingPage .caseStudies .slide.inner div.background + div.foreground li {
                  color: white; }
                  body.landingPage .caseStudies .slide.inner div.background + div.foreground .tags span {
                    background: white;
                    border-color: white;
                    color: #343a42; }
        body.landingPage .caseStudies .slide.inner div.foreground {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          padding: 0;
          max-width: 1120px;
          width: 90%;
          margin: 0 auto;
          padding-left: 500px;
          z-index: 100; }
          @media (max-width: 1200px) {
            body.landingPage .caseStudies .slide.inner div.foreground {
              font-size: 16px;
              line-height: 22px;
              width: 80%;
              padding-left: 320px;   }
}
            @media (max-width: 680px) {
              body.landingPage .caseStudies .slide.inner div.foreground {
                font-size: 16px;
                line-height: 22px;
                width: 80%;
                padding-left: 0;   }
}
              body.landingPage .caseStudies .slide.inner div.foreground img {
                transition: all 0.2s ease 0s;
                -o-transition: all 0.2s ease 0s;
                -ms-transition: all 0.2s ease 0s;
                -moz-transition: all 0.2s ease 0s;
                -webkit-transition: all 0.2s ease 0s;
                border-radius: 3px;
                -o-border-radius: 3px;
                -ms-border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25);
                -o-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25);
                -ms-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25);
                -moz-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25);
                -webkit-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.25);
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                position: absolute;
                top: 55%;
                left: 20px;
                max-width: 510px;
                height: auto;
                margin: 0;
                opacity: 0; }
                body.landingPage .caseStudies .slide.inner div.foreground img.flat {
                  box-shadow: 0 0 0 transparent;
                  -o-box-shadow: 0 0 0 transparent;
                  -ms-box-shadow: 0 0 0 transparent;
                  -moz-box-shadow: 0 0 0 transparent;
                  -webkit-box-shadow: 0 0 0 transparent; }
                  @media (max-width: 1200px) {
                    body.landingPage .caseStudies .slide.inner div.foreground img {
                      max-width: 280px;   }
}
                    @media (max-width: 680px) {
                      body.landingPage .caseStudies .slide.inner div.foreground img {
                        display: none;   }
}
          body.landingPage .caseStudies .slide.inner div.foreground h1,
          body.landingPage .caseStudies .slide.inner div.foreground h2,
          body.landingPage .caseStudies .slide.inner div.foreground h3,
          body.landingPage .caseStudies .slide.inner div.foreground h4,
          body.landingPage .caseStudies .slide.inner div.foreground p {
            color: #657283;
            clear: left;
            padding: 4px 8px;
            margin: 0;
            display: block;
            width: auto; }
            body.landingPage .caseStudies .slide.inner div.foreground h3 {
              font-weight: 500; }
              body.landingPage .caseStudies .slide.inner div.foreground h4 {
                font-style: italic;
                padding-top: 0;
                color: #878D94; }
                body.landingPage .caseStudies .slide.inner div.foreground ul {
                  margin: 0; }
                  body.landingPage .caseStudies .slide.inner div.foreground li {
                    clear: left; }
                    body.landingPage .caseStudies .slide.inner div.foreground .tags {
                      background: transparent;
                      font-size: 10px;
                      line-height: 18px;
                      text-transform: uppercase;
                      font-weight: 600;
                      margin-left: -4px; }
                      body.landingPage .caseStudies .slide.inner div.foreground .tags span {
                        border-radius: 2px;
                        -o-border-radius: 2px;
                        -ms-border-radius: 2px;
                        -moz-border-radius: 2px;
                        -webkit-border-radius: 2px;
                        background: transparent;
                        border: 1px solid #657283;
                        color: #657283;
                        margin: 0 4px 4px;
                        padding: 0 4px;
                        display: inline-block; }
        body.landingPage .caseStudies .slide.inner.cycle-slide-active div.foreground img {
          transition: all 0.6s ease 1s;
          -o-transition: all 0.6s ease 1s;
          -ms-transition: all 0.6s ease 1s;
          -moz-transition: all 0.6s ease 1s;
          -webkit-transition: all 0.6s ease 1s;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          -o-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          -ms-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          opacity: 1;
          top: 50%; }
          body.landingPage .caseStudies .slide.inner.cycle-slide-active div.foreground img.flat {
            box-shadow: 0 0 0 transparent;
            -o-box-shadow: 0 0 0 transparent;
            -ms-box-shadow: 0 0 0 transparent;
            -moz-box-shadow: 0 0 0 transparent;
            -webkit-box-shadow: 0 0 0 transparent; }
body.landingPage section.content section.openSource {
  background: #EFF3FF !important; }
  body.landingPage section.content section.openSource h1,
  body.landingPage section.content section.openSource h2,
  body.landingPage section.content section.openSource h3,
  body.landingPage section.content section.openSource h4,
  body.landingPage section.content section.openSource p {
    color: #343a42; }
    body.landingPage section.content section.openSource p {
      color: #657283; }

div.bigForm {
  transition: top 500ms ease 0s;
  -o-transition: top 500ms ease 0s;
  -ms-transition: top 500ms ease 0s;
  -moz-transition: top 500ms ease 0s;
  -webkit-transition: top 500ms ease 0s;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #171b1f;
  z-index: 9999;
  top: 100%;
  left: 0;
  overflow: auto; }
  div.bigForm a.formClose {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50px;
    right: 50px;
    display: inline-block;
    width: 50px;
    height: 50px; }
    @media (max-width: 680px) {
      div.bigForm a.formClose {
        top: 45px;
        right: 20px;   }
}
      div.bigForm a.formClose:before, div.bigForm a.formClose:after {
        transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -ms-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        content: "";
        font-size: 0;
        position: absolute; }
        div.bigForm a.formClose:before {
          width: 50px;
          height: 0;
          border-top: 1px solid #878D94;
          top: 25px;
          left: 0; }
          div.bigForm a.formClose:after {
            height: 50px;
            width: 0;
            border-left: 1px solid #878D94;
            top: 0;
            left: 25px; }
            div.bigForm a.formClose:hover, div.bigForm a.formClose:active {
              outline: 0;
              border: 0; }
              div.bigForm a.formClose:hover:before, div.bigForm a.formClose:hover:after,
              div.bigForm a.formClose:active:before, div.bigForm a.formClose:active:after {
                border-color: #FF6E13; }
                div.bigForm a.formClose:hover:before, div.bigForm a.formClose:active:before {
                  left: -12.5px;
                  top: 37.5px; }
                  div.bigForm a.formClose:hover:after, div.bigForm a.formClose:active:after {
                    top: -12.5px;
                    left: 37.5px; }
  div.bigForm .inner {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 600px;
    max-height: 100%;
    min-width: 300px;
    width: 60%;
    margin: 0 auto;
    padding: 50px 0;
    display: block; }
    div.bigForm h1, div.bigForm h2, div.bigForm h3, div.bigForm h4, div.bigForm p {
      color: #878D94; }
      div.bigForm form input[type='text'], div.bigForm form input[type='password'],
      div.bigForm form input[type='email'], div.bigForm form input[type='search'],
      div.bigForm form input[type='number'], div.bigForm form input[type='tel'],
      div.bigForm form input[type='file'], div.bigForm form textarea {
        background: transparent;
        border-color: #878D94;
        color: #878D94; }
        div.bigForm form input[type='text']:focus,
        div.bigForm form input[type='password']:focus,
        div.bigForm form input[type='email']:focus,
        div.bigForm form input[type='search']:focus,
        div.bigForm form input[type='number']:focus,
        div.bigForm form input[type='tel']:focus,
        div.bigForm form input[type='file']:focus, div.bigForm form textarea:focus {
          color: white;
          border-color: white; }
      div.bigForm form label {
        color: #878D94; }
        div.bigForm form input[type='submit'] {
          background: #343a42;
          color: white; }
          div.bigForm form input[type='submit']:hover {
            background: white;
            color: #171b1f; }

body.open-form {
  overflow: hidden; }
  body.open-form div.bigForm {
    top: 0; }

ul.team-photos {
  text-decoration: none;
  list-style: none;
  display: inline; }
  ul.team-photos li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0; }
    ul.team-photos li img {
      height: 150px;
      width: 150px;
      border-radius: 100px; }

.combined-years, .phds-held, .kittens {
  width: 200px;
  height: 200px;
  background: black;
  color: white;
  font-size: 80px;
  text-align: center;
  line-height: 200px; }

  .team-info {
    margin-top: 40px; }
    .team-info p {
      margin-bottom: 50px; }

.info-box {
  display: inline;
  float: left;
  margin-right: 30px;
  padding: 0; }

  section.content div.inner p.mid-typography {
    font-size: 22px; }
    section.content div.inner div.text-columns {
      -webkit-columns: 2 297px;
      -moz-columns: 2 297px;
      columns: 2 297px;
      -webkit-column-gap: 2em;
      -moz-column-gap: 2em;
      column-gap: 2em;
      margin-bottom: 20px; }

body:not(.homePage) section.content section.openSource {
  height: auto;
  padding: 0;
  position: relative;
  overflow: hidden; }
  body:not(.homePage) section.content section.openSource div.inner {
    position: relative;
    z-index: 100;
    padding: 60px 0; }
    body:not(.homePage) section.content section.openSource div.inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
      * html body:not(.homePage) section.content section.openSource div.inner {
        height: 1px; }
  body:not(.homePage) section.content section.openSource img.background {
    opacity: 0.3;
    position: absolute;
    width: 100%; }

section.content div.product {
  width: 100%; }
  section.content div.product .inner {
    box-sizing: border-box;
    max-width: 1120px;
    margin: 0 auto;
    padding-right: 20%; }
    @media (max-width: 1200px) {
      section.content div.product .inner {
        padding-right: 0;   }
}
      section.content div.product .inner.smallProducts {
        flex-direction: row;
        -webkit-flex-direction: row;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        display: -webkit-flex;
        max-width: 1120px; }
        @media (max-width: 1200px) {
          section.content div.product .inner.smallProducts {
            flex-flow: row wrap;
            -webkit-flex-flow: row wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;   }
}
          section.content div.product .inner.smallProducts .smallProduct {
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border: 4px solid transparent;
            background: white;
            box-shadow: 0 3px 15px -7px rgba(0, 0, 125, 0.12), 0 2px 1px rgba(0, 0, 125, 0.1),
                        0 2px 15px rgba(0, 0, 0, 0.1);
            border-radius: 2px;
            color: #657283;
            margin: 0 27px 27px 0;
            min-width: 240px;
            position: relative;
            overflow: hidden;
            padding: 20px;
            text-decoration: none; }
            @media (max-width: 1200px) {
              section.content div.product .inner.smallProducts .smallProduct {
                -moz-box-flex: 0 0 100%;
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                -webkit-box-flex: 0 0 100%;
                -webkit-flex: 0 0 100%;
                margin: 0 0 35px 0 !important;   }
}
              section.content div.product .inner.smallProducts .smallProduct:nth-child(4n) {
                margin-right: 0; }
                section.content div.product .inner.smallProducts .smallProduct img {
                  max-height: 36px;
                  max-width: none;
                  width: auto;
                  display: block;
                  margin: 0 auto; }
                  section.content div.product .inner.smallProducts .smallProduct:hover {
                    color: black;
                    transition: all 0.2s ease;
                    box-shadow: 0 3px 15px -5px rgba(0, 0, 125, 0.12), 0 2px 1px rgba(0, 0, 125, 0.1),
                                        0 2px 20px rgba(0, 0, 0, 0.15); }
                    section.content div.product .inner.smallProducts .smallProduct.mouseware:hover {
                      border-color: rgba(60, 193, 169, 0.6); }
                      section.content div.product .inner.smallProducts .smallProduct.dinero:hover {
                        border-color: rgba(73, 173, 67, 0.6); }
                        section.content div.product .inner.smallProducts .smallProduct.eek:hover {
                          border-color: rgba(137, 83, 209, 0.6); }
                          section.content div.product .inner.smallProducts .smallProduct.authtools:hover {
                            border-color: rgba(209, 83, 174, 0.6); }
  section.content div.product h2 {
    text-align: left; }
    section.content div.product h2 img {
      max-width: 200px;
      width: 80%;
      display: block;
      margin: 30px 0; }
  section.content div.product h3 {
    text-align: left; }
    section.content div.product:nth-child(even) {
      background: #f2f3f5; }

footer {
  display: block;
  height: auto;
  min-width: 1120px;
  position: relative;
  width: 100%;
  z-index: 1;
  background: #043059;
  height: auto;
  padding: 75px 0px;
  color: white;
  font-size: 16px; }
  footer a {
    color: #C2D2FF; }
    footer a:hover, footer a:focus, footer a:active {
      color: white; }
  footer .inner {
    display: block;
    margin: 0 auto;
    padding: 0px;
    text-align: left;
    width: 1120px;
    width: 1060px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 1200px) {
      footer .inner {
        flex-direction: column;   }
}
      footer .inner section {
        margin: 0 25px 50px 25px; }
        footer .inner section h3 {
          color: white;
          font-weight: 500;
          white-space: nowrap; }
          footer .inner section hr {
            margin-right: auto;
            margin-left: 0;
            border-color: white; }
            footer .inner section.contact {
              min-width: 200px; }
              footer .inner section.contact .social a {
                transition: all 0.2s ease 0s;
                -o-transition: all 0.2s ease 0s;
                -ms-transition: all 0.2s ease 0s;
                -moz-transition: all 0.2s ease 0s;
                -webkit-transition: all 0.2s ease 0s;
                color: white;
                display: inline-block;
                float: none;
                height: 24px;
                line-height: 30px;
                margin: 10px 10px 0 0;
                text-align: center;
                width: auto;
                transform: scale(1); }
                footer .inner section.contact .social a img {
                  height: 24px;
                  width: 24px; }
                  footer .inner section.contact .social a:hover,
                  footer .inner section.contact .social a:focus,
                  footer .inner section.contact .social a:active {
                    transform: scale(1.2); }
        footer .inner section.careers {
          min-width: 260px; }
          footer .inner section.careers a {
            transition: all 0.25s ease 0s;
            -o-transition: all 0.25s ease 0s;
            -ms-transition: all 0.25s ease 0s;
            -moz-transition: all 0.25s ease 0s;
            -webkit-transition: all 0.25s ease 0s;
            display: block;
            text-decoration: none;
            color: #C2D2FF; }
            footer .inner section.careers a span.title {
              color: white;
              display: block;
              font-size: 16px;
              font-weight: 500;
              margin-bottom: 4px; }
            footer .inner section.careers a:hover span.title {
              color: white;
              text-decoration: underline; }
        footer .inner section.menu ul {
          list-style: none;
          margin: 0 0 8px 0;
          padding: 0;
          column-count: 3; }
          footer .inner section.menu ul li {
            display: inline-block;
            width: 100%;
            margin: 0 0 5px 0; }
        footer .inner section.menu p {
          font-size: 14px; }

@media screen and (max-width: 1200px) {
  .wrapper {
    min-width: 0 !important;   }
    .inner {
      width: 80% !important;   }
      section.breadcrumb.banner .inner {
        width: 100% !important;   }
  section.content > .inner {
    min-width: 0;
    max-width: 100%;
    padding: 25px 0;
    width: 80%;   }
  .homePage section.content section {
    min-width: 0 !important;   }
    .homePage section.content section.openSource {
      height: auto;   }
  div.sitemap {
    margin-right: 0;
    width: 100%;   }
    footer {
      min-width: 0;   }
}

@media (max-width: 800px) {
  body {
    padding-top: 50px !important;
    overflow-x: hidden;   }
    div.adapt {
      transition: all 0.25s ease 0s;
      -o-transition: all 0.25s ease 0s;
      -ms-transition: all 0.25s ease 0s;
      -moz-transition: all 0.25s ease 0s;
      -webkit-transition: all 0.25s ease 0s;
      left: 0px;
      position: relative;
      top: 0px;   }
      p.crumbs, p.crumbs.is_stuck {
        left: 0px;   }
        a.mobileMenu .closeNav {
          display: none;   }
          body.shift {
            overflow: hidden;   }
            body.shift header.wrapper, body.shift p.crumbs, body.shift p.crumbs.is_stuck {
              left: 200px !important;   }
              body.shift a.mobileMenu .closeNav {
                display: inline-block;   }
                body.shift a.mobileMenu .openNav {
                  display: none;   }
  body.short header.wrapper, header.wrapper {
    box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    height: 50px;
    left: 0px;
    position: fixed;
    top: 0px;   }
    body.short header.wrapper div.inner, header.wrapper div.inner {
      padding: 8px 0;
      position: static;
      text-align: center;   }
      body.short header.wrapper div.inner .logo, header.wrapper div.inner .logo {
        display: inline-block;
        float: none;
        margin: 0 auto;
        width: 110px !important;
        height: 34px !important;   }
        body.short header.wrapper div.inner nav, header.wrapper div.inner nav {
          background: white;
          display: block;
          float: none;
          left: -200px;
          margin-top: 0;
          position: absolute;
          text-align: left;
          top: 0px;
          width: 200px;
          z-index: 100;
          padding-top: 20px;   }
          body.short header.wrapper div.inner nav ul, header.wrapper div.inner nav ul {
            display: block;   }
            body.short header.wrapper div.inner nav ul li, header.wrapper div.inner nav ul li {
              display: block;   }
              body.short header.wrapper div.inner nav ul li a,
              header.wrapper div.inner nav ul li a {
                display: block;
                padding: 11px 11px 11px 20px;   }
                body.short header.wrapper div.inner nav ul li ul,
                header.wrapper div.inner nav ul li ul {
                  display: none;   }
          body.short header.wrapper div.inner nav a, header.wrapper div.inner nav a {
            display: block;
            margin: 0;
            padding: 10px 16px;   }
      body.short header.wrapper div.inner div.supernav,
      header.wrapper div.inner div.supernav {
        background: white;
        display: block;
        float: none;
        left: -200px;
        position: absolute;
        text-align: left;
        top: 250px;
        width: 200px;
        z-index: 100;
        padding-bottom: 10px;
        margin-top: 0;   }
        body.short header.wrapper div.inner div.supernav a,
        header.wrapper div.inner div.supernav a {
          display: block;
          margin: 0;
          padding: 11px 11px 11px 20px;   }
      body.short header.wrapper div.inner a.mobileMenu,
      header.wrapper div.inner a.mobileMenu {
        display: inline-block;   }
  section.content > .inner article {
    margin-bottom: 25px;
    width: 100% !important;   }
    section.content > .inner aside {
      border-top: 2px solid #D8DCE0;
      padding-top: 25px;
      width: 100% !important;   }
  section.content section.serviceBoxes div.service {
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #D8DCE0;
    margin: 0 0 40px 0;   }
    section.content section.serviceBoxes div.service:last-of-type {
      border-bottom: 0;
      padding-bottom: 0;   }
  div.blog article {
    margin: 0 0 40px 0;
    width: 100%;   }
  .connected-carousels div.thumbs ul li p {
    display: none;   }
    .connected-carousels div.thumbs ul li .icon {
      width: 80px;   }
      .connected-carousels div.thumbs ul li .icon img {
        max-height: 28px;   }
  body.contactUs section.content article {
    height: auto;
    width: 100%;   }
    body.contactUs section.content aside {
      height: auto;
      min-height: 500px;
      width: 100%;   }
      body.contactUs section.content aside > div {
        left: 15%;
        width: 70%;   }
}

.no-bullet {
  list-style: none; }

  .python-services {
    font-size: 1.2rem;
    font-weight: 600; }

    .cta-pad {
      padding-top: 10px; }

      .inner.cta a.button {
        margin-left: 1rem;
        margin-right: 1rem; }

p.lead {
  text-align: left;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 400;
  margin: 3rem 0 4rem 0; }
  p.lead + * {
    margin-top: -2rem; }
    @media (max-width: 800px) {
      p.lead {
        font-size: 20px;   }
}

.new-logo h3 {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 40px;
  margin-bottom: 26px; }
  .new-logo h3 span {
    position: relative;
    top: -20px;
    letter-spacing: 2px;
    background-color: white;
    padding: 0 12px;
    font-weight: 600; }
    .new-logo h3:before {
      content: '';
      width: 100%;
      left: 0;
      right: 0;
      display: block;
      border-top: 1px solid #D8DCE0; }

@keyframes cardmovement {
  0% {
    transform: translate(0, 0);
    opacity: 0;
    fill: #9BA2A8;   }
    5% {
      transform: translate(0, 0);
      opacity: 1;   }
      7.5%, 10% {
        transform: translate(0, -51px);
        opacity: 1;   }
        12.5%, 15% {
          transform: translate(0, -102px);
          opacity: 1;   }
          17.5%, 20% {
            fill: #9BA2A8;
            transform: translate(0, -153px);
            opacity: 1;   }
            22.5%, 25% {
              fill: #5C88FF;
              transform: translate(86px, -102px);
              opacity: 1;   }
              27.5%, 30% {
                fill: #5C88FF;
                transform: translate(86px, -153px);
                opacity: 1;   }
                32.5%, 35% {
                  fill: #5C88FF;
                  transform: translate(170px, -153px);
                  opacity: 1;   }
                  37.5%, 40% {
                    fill: #FF6E13;
                    transform: translate(255px, -153px);
                    opacity: 1;   }
                    42.5%, 45% {
                      fill: #57B373;
                      transform: translate(340px, -153px);
                      opacity: 1;   }
                      47.5%, 50% {
                        fill: #9BA2A8;
                        transform: translate(424px, -153px);
                        opacity: 1;   }
                        52.5%, 55% {
                          fill: #9BA2A8;
                          transform: translate(424px, -102px);
                          opacity: 1;   }
                          57.5%, 60% {
                            fill: #9BA2A8;
                            transform: translate(424px, -51px);
                            opacity: 1;   }
                            62.5%, 65% {
                              fill: #9BA2A8;
                              transform: translate(424px, 0px);   }
                              67.5%, 70% {
                                fill: #9BA2A8;
                                transform: translate(424px, 51px);
                                opacity: 0;   }
                                72.5%, 75%, 100% {
                                  fill: #9BA2A8;
                                  transform: translate(424px, 102px);
                                  opacity: 0;   }
}

.kanban-card {
  animation: cardmovement 10s ease-out infinite forwards; }

  .kanban-card:nth-of-type(2) {
    animation-delay: -0.6s; }

    .kanban-card:nth-of-type(3) {
      animation-delay: -1.2s; }

      .kanban-card:nth-of-type(4) {
        animation-delay: -1.8s; }

        .kanban-card:nth-of-type(5) {
          animation-delay: -2.4s; }

          .kanban-card:nth-of-type(6) {
            animation-delay: -3.6s; }

            .kanban-card:nth-of-type(7) {
              animation-delay: -4.2s; }

              .kanban-card:nth-of-type(8) {
                animation-delay: -4.8s; }

                .kanban-card:nth-of-type(9) {
                  animation-delay: -4.8s; }

                  .kanban-card:nth-of-type(10) {
                    animation-delay: -4.8s; }

                    .sprints {
                      display: flex; }
                      @media (max-width: 680px) {
                        .sprints {
                          display: block;   }
}
                        .sprints div.text {
                          flex: 1 1 50%;
                          padding-right: 30px; }
                          @media (max-width: 680px) {
                            .sprints div.text {
                              padding-right: 0;   }
}
                      .sprints div.graphic {
                        flex: 1 1 10%; }
                        .sprints div.graphic svg {
                          display: block;
                          margin: 0 auto;
                          min-width: 200px;
                          max-width: 300px; }

.results {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  text-align: center; }
  .results .results-inner {
    flex: 1 1 calc(50% - 40px);
    margin: 20px; }
    @media (max-width: 680px) {
      .results .results-inner {
        margin-top: 30px;   }
}
      .results .results-inner img {
        text-align: center;
        margin: 10px 15px 10px 15px;
        max-height: 86px;
        min-height: 86px;
        min-height: 86px;
        max-width: 86px; }
        .results .results-inner h2 {
          font-size: 26px;
          margin-bottom: 0; }
          .results .results-inner p {
            margin: 0 auto;
            max-width: 90%; }
            .results .results-inner p a {
              text-decoration: underline; }

@media screen and (max-width: 800px) {
  .results {
    display: block;   }
    .results p {
      margin-left: auto;
      margin-right: auto;   }
}

.codesample .highlight code, .codesample .highlight pre {
  color: #fdce93;
  background-color: #3f3f3f; }
  .codesample .highlight .hll {
    background-color: #222; }
    .codesample .highlight .c {
      color: #7f9f7f; }
      .codesample .highlight .err {
        color: #e37170;
        background-color: #3d3535; }
        .codesample .highlight .g {
          color: #7f9f7f; }
          .codesample .highlight .k {
            color: #f0dfaf; }
            .codesample .highlight .l {
              color: #ccc; }
              .codesample .highlight .n {
                color: #dcdccc; }
                .codesample .highlight .o {
                  color: #f0efd0; }
                  .codesample .highlight .x {
                    color: #ccc; }
                    .codesample .highlight .p {
                      color: #41706f; }
                      .codesample .highlight .cm {
                        color: #7f9f7f; }
                        .codesample .highlight .cp {
                          color: #7f9f7f; }
                          .codesample .highlight .c1 {
                            color: #7f9f7f; }
                            .codesample .highlight .cs {
                              color: #cd0000;
                              font-weight: bold; }
                              .codesample .highlight .gd {
                                color: #cd0000; }
                                .codesample .highlight .ge {
                                  color: #ccc;
                                  font-style: italic; }
                                  .codesample .highlight .gr {
                                    color: red; }
                                    .codesample .highlight .gh {
                                      color: #dcdccc;
                                      font-weight: bold; }
                                      .codesample .highlight .gi {
                                        color: #00cd00; }
                                        .codesample .highlight .go {
                                          color: gray; }
                                          .codesample .highlight .gp {
                                            color: #dcdccc;
                                            font-weight: bold; }
                                            .codesample .highlight .gs {
                                              color: #ccc;
                                              font-weight: bold; }
                                              .codesample .highlight .gu {
                                                color: purple;
                                                font-weight: bold; }
                                                .codesample .highlight .gt {
                                                  color: #0040D0; }
                                                  .codesample .highlight .kc {
                                                    color: #dca3a3; }
                                                    .codesample .highlight .kd {
                                                      color: #ffff86; }
                                                      .codesample .highlight .kn {
                                                        color: #dfaf8f;
                                                        font-weight: bold; }
                                                        .codesample .highlight .kp {
                                                          color: #cdcf99; }
                                                          .codesample .highlight .kr {
                                                            color: #cdcd00; }
                                                            .codesample .highlight .kt {
                                                              color: #00cd00; }
                                                              .codesample .highlight .ld {
                                                                color: #cc9393; }
                                                                .codesample .highlight .m {
                                                                  color: #8cd0d3; }
                                                                  .codesample .highlight .s {
                                                                    color: #cc9393; }
                                                                    .codesample .highlight .na {
                                                                      color: #9ac39f; }
                                                                      .codesample .highlight .nb {
                                                                        color: #efef8f; }
                                                                        .codesample .highlight .nc {
                                                                          color: #efef8f; }
                                                                          .codesample .highlight .no {
                                                                            color: #ccc; }
                                                                            .codesample .highlight .nd {
                                                                              color: #ccc; }
                                                                              .codesample .highlight .ni {
                                                                                color: #c28182; }
                                                                                .codesample .highlight .ne {
                                                                                  color: #c3bf9f;
                                                                                  font-weight: bold; }
                                                                                  .codesample .highlight .nf {
                                                                                    color: #efef8f; }
                                                                                    .codesample .highlight .nl {
                                                                                      color: #ccc; }
                                                                                      .codesample .highlight .nn {
                                                                                        color: #8fbede; }
                                                                                        .codesample .highlight .nx {
                                                                                          color: #ccc; }
                                                                                          .codesample .highlight .py {
                                                                                            color: #ccc; }
                                                                                            .codesample .highlight .nt {
                                                                                              color: #9ac39f; }
                                                                                              .codesample .highlight .nv {
                                                                                                color: #dcdccc; }
                                                                                                .codesample .highlight .ow {
                                                                                                  color: #f0efd0; }
                                                                                                  .codesample .highlight .w {
                                                                                                    color: #ccc; }
                                                                                                    .codesample .highlight .mf {
                                                                                                      color: #8cd0d3; }
                                                                                                      .codesample .highlight .mh {
                                                                                                        color: #8cd0d3; }
                                                                                                        .codesample .highlight .mi {
                                                                                                          color: #8cd0d3; }
                                                                                                          .codesample .highlight .mo {
                                                                                                            color: #8cd0d3; }
                                                                                                            .codesample .highlight .sb {
                                                                                                              color: #cc9393; }
                                                                                                              .codesample .highlight .sc {
                                                                                                                color: #cc9393; }
                                                                                                                .codesample .highlight .sd {
                                                                                                                  color: #cc9393; }
                                                                                                                  .codesample .highlight .s2 {
                                                                                                                    color: #cc9393; }
                                                                                                                    .codesample .highlight .se {
                                                                                                                      color: #cc9393; }
                                                                                                                      .codesample .highlight .sh {
                                                                                                                        color: #cc9393; }
                                                                                                                        .codesample .highlight .si {
                                                                                                                          color: #cc9393; }
                                                                                                                          .codesample .highlight .sx {
                                                                                                                            color: #cc9393; }
                                                                                                                            .codesample .highlight .sr {
                                                                                                                              color: #cc9393; }
                                                                                                                              .codesample .highlight .s1 {
                                                                                                                                color: #cc9393; }
                                                                                                                                .codesample .highlight .ss {
                                                                                                                                  color: #cc9393; }
                                                                                                                                  .codesample .highlight .bp {
                                                                                                                                    color: #efef8f; }
                                                                                                                                    .codesample .highlight .vc {
                                                                                                                                      color: #efef8f; }
                                                                                                                                      .codesample .highlight .vg {
                                                                                                                                        color: #dcdccc; }
                                                                                                                                        .codesample .highlight .vi {
                                                                                                                                          color: #ffffc7; }
                                                                                                                                          .codesample .highlight .il {
                                                                                                                                            color: #8cd0d3; }

.no-details details > * {
  position: absolute;
  visibility: hidden; }
  .no-details details > summary, .no-details details[open] > * {
    position: static;
    visibility: visible; }
    .no-details details > summary {
      display: block; }
      .no-details details > summary:before {
        content: "►";
        padding-right: 5px; }
.no-details details[open] > summary:before {
  content: "▼"; }

figure {
  display: block; }
  figure.left {
    display: inline;
    float: left; }
    figure.right {
      display: inline;
      float: right; }
      figure.center {
        margin: 0 auto;
        float: none; }
        figure figcaption {
          text-align: center; }
          figure figcaption .title {
            display: block; }

.googleMap iframe {
  display: block;
  width: 100%;
  height: 400px; }
  .googleMap a {
    color: #0000ff;
    font-size: 75%; }

.cke_editable .align-left, .htmlOutput .align-left {
  text-align: left; }
  .cke_editable .align-center, .htmlOutput .align-center {
    text-align: center; }
    .cke_editable .align-right, .htmlOutput .align-right {
      text-align: right; }
      .cke_editable .align-justify, .htmlOutput .align-justify {
        text-align: justify; }
        .cke_editable .text-indent-1, .htmlOutput .text-indent-1 {
          text-indent: 10px; }
          .cke_editable .text-indent-2, .htmlOutput .text-indent-2 {
            text-indent: 20px; }
            .cke_editable .text-indent-3, .htmlOutput .text-indent-3 {
              text-indent: 30px; }
              .cke_editable .text-indent-4, .htmlOutput .text-indent-4 {
                text-indent: 40px; }
                .cke_editable .text-indent-5, .htmlOutput .text-indent-5 {
                  text-indent: 50px; }

.tabify .tabContent {
  display: none;
  padding: 10px 10px; }
  .tabify .tabContent.active {
    display: block; }

iframe.video {
  width: 560px;
  height: 315px; }