/* ==========================================================================
Variables and things
========================================================================== */
/**
 * Mixin scrollbar
 */
/* Uncomment and set these variables to customize the grid. */
.container-flexbox-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem; }

.row > div {
  margin-bottom: 1em; }

/*.row > div > div {
  border: 1px solid #e5e5e5;
}*/
.row:last-child {
  margin-bottom: -1em; }

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem; }

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem; }

.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%; }

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%; }

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%; }

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%; }

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%; }

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%; }

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%; }

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%; }

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-1 {
  margin-left: 8.333%; }

.col-xs-offset-2 {
  margin-left: 16.667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.333%; }

.col-xs-offset-5 {
  margin-left: 41.667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.333%; }

.col-xs-offset-8 {
  margin-left: 66.667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.333%; }

.col-xs-offset-11 {
  margin-left: 91.667%; }

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start; }

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center; }

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end; }

.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start; }

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center; }

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between; }

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1; }

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1; }

@media only screen and (min-width: 48em) {
  .container-flexbox {
    width: 46rem; }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem; }
  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-1 {
    margin-left: 8.333%; }
  .col-sm-offset-2 {
    margin-left: 16.667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.333%; }
  .col-sm-offset-5 {
    margin-left: 41.667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.333%; }
  .col-sm-offset-8 {
    margin-left: 66.667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.333%; }
  .col-sm-offset-11 {
    margin-left: 91.667%; }
  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start; }
  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center; }
  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; } }

@media only screen and (min-width: 62em) {
  .container-flexbox {
    width: 61rem; }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem; }
  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-1 {
    margin-left: 8.333%; }
  .col-md-offset-2 {
    margin-left: 16.667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.333%; }
  .col-md-offset-5 {
    margin-left: 41.667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.333%; }
  .col-md-offset-8 {
    margin-left: 66.667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.333%; }
  .col-md-offset-11 {
    margin-left: 91.667%; }
  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start; }
  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center; }
  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; } }

@media only screen and (min-width: 75em) {
  .container-flexbox {
    width: 71rem; }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem; }
  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%; }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%; }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%; }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%; }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%; }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%; }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%; }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%; }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-1 {
    margin-left: 8.333%; }
  .col-lg-offset-2 {
    margin-left: 16.667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.333%; }
  .col-lg-offset-5 {
    margin-left: 41.667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.333%; }
  .col-lg-offset-8 {
    margin-left: 66.667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.333%; }
  .col-lg-offset-11 {
    margin-left: 91.667%; }
  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start; }
  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center; }
  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end; }
  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start; }
  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center; }
  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end; }
  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  .between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between; }
  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1; }
  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1; } }

/* ==========================================================================
Fonts
========================================================================== */
/* ==========================================================================
Common and Defaults
========================================================================== */
[contenteditable="true"]:focus {
  outline: none; }

*:focus {
  outline: none; }

img {
  max-width: 100%;
  height: auto; }

span.no-wrap {
  white-space: nowrap; }

.relative {
  position: relative; }

/* ==========================================================================
   Development things
   ========================================================================== */
/* ==========================================================================
   Helpers
   ========================================================================== */
/* ==========================================================================
Layout with containers
========================================================================== */
html {
  padding: 0;
  margin: 0; }

body {
  background: #ffffff;
  color: #19243b;
  font-family: 'Source Sans Pro', sans-serif;
  padding: 0;
  margin: 0; }

section {
  /* background: #ededed; */
  background: #f7f5f5;
  margin: 0;
  padding: 0; }

.inner {
  padding: 50px 20px;
  box-sizing: border-box;
  text-align: left;
  max-width: 1300px;
  margin: 0 auto; }

section.white, div.white > section {
  background: #fff; }

.page-wrapper {
  text-align: center;
  box-sizing: border-box; }

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

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

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

.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important;
  margin: 0 !important; }

@media (max-width: 900px) {
  .height-target {
    height: auto !important;
    min-height: auto !important; } }

.row {
  margin-right: 0;
  margin-left: 0; }
  @media (max-width: 768px) {
    .row .row {
      margin-left: -1em;
      margin-right: -1em; } }

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
  border-top: 1px solid #ccc;
  font-size: 16px; }
  footer .inner {
    padding-top: 20px;
    padding-bottom: 20px; }
  @media (max-width: 768px) {
    footer .align-right {
      text-align: left; } }
  footer ul {
    list-style-type: none;
    padding-left: 0px; }
    footer ul li {
      list-style-type: none;
      padding-left: 0px;
      border-bottom: none; }
      footer ul li a span {
        border-bottom: none; }
      footer ul li a {
        font-size: 16px;
        padding: 0 20px 0px 0px;
        text-decoration: none; }
        footer ul li a:hover {
          text-decoration: underline; }
      footer ul li.submenu-header {
        text-transform: uppercase;
        margin-top: 10px;
        line-height: 1.2em;
        margin-bottom: 5px; }
      footer ul li.nav-trigger {
        margin-top: 30px;
        margin-bottom: 5px; }
        footer ul li.nav-trigger a {
          font-size: 20px;
          line-height: 20px; }
        footer ul li.nav-trigger:first-child {
          margin-top: 0; }
      footer ul li.last-child a {
        padding-right: 0px; }
  footer .socials a {
    display: inline-block;
    margin-right: 10px; }
    footer .socials a img {
      max-width: 35px; }

/* ==========================================================================
Header
========================================================================== */
.header {
  background: #173d67;
  border-bottom: 1px solid #073161; }
  .header .inner {
    position: relative;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px; }
  .header div.logo img {
    max-width: 250px; }
  @media (max-width: 768px) {
    .header div.logo img {
      max-width: 200px;
      height: auto; } }
  @media (max-width: 768px) {
    .header .align-right {
      text-align: left;
      margin-top: -20px; }
      .header .align-right li a {
        font-size: 18px;
        padding-left: 10px;
        padding-right: 10px; } }
  @media (max-width: 1000px) {
    .header .align-center {
      text-align: left; }
      .header .align-center > li a {
        padding-left: 0px; } }

nav ul {
  margin: 0;
  padding: 20px 0 0 0;
  list-style-type: none; }
  @media (max-width: 768px) {
    nav ul {
      padding-top: 0; } }

nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  position: relative; }
  nav li.nav-trigger:hover div.mega-nav {
    opacity: 1;
    visibility: visible; }
  nav li:hover > a {
    color: #ffffff;
    background: #65c5f6; }
  nav li a {
    text-decoration: none;
    padding: 15px 30px 15px 30px;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    transition: .25s ease-in-out; }
    nav li a:hover {
      color: #ffffff;
      background: #65c5f6; }
    @media (max-width: 768px) {
      nav li a {
        padding: 5px 30px 5px 0px;
        font-size: 16px; }
        nav li a:hover {
          background: none;
          text-decoration: underline; } }
  nav li.current > a {
    color: #fff;
    font-weight: 700;
    /*span {
				border-bottom: 3px solid #151f36;
			}*/ }
    nav li.current > a:hover {
      /*background: none;*/ }
  nav li .mega-nav {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.28);
    border-top: 5px solid #0385c8;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 35px;
    transform: translateX(-50%);
    transition: opacity .15s ease-in-out;
    z-index: 10;
    background: #fff;
    width: 180%;
    visibility: hidden;
    /*
		    opacity: 1;
		    visibility: visible;
			*/ }
    @media (max-width: 768px) {
      nav li .mega-nav {
        display: none; } }
    nav li .mega-nav.wider {
      width: 300%; }
    nav li .mega-nav .divider-right {
      border-right: 1px solid #e5e5e5; }
    nav li .mega-nav ul {
      margin: 0;
      padding: 0;
      text-align: left; }
    nav li .mega-nav li {
      border-bottom: 1px solid #e5e5e5;
      margin: 0;
      padding: 0;
      width: 100%;
      box-sizing: border-box;
      display: block; }
      nav li .mega-nav li:last-child {
        border-bottom: 0; }
    nav li .mega-nav.no-bottom-dividers {
      padding-top: 15px;
      padding-bottom: 15px; }
      nav li .mega-nav.no-bottom-dividers li {
        border-bottom: none; }
        nav li .mega-nav.no-bottom-dividers li a {
          padding-top: 12px;
          padding-bottom: 12px; }
    nav li .mega-nav a {
      padding: 20px 20px;
      margin: 0;
      color: #444;
      display: block;
      font-size: 16px;
      text-align: left;
      font-weight: 400;
      width: 100%;
      box-sizing: border-box; }
      nav li .mega-nav a p {
        margin: 0;
        font-size: 90%; }
      nav li .mega-nav a:hover {
        background: #f0f0f0; }
      nav li .mega-nav a span {
        display: block;
        margin-bottom: 5px;
        font-weight: 700; }
    nav li .mega-nav li.submenu-header {
      border-bottom: 0px; }
      nav li .mega-nav li.submenu-header span {
        padding: 10px 10px 10px 20px;
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        width: 100%;
        text-align: left;
        margin-bottom: 0px; }
        nav li .mega-nav li.submenu-header span:hover {
          background: none !important; }
      nav li .mega-nav li.submenu-header a {
        padding: 0;
        box-sizing: border-box;
        font-weight: 700; }
        nav li .mega-nav li.submenu-header a:hover {
          background: none !important; }

@media (max-width: 768px) {
  nav {
    text-align: left; } }

/* ==========================================================================
Sidebars
========================================================================== */
.task-areas ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none; }
  .task-areas ul li {
    margin-bottom: 10px; }
    .task-areas ul li.current {
      font-weight: bold; }
  .task-areas ul a.reversed {
    text-decoration: none;
    font-weight: 700; }
    .task-areas ul a.reversed:hover {
      text-decoration: underline; }

.sidebar + .quote {
  margin-top: 80px; }

.quote + .card,
.card + .quote {
  margin-top: 40px; }

.sidebar {
  /*background: #ece4c0;*/
  border-top: 8px solid #fa914d;
  border-bottom: 4px solid #fa914d;
  padding: 10px 10px 30px 10px;
  margin-top: 20px;
  margin-bottom: 30px; }
  .sidebar.with-bg {
    background: #faf7f4;
    padding: 20px 30px; }
  .sidebar ul {
    margin-top: 5px; }
  .sidebar h3 {
    margin-bottom: 10px; }
  .sidebar h3.plus {
    font-size: 90%; }
  .sidebar .note {
    font-size: 80%;
    line-height: 1.1em;
    display: block;
    margin-top: 5px; }
  .sidebar.no-border {
    border-top: 0px;
    border-bottom: 0px; }

.col-inner .resource.card {
  padding-top: 50px; }
  .col-inner .resource.card .image {
    margin-top: -50px; }

.quote {
  background: none;
  margin-top: 20px; }
  .quote .quote-image img {
    border-radius: 20px; }
  .quote.no-bg {
    background: rgba(255, 255, 255, 0.6);
    margin-top: -90px;
    margin-left: 15px;
    margin-right: 15px;
    z-index: 10;
    border: none;
    position: relative; }
  .quote .attribution {
    border-bottom: 1px solid #fa914d;
    padding: 20px 25px; }
    .quote .attribution span {
      display: block;
      text-align: left;
      line-height: 24px;
      font-size: 19px; }
    .quote .attribution .name {
      font-weight: 600; }
    .quote .attribution .title {
      font-weight: 600;
      font-size: 90%;
      line-height: 1.2em;
      margin-top: 5px; }
    .quote .attribution .credentials {
      margin-top: 5px;
      color: #f9924d;
      font-size: 90%; }
  .quote.no-image .quote-content {
    font-style: italic;
    padding: 10px 0; }
  .quote.no-image .attribution {
    padding: 10px 0;
    border-bottom: none; }
  .quote .quote-content {
    padding: 20px 25px;
    color: #000000; }

.card .quote {
  margin-top: 0; }
  .card .quote .quote-content {
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px; }
  .card .quote .attribution {
    padding-top: 20px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: none; }

.leadership .section {
  text-transform: uppercase;
  margin: 20px 0 0 0;
  display: block; }

.leadership .section + h1 {
  margin-top: 0; }

.blockquote {
  border-top: 4px solid #fa914d;
  border-bottom: 4px solid #fa914d;
  padding: 25px 10px 30px 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }
  .blockquote.with-bg {
    background: #faf7f4;
    padding: 20px 30px; }
  .blockquote h3 {
    margin-top: 0 !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important; }

/* ==========================================================================
Sections
========================================================================== */
section.gray {
  background: #f7f5f5; }

section.white {
  background: #ffffff; }

section.yellow {
  background: #eee8a5; }

section.green {
  background: #64ba7a;
  color: #fff; }
  section.green h1, section.green h2, section.green h3, section.green p {
    color: #fff; }
  section.green h2 {
    margin-bottom: 40px; }
  section.green .card {
    background: #3b8d50;
    color: #fff;
    border-color: #257139; }
    section.green .card h3 {
      margin-bottom: 5px;
      margin-top: 0;
      font-size: 24px; }
    section.green .card p {
      margin-top: 0; }

section.dk-blue {
  background: #004263;
  background: #3b687b;
  background-image: url("/_assets/images/backgrounds/header-with-filter.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff; }
  section.dk-blue .copy h1 {
    color: #fff; }
  section.dk-blue .title {
    color: #fff; }
  section.dk-blue .button {
    background: #64ba7a; }
    section.dk-blue .button:hover {
      background: #3e9354; }

section.below-intro .inner {
  padding-top: 0; }

section.items .inner {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 0; }
  @media (max-width: 768px) {
    section.items .inner {
      padding-right: 0px;
      padding-left: 0px; } }

section.items.with-padding {
  padding-top: 60px; }

section.items .item-wrapper {
  padding-right: 60px; }
  @media (max-width: 768px) {
    section.items .item-wrapper {
      padding-right: 0px; } }

section.cop {
  /*padding-bottom: 60px;*/ }
  section.cop div.inner {
    padding-top: 0; }
  section.cop .section-header {
    text-align: center; }
  section.cop .col-xs-12 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  section.cop .wrap {
    padding: 0px 60px; }
  section.cop .with-divider-right {
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5; }
    @media (max-width: 768px) {
      section.cop .with-divider-right {
        border-right: none; } }
  section.cop .action {
    display: none; }
  section.cop .item .title h3 {
    margin-bottom: 5px; }
  section.cop .item .copy p {
    margin-top: 0; }
  section.cop .item:last-child {
    border-bottom: none; }
  section.cop .section-header {
    display: none; }
  section.cop .item .button {
    display: none; }
  section.cop .item p {
    margin-top: 0; }

section.hero {
  /*
	background-image: url(/_assets/images/hero-banner.png);
	background-size: cover;
	background-position: top left;
	*/ }
  section.hero .inner {
    padding-top: 60px;
    padding-bottom: 60px; }
  section.hero.with-offset .inner {
    padding-bottom: 60px; }
  section.hero .copy h1, section.hero .copy p.title {
    font-size: 42px;
    line-height: 1.2em;
    font-weight: 300;
    margin: 0 0 20px 0;
    font-weight: 700; }
  section.hero .copy span.section {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase; }
  section.hero .copy p {
    margin: 0 0 20px 0;
    /*font-size: 26px;*/
    font-size: 20px; }
  section.hero .copy .with-button {
    margin-top: 40px;
    font-size: 16px; }
  section.hero .copy img {
    max-width: 100%;
    height: auto; }
  section.hero .copy .action {
    margin-top: 30px; }

section.action {
  text-align: center; }
  section.action h2, section.action p {
    margin: 0; }
  section.action .button {
    font-size: 20px;
    padding-left: 35px;
    padding-right: 35px; }
  section.action .inner {
    text-align: center; }
  section.action .cta-text {
    padding-right: 30px; }
  section.action.white {
    border-top: 1px solid #e5e5e5; }
  section.action.grey {
    border-top: 1px solid #e5e5e5; }

section.breadcrumb .inner {
  padding-top: 20px;
  padding-bottom: 20px; }

section.orange {
  background: #fca36b;
  background-image: url("/_assets/images/backgrounds/dots-and-lines-2.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
  border-bottom: 2px solid #e97e31; }
  section.orange h1, section.orange h2, section.orange h3, section.orange p {
    color: #fff; }
  section.orange h2 {
    margin-bottom: 40px; }
  section.orange .card {
    background: #f98b3c;
    color: #fff;
    border-color: #e97e31; }
    section.orange .card h3 {
      margin-bottom: 5px;
      margin-top: 0;
      font-size: 24px; }
    section.orange .card p {
      margin-top: 0; }

section.home-hero .inner {
  min-height: 550px;
  box-sizing: border-box; }

section.home-hero .home-shift {
  text-align: left;
  margin-left: 20px;
  margin-top: 20px; }
  section.home-hero .home-shift h1 {
    color: #484e53;
    margin: 0;
    font-size: 35px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 5px; }
  section.home-hero .home-shift h2 {
    color: #484e53;
    margin: 0;
    font-weight: 400;
    font-size: 35px;
    line-height: 42px; }
  section.home-hero .home-shift span.line {
    display: block; }

@media (min-width: 1700px) {
  section.home-hero {
    background-position: 50% 80%; } }

@media (max-width: 750px) {
  section.home-hero .home-shift {
    background: rgba(255, 255, 255, 0.4);
    padding: 30px;
    margin-top: 0; }
    section.home-hero .home-shift span.line {
      display: inline; } }

.ctas {
  cursor: pointer; }
  .ctas p.cta-header {
    margin-top: 0;
    font-size: 28px;
    line-height: 1.2em;
    font-weight: 700;
    margin-bottom: 15px; }

.clickable {
  cursor: pointer; }

.card {
  background: #fff;
  border: 1px solid #e5e5e5;
  /*border-bottom-width: 2px;
	border-right-width: 2px;*/
  padding: 30px;
  border-radius: 25px;
  background-size: cover; }
  .card h2 {
    margin-top: 0; }
  .card.no-border {
    border: none; }
  .card.no-border-radius {
    border-radius: 0; }
  .card.with-bottom-action {
    position: relative;
    min-height: 200px;
    overflow: hidden;
    cursor: pointer; }
    .card.with-bottom-action div.action {
      text-align: center;
      width: 100%;
      box-sizing: border-box;
      padding: 15px 20px 20px 20px;
      background: rgba(58, 96, 113, 0.7);
      color: #fff;
      position: absolute;
      bottom: 0;
      left: 0;
      font-weight: 400; }
      .card.with-bottom-action div.action p {
        margin: 0;
        font-size: 1.4em;
        line-height: 1.2em; }
      .card.with-bottom-action div.action.smaller p {
        font-size: 1.2em;
        line-height: 1.2em;
        margin-left: 5%;
        margin-right: 5%; }
      .card.with-bottom-action div.action p.supporting {
        font-size: 16px; }
      .card.with-bottom-action div.action.darker {
        background: rgba(0, 0, 0, 0.7);
        text-align: left; }
      .card.with-bottom-action div.action .button {
        margin-top: 20px;
        margin-bottom: 10px; }
    .card.with-bottom-action.taller {
      min-height: 350px; }
    .card.with-bottom-action:hover div.action {
      background: rgba(58, 96, 113, 0.8); }
      .card.with-bottom-action:hover div.action.darker {
        background: rgba(0, 0, 0, 0.8); }
  .card.resource {
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding-top: 40px; }
    .card.resource.clickable:hover .title {
      text-decoration: underline; }
    .card.resource.news {
      border-color: #1b7bc3; }
      .card.resource.news .category {
        background: #1b7bc3; }
    .card.resource.case-study {
      border-color: #173d67; }
      .card.resource.case-study .category {
        background: #173d67; }
    .card.resource.article {
      border-color: #4b636d; }
      .card.resource.article .category {
        background: #4b636d; }
    .card.resource.data-sheet {
      border-color: #EC6D2A; }
      .card.resource.data-sheet .category {
        background: #EC6D2A; }
    .card.resource .image {
      margin-top: -40px;
      margin-left: -30px;
      margin-right: -30px;
      margin-bottom: 30px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: inherit;
      display: block; }
    .card.resource.with-caption {
      background: #ededed; }
    .card.resource span {
      display: block;
      font-size: 16px;
      text-align: left;
      margin-bottom: 5px; }
      .card.resource span.more {
        display: inline-block;
        white-space: nowrap;
        text-decoration: underline; }
      .card.resource span.title {
        font-weight: 600;
        font-size: 1.1em;
        line-height: 1.2em; }
        .card.resource span.title a {
          text-decoration: none; }
      .card.resource span.publication {
        font-style: italic; }
      .card.resource span.category {
        position: absolute;
        top: 0px;
        right: 0px;
        color: #fff;
        padding: 5px 20px;
        text-transform: uppercase;
        font-size: 14px;
        border-bottom-left-radius: 15px;
        font-weight: 600; }

div.breadcrumb span {
  display: inline-block;
  margin-right: 10px; }

div.breadcrumb a {
  text-decoration: none; }
  div.breadcrumb a:hover {
    text-decoration: underline; }

div.breadcrumb .current-page {
  color: #02a5fa; }

@media (min-width: 1140px) {
  section.cta-with-logo .inner {
    padding-left: 50px;
    padding-right: 50px; } }

section.cta-with-logo img.supporting-image {
  margin-right: 30px; }

@media (max-width: 1140px) {
  section.cta-with-logo .align-right {
    text-align: left; } }

section.cta-with-logo h2 {
  border-bottom: 1px solid #fff;
  padding-bottom: 5px; }

section.normal h2 {
  font-weight: 600;
  color: #fff;
  margin-bottom: 0;
  margin-top: 0;
  display: inline-block; }

section.normal p {
  font-size: 1em;
  line-height: 1.2em; }

section.normal .dark-text {
  color: #484e53; }
  section.normal .dark-text h2 {
    color: #484e53; }
  section.normal .dark-text a {
    color: #484e53; }

section.normal .light-text {
  color: #fff; }
  section.normal .light-text a {
    color: #fff; }

section.normal .row > div {
  background-size: cover; }

.inside-full-width {
  padding: 60px 30px 60px 30px; }
  .inside-full-width.within-fade {
    max-width: 300px; }
  .inside-full-width.left-side {
    max-width: 600px;
    float: right; }
    @media (max-width: 1200px) {
      .inside-full-width.left-side {
        float: none;
        max-width: none; } }

section.min-height-200 .row > div {
  min-height: 200px; }

.label-note {
  width: 95%;
  text-align: left;
  font-size: 90%;
  margin-left: 20px; }

.card + .card {
  margin-top: 30px; }

.col-inner .card + .card {
  margin-top: 40px; }

.grid {
  margin-right: -1%; }
  @media (max-width: 768px) {
    .grid {
      margin-right: 0px; } }
  .grid .card + .card {
    margin-top: 0; }
  .grid .card {
    margin-bottom: 30px; }
  .grid .grid-sizer {
    width: 48%; }
    @media (max-width: 768px) {
      .grid .grid-sizer {
        width: 100%; } }
  .grid .grid-item {
    width: 48%;
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .grid .grid-item {
        width: 100%; } }

.card.listing {
  padding: 30px;
  background: #2a9fdb;
  color: #fff;
  border-radius: 25px;
  border: none;
  transition: .25s ease-in-out;
  /*&:hover {
		cursor: pointer;
		background: #1d8dc7;
	}*/ }
  .card.listing h3 {
    color: #fff;
    font-size: 32px;
    margin: 0 0 5px 0;
    font-weight: 400; }
  .card.listing p {
    margin: 0 0 5px 0; }
  .card.listing .action {
    margin-top: 20px; }
  .card.listing .button {
    padding: 5px 25px;
    background: #176e9b;
    margin-left: -5px;
    box-shadow: none;
    text-shadow: none;
    transition: .25s ease-in-out; }
    .card.listing .button:hover {
      background: #fff;
      color: #176e9b; }
    .card.listing .button:hover a {
      color: #176e9b; }

.leadership-grid {
  text-align: left;
  margin-top: 60px; }
  .leadership-grid .wrap {
    padding: 0 20px; }
  .leadership-grid span {
    display: block; }
    .leadership-grid span.name {
      font-weight: bold; }
    .leadership-grid span.title {
      text-align: left; }
    .leadership-grid span.description {
      font-size: .9em; }
  .leadership-grid .attribution {
    border-bottom: 1px solid #fa914d;
    padding: 10px 25px; }
  .leadership-grid .description {
    padding: 10px 25px; }
    .leadership-grid .description p {
      margin: 0 0 10px 0; }
  .leadership-grid .shot {
    margin-bottom: 10px;
    position: relative; }
    .leadership-grid .shot img {
      border-radius: 20px; }
    .leadership-grid .shot .character {
      display: none;
      position: absolute;
      bottom: 20px;
      right: 20px;
      border-radius: none;
      max-width: 100px; }

.contracts {
  text-align: left; }
  .contracts .information {
    cursor: pointer; }
    .contracts .information h3 {
      margin-bottom: 5px; }
    .contracts .information p {
      margin-top: 0; }
  .contracts .detail-toggler {
    background: #fa914d;
    border-radius: 20px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    color: #fff;
    text-transform: uppercase; }
    .contracts .detail-toggler:hover {
      background: #dd762b; }
  .contracts .toggler-parent {
    margin: 0; }
  .contracts .wrap-divider {
    border-left: 1px solid #e5e5e5;
    padding-left: 30px; }
  .contracts .details {
    border-left: 10px solid #fa914d;
    padding-left: 30px;
    padding-right: 30px;
    height: 0px;
    overflow: hidden;
    background: #faf7f4;
    /*word-break: break-all;*/ }
    .contracts .details a {
      word-break: break-all; }
    .contracts .details.with-columns {
      padding-left: 15px; }
    .contracts .details h4 {
      text-transform: uppercase;
      margin-bottom: 5px; }
      .contracts .details h4:first-child {
        margin-top: 20px; }
    .contracts .details p {
      margin: 0 0 1em 0; }
  .contracts .expanded .details {
    height: auto;
    margin-top: 30px;
    padding-top: 10px; }

.divider {
  padding: 0 0 30px 0;
  margin-top: 30px;
  font-size: 1px;
  height: 1px;
  box-sizing: border-box;
  border-top: 1px solid #e5e5e5; }
  .divider + h3, .divider + p, .divider + div {
    margin-top: 0; }

.with-border-top {
  border-top: 1px solid #e5e5e5; }

.with-border-bottom {
  border-bottom: 1px solid #e5e5e5; }

.darker-borders {
  border-color: #c6c6c6; }

.inline-quote {
  border-left: 5px solid #e5e5e5;
  padding-left: 20px;
  padding-right: 40px;
  margin-bottom: 40px; }
  .inline-quote > :first-child {
    margin-top: 40px; }
  .inline-quote .quote-content {
    display: block;
    font-style: italic;
    margin-bottom: 5px; }
  .inline-quote .attribution {
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: right; }

.news-stack div.card {
  padding: 20px 30px 40px 30px;
  box-sizing: border-box; }

.news-stack p {
  margin: 0; }

.news-stack p.section-title {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 20px; }

.news-stack span.title {
  display: block;
  font-weight: 600;
  text-align: left;
  margin-bottom: 5px; }

.news-stack div.abstract {
  font-size: 1em;
  line-height: 1.2em; }

div.category-divider {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  margin-bottom: 40px; }
  div.category-divider span.category {
    display: inline-block;
    color: #fff;
    padding: 10px 40px 5px 40px;
    text-transform: uppercase;
    font-size: 14px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-weight: 600;
    line-height: 14px; }
  div.category-divider.news {
    border-color: #1b7bc3; }
    div.category-divider.news .category {
      background: #1b7bc3; }
  div.category-divider.case-study {
    border-color: #173d67; }
    div.category-divider.case-study .category {
      background: #173d67; }
  div.category-divider.article {
    border-color: #4b636d; }
    div.category-divider.article .category {
      background: #4b636d; }
  div.category-divider.data-sheet {
    border-color: #EC6D2A; }
    div.category-divider.data-sheet .category {
      background: #EC6D2A; }

div.inner.with-breadcrumb {
  padding-top: 40px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px; }

.customers-carousel {
  margin-top: 10px;
  position: relative;
  box-sizing: border-box; }
  .customers-carousel .owl-item {
    display: table-cell;
    vertical-align: middle;
    float: none !important; }
  @media only screen and (min-width: 768px) {
    .customers-carousel {
      padding-left: 70px;
      padding-right: 70px; } }
  .customers-carousel .item {
    /*padding-left: 30px;
	    padding-right: 30px;
		*/
    text-align: center;
    vertical-align: middle; }
    .customers-carousel .item img {
      display: inline-block !important;
      height: auto;
      max-height: 90px;
      max-width: 150px !important;
      width: auto !important;
      text-align: center; }

section.logos {
  padding: 30px 0 40px 0;
  min-height: 100px; }
  section.logos .inner {
    padding: 0; }
  section.logos.no-padding-top {
    padding-top: 0; }

section.logos + section.main {
  margin-top: -30px; }

/* ==========================================================================
   Subnav
   ========================================================================== */
/* ==========================================================================
Text
========================================================================== */
body {
  font-family: 'Source Sans Pro', sans-serif;
  color: #444444;
  font-size: 18px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
  background: #e5e5e5; }

a, a:hover {
  color: #19243b; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Sans Pro',Sans-serif;
  text-shadow: none;
  font-weight: 700;
  color: #19243b;
  line-height: 1.3em; }

section.cop .cybersecurity .title h3 {
  color: #3a6071; }

section.cop .cybersecurity .title a {
  color: #3a6071;
  text-decoration: none; }
  section.cop .cybersecurity .title a:hover {
    text-decoration: underline; }

section.cop .cybersecurity h3 {
  color: #3a6071; }

section.cop .cybersecurity a {
  color: #3a6071;
  text-decoration: none; }
  section.cop .cybersecurity a:hover {
    text-decoration: underline; }

section.cop .it .title h3 {
  color: #EC6D2A; }

section.cop .it .title a {
  color: #EC6D2A;
  text-decoration: none; }
  section.cop .it .title a:hover {
    text-decoration: underline; }

section.cop .it h3 {
  color: #EC6D2A; }

section.cop .it a {
  color: #EC6D2A;
  text-decoration: none; }
  section.cop .it a:hover {
    text-decoration: underline; }

section.cop .bg-cybersecurity {
  background: #3a6071;
  color: #fff; }
  section.cop .bg-cybersecurity h3 {
    color: #fff; }

section.cop .bg-it {
  background: #EC6D2A;
  color: #fff; }
  section.cop .bg-it h3 {
    color: #fff; }

@media (max-width: 768px) {
  section.cop .wide-only {
    display: none; }
  section.cop .mobile-only {
    display: block; }
    section.cop .mobile-only h3 {
      padding: 20px; } }

.text-news {
  color: #1b7bc3; }

.color-news {
  border-bottom: 10px solid #1b7bc3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }
  .color-news.with-hat {
    border-top-color: #1b7bc3;
    border-top-width: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    .color-news.with-hat h3:first-child {
      margin-top: 0; }

.text-case-study {
  color: #173d67; }

.color-case-study {
  border-bottom: 10px solid #173d67;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.text-article {
  color: #4b636d; }

.color-article {
  border-bottom: 10px solid #4b636d;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.text-data-sheet {
  color: #EC6D2A; }

.color-data-sheet {
  border-bottom: 10px solid #EC6D2A;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

/* ==========================================================================
Buttons
========================================================================== */
.button {
  color: #fff;
  background: #f98b3c;
  padding: 12px 30px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  font-size: 18px;
  display: inline-block;
  border-radius: 25px;
  box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 1px #969696;
  transition: .25s ease-in-out;
  text-transform: uppercase; }
  .button a {
    text-decoration: none;
    color: #fff; }
  .button.button-outline {
    background: none;
    border: 1px solid #64ba7a; }
    .button.button-outline:hover {
      background: #64ba7a;
      color: #fff; }
  .button:hover {
    background: #db7124;
    color: #fff; }
  .button.green {
    background: #64ba7a; }
    .button.green:hover {
      background: #3e9354; }
  .button.smaller {
    padding: 8px 30px; }
  .button.gray {
    background: #8d8d8d; }
    .button.gray:hover {
      background: #1a6687; }
  .button.white {
    background: #ffffff;
    color: #3a6071;
    box-shadow: none;
    text-shadow: none; }
    .button.white:hover {
      background: #ffffff; }

.cta {
  text-align: center;
  max-width: 33%;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .cta {
      max-width: none; } }

/* ==========================================================================
  Content Things
========================================================================== */
.leadin {
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  margin-top: -20px; }
  .leadin.no-divider-bottom {
    border-bottom: none; }
  .leadin.no-padding-bottom {
    padding-bottom: 0px; }

section.white .leadin {
  border-color: #e5e5e5; }

.title {
  text-align: center; }

.item {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .item h3 {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 10px; }
    .item h3 a {
      text-decoration: none; }
      .item h3 a:hover {
        text-decoration: underline; }

h2.title {
  font-weight: 400;
  margin-top: 0; }

.photo img {
  border-radius: 20px; }

.highlight, .hero.dk-blue strong {
  font-weight: 700;
  /*background: #e8f187;
	color: #000;
	font-weight: 700;
	display: inline-block;
	padding: 2px 8px;
	margin: 0px 2px 2px 2px;*/ }

/* ==========================================================================
Homepage
========================================================================== */
section.home-hero {
  background-image: url(/_assets/images/original/home-hero-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
  background-color: #c9ebfb; }
  section.home-hero .inner {
    padding-top: 50px;
    padding-bottom: 0px; }

/* ==========================================================================
   Lists
   ========================================================================== */
/* https://css-tricks.com/a-grid-of-logos-in-squares/ */
ul {
  margin-left: 0;
  padding-left: 1em; }

.item ul li {
  margin-bottom: 10px; }

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 1rem; }

.image-grid > div {
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 1rem;
  display: grid; }

.logos .image-grid > div {
  background: none;
  border: none; }

.logos .item {
  border-bottom: 0px;
  padding: 0;
  margin: 0; }

.image-grid > div::before {
  content: "";
  padding-bottom: 100%;
  display: block; }

.image-grid > div::before,
.image-grid > div > img {
  grid-area: 1 / 1 / 2 / 2; }

.image-grid > div > img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

.sidebar-logos div {
  width: 100%;
  text-align: center;
  margin-bottom: 30px; }

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 1rem; }

.benefits-grid > div {
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 1rem;
  display: grid;
  /*border-radius: 10px;*/
  line-height: 1.2em; }

/*.benefits-grid > div::before {
  content: "";
  padding-bottom: 100%;
  display: block;
}*/
.benefits-grid > div::before,
.benefits-grid > div > img {
  grid-area: 1 / 1 / 2 / 2; }

ul.no-bullet {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none; }

.assets li {
  padding: 0;
  margin: 20px 0;
  line-height: 1.2em; }

.assets span {
  line-height: 1.2em; }
  .assets span.type {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #444; }
  .assets span.resource-title {
    display: block; }

.images div {
  display: inline-table;
  vertical-align: middle;
  padding-right: 30px; }

.home .images div{
  min-width:49%;box-sizing: border-box;padding:10px;
}

@media (max-width: 768px) {
  .images div {
    padding-right: 0;
    display: block;
    margin-bottom: 10px; }
  .images img {
    max-width: 300px !important;
    display: block; } }

.with-filters {
  padding-top: 30px;
  padding-bottom: 30px; }

.filters {
  /* Rules for sizing the icon. */ }
  .filters ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .filters ul li {
      margin: 0;
      padding: 0;
      display: inline-block;
      list-style-type: none;
      padding: 5px 20px;
      font-size: 1.3em;
      line-height: 1.3em; }
      .filters ul li a {
        text-decoration: none;
        display: inline-block; }
      .filters ul li.current {
        /*font-weight: 600;*/ }
  .filters .material-icons {
    /*display: none;*/ }
  .filters .filter-text {
    display: inline-block;
    padding-top: 2px;
    margin-left: 10px; }
  .filters .with-icon {
    display: inline-flex;
    vertical-align: middle; }
  .filters .material-icons.md-18 {
    font-size: 18px; }
  .filters .material-icons.md-24 {
    font-size: 24px; }
  .filters .material-icons.md-36 {
    font-size: 36px; }
  .filters .material-icons.md-48 {
    font-size: 48px; }

/* form  */

.custom-form{
    background-color: #e5e5e5;
}
.custom-form form{
    display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
}
.custom-form form .form_group{
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 20px;
}
.custom-form form .form_group:nth-child(2n){
    margin-right: 0;
}
.custom-form form .form_group input,
.custom-form form .form_group select,
.custom-form form .form_group textarea{
    padding: 14px 10px;
    background-color: #fff;
    outline: none;
    display: block;
    width: 100%;
    color: #000;
    border: 1px solid #aeaeae;
    transition: all 0.4s ease;
    font-size: 14px;
}
.custom-form form .form_group input:focus,
.custom-form form .form_group select:focus,
.custom-form form .form_group textarea:focus{
    padding-left: 15px;
    border-color: #173d67;
}
        .custom-form form .form_group input:-webkit-autofill,
        .custom-form form .form_group input:-webkit-autofill:hover,
        .custom-form form .form_group input:-webkit-autofill:focus,
        .custom-form form .form_group input:-webkit-autofill:active,
        .custom-form form .form_group select:-webkit-autofill,
        .custom-form form .form_group select:-webkit-autofill:hover,
        .custom-form form .form_group select:-webkit-autofill:focus,
        .custom-form form .form_group select:-webkit-autofill:active,
        .custom-form form .form_group textarea:-webkit-autofill,
        .custom-form form .form_group textarea:-webkit-autofill:hover,
        .custom-form form .form_group textarea:-webkit-autofill:focus,
        .custom-form form .form_group textarea:-webkit-autofill:active{
            background-color: #fff !important;
            -webkit-box-shadow: 0 0 0px 1000px #fff inset;
            -webkit-text-fill-color: #000;
        }
        .custom-form form .submit_button{
            text-align: center;
            padding-top: 20px;
            display: block;
            width: 100%;
        }
        .custom-form form .submit_button .submit {
            background: #173d67;
            color: #fff;
            border: unset;
            padding: 13px 30px 12px 30px;
            text-transform: uppercase;
            cursor: pointer;
            font-size: 14px;
            border-radius: 50px;
            transition: all 0.4s ease;
        }
        .custom-form form .submit_button .submit:hover{
            background-color: #48b1e6;
        }
        .sections-wrapper .custom-img a{
            display:block;
            width:100%;
        }
        .sections-wrapper .custom-img img{
            display:block;
            width:100%;
            object-fit: cover;
        }
        @media(max-width:767px){
            .custom-form form .form_group{
                width: calc(50% - 10px);
                margin-right: 20px;
            }
        }
        @media(max-width:600px){
            .custom-form form .form_group{
                width: 100%;
                margin-right: 0px;
            }
        }