@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=7e6fa471-2a62-436f-b216-8a3f34698251");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}

b, strong, .strong {
  font-weight: bold;
}

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

small, .small {
  font-size: 75%;
}

ul, ol {
  padding: 0;
  list-style-type: none;
}

dd {
  margin: 0;
}

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

/*********************
CLEARFIXIN'
*********************/
.clearfix, .nav ul {
  zoom: 1;
}
.clearfix:before, .nav ul:before, .clearfix:after, .nav ul:after {
  content: "";
  display: table;
}
.clearfix:after, .nav ul:after {
  clear: both;
}

/*********************
TOOLS
*********************/
* {
  box-sizing: border-box;
}

.image-replacement, .logo-link {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
UNITS
*********************/
/*********************
BREAKPOINTS
*********************/
/*********************
TYPOGRAPHY
*********************/
@font-face {
  font-family: "HelveticaNeueW01-67MdCn 692710";
  src: url("../fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix");
  src: url("../fonts/3a605871-b94d-4161-a394-bb2cfc975df7.eot?#iefix") format("eot"), url("../fonts/aef05e22-e1d4-4e59-bc2e-a71c13c26cca.woff") format("woff"), url("../fonts/b785b1cf-24fa-44c9-8c93-d8e2d6912c47.ttf") format("truetype"), url("../fonts/5ab0c585-fb4b-43d9-abb0-b92f452b1284.svg#5ab0c585-fb4b-43d9-abb0-b92f452b1284") format("svg");
}
@font-face {
  font-family: "HelveticaNeueW02-55Roma";
  src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
  src: url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"), url("../fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"), url("../fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"), url("../fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg");
}
@font-face {
  font-family: "HelveticaNeueW02-75Bold";
  src: url("../fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
  src: url("../fonts/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"), url("../fonts/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"), url("../fonts/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"), url("../fonts/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
}
/*********************
REM FALLBACK
*********************/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

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

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

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

.alert-success, .alert-error, .alert-info, .alert-help {
  margin: 0;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/*********************
TRANISTION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/* make keyframes that tell the start state and the end state of our object */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  animation: fadeIn ease-out 1;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}

.fade-in {
  animation-delay: 0.15s;
}

.two {
  animation-delay: 0.01s;
}

/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BUTTONS
*********************/
.button,
.button:visited {
  text-transform: uppercase;
  padding: 0.9em 3em;
  background-color: #0033A0;
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 0.5em;
  text-decoration: none;
  cursor: pointer;
  line-height: 21px;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.button:hover, .button:focus,
.button:visited:hover,
.button:visited:focus {
  color: #fff;
  background: #f25a2a;
}
.button:active,
.button:visited:active {
  background: #f25a2a;
}

.blue-button,
.blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  box-shadow: inset 0 0 3px #59b3ec;
}
.blue-button:hover, .blue-button:focus,
.blue-button:visited:hover,
.blue-button:visited:focus {
  border-color: #116396;
  background-color: #1472ad;
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}
.blue-button:active,
.blue-button:visited:active {
  background-color: #1990db;
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}

.animated {
  animation-fill-mode: both;
  animation-duration: 0.75s;
}

.animated.hinge {
  animation-duration: 0.75s;
}

.animated-slow {
  animation-fill-mode: both;
  animation-duration: 1.25s;
}

/* make keyframes that tell the start state and the end state of our object */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  opacity: 0;
  /* make things invisible upon start */
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  animation: fadeIn ease-out 1;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  animation-fill-mode: forwards;
  animation-duration: 0.6s;
}

.fadeIn {
  animation-delay: 0.35s;
}

.two {
  animation-delay: 0.01s;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  animation-delay: 0.55s;
  animation-name: fadeInLeft;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
.delay-zerofiftyfive {
  animation-delay: 0.55s;
}

.delay-one {
  animation-delay: 1s;
}

.delay-onefifty {
  animation-delay: 1.5s;
}

.fadeInUp.delayed:nth-of-type(1) {
  animation-delay: 0.125s;
}
.fadeInUp.delayed:nth-of-type(2) {
  animation-delay: 0.25s;
}
.fadeInUp.delayed:nth-of-type(3) {
  animation-delay: 0.375s;
}
.fadeInUp.delayed:nth-of-type(4) {
  animation-delay: 0.5s;
}
.fadeInUp.delayed:nth-of-type(5) {
  animation-delay: 0.625s;
}
.fadeInUp.delayed:nth-of-type(6) {
  animation-delay: 0.75s;
}
.fadeInUp.delayed:nth-of-type(7) {
  animation-delay: 0.875s;
}
.fadeInUp.delayed:nth-of-type(8) {
  animation-delay: 1s;
}
.fadeInUp.delayed:nth-of-type(9) {
  animation-delay: 1.125s;
}
.fadeInUp.delayed:nth-of-type(10) {
  animation-delay: 1.25s;
}
.fadeInUp.delayed:nth-of-type(11) {
  animation-delay: 1.375s;
}
.fadeInUp.delayed:nth-of-type(12) {
  animation-delay: 1.5s;
}
.fadeInUp.delayed:nth-of-type(13) {
  animation-delay: 1.625s;
}
.fadeInUp.delayed:nth-of-type(14) {
  animation-delay: 1.75s;
}
.fadeInUp.delayed:nth-of-type(15) {
  animation-delay: 1.875s;
}
.fadeInUp.delayed:nth-of-type(16) {
  animation-delay: 2s;
}
.fadeInUp.delayed:nth-of-type(17) {
  animation-delay: 2.125s;
}
.fadeInUp.delayed:nth-of-type(18) {
  animation-delay: 2.25s;
}
.fadeInUp.delayed:nth-of-type(19) {
  animation-delay: 2.375s;
}
.fadeInUp.delayed:nth-of-type(20) {
  animation-delay: 2.5s;
}
.fadeInUp.delayed:nth-of-type(21) {
  animation-delay: 2.625s;
}
.fadeInUp.delayed:nth-of-type(22) {
  animation-delay: 2.75s;
}
.fadeInUp.delayed:nth-of-type(23) {
  animation-delay: 2.875s;
}
.fadeInUp.delayed:nth-of-type(24) {
  animation-delay: 3s;
}
.fadeInUp.delayed:nth-of-type(25) {
  animation-delay: 3.125s;
}
.fadeInUp.delayed:nth-of-type(26) {
  animation-delay: 3.25s;
}
.fadeInUp.delayed:nth-of-type(27) {
  animation-delay: 3.375s;
}
.fadeInUp.delayed:nth-of-type(28) {
  animation-delay: 3.5s;
}
.fadeInUp.delayed:nth-of-type(29) {
  animation-delay: 3.625s;
}
.fadeInUp.delayed:nth-of-type(30) {
  animation-delay: 3.75s;
}
.fadeInUp.delayed:nth-of-type(31) {
  animation-delay: 3.875s;
}
.fadeInUp.delayed:nth-of-type(32) {
  animation-delay: 4s;
}
.fadeInUp.delayed:nth-of-type(33) {
  animation-delay: 4.125s;
}
.fadeInUp.delayed:nth-of-type(34) {
  animation-delay: 4.25s;
}
.fadeInUp.delayed:nth-of-type(35) {
  animation-delay: 4.375s;
}
.fadeInUp.delayed:nth-of-type(36) {
  animation-delay: 4.5s;
}
.fadeInUp.delayed:nth-of-type(37) {
  animation-delay: 4.625s;
}
.fadeInUp.delayed:nth-of-type(38) {
  animation-delay: 4.75s;
}
.fadeInUp.delayed:nth-of-type(39) {
  animation-delay: 4.875s;
}
.fadeInUp.delayed:nth-of-type(40) {
  animation-delay: 5s;
}
.fadeInUp.delayed:nth-of-type(41) {
  animation-delay: 5.125s;
}
.fadeInUp.delayed:nth-of-type(42) {
  animation-delay: 5.25s;
}
.fadeInUp.delayed:nth-of-type(43) {
  animation-delay: 5.375s;
}
.fadeInUp.delayed:nth-of-type(44) {
  animation-delay: 5.5s;
}
.fadeInUp.delayed:nth-of-type(45) {
  animation-delay: 5.625s;
}
.fadeInUp.delayed:nth-of-type(46) {
  animation-delay: 5.75s;
}
.fadeInUp.delayed:nth-of-type(47) {
  animation-delay: 5.875s;
}
.fadeInUp.delayed:nth-of-type(48) {
  animation-delay: 6s;
}
.fadeInUp.delayed:nth-of-type(49) {
  animation-delay: 6.125s;
}
.fadeInUp.delayed:nth-of-type(50) {
  animation-delay: 6.25s;
}

/* BASE */
/*********************
GENERAL STYLES
*********************/
* {
  -webkit-apperance: none;
}

html {
  background: #fff;
}
@media (min-width: 896px) {
  html {
    background: #f5f5f6;
  }
}

body {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #333;
  overflow-x: hidden;
}

body {
  height: 100%;
  background: #F5F5F7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.noscroll {
  overflow-y: hidden;
}

@media only screen and (min-width: 667px) {
  .onecol {
    width: 5.801104972%;
  }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%;
  }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%;
  }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%;
  }

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%;
  }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%;
  }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438%;
  }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.745856349%;
  }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%;
  }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.872928171%;
  }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%;
  }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%;
  }

  /* 100%;   } /* grid_12 */
  .onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol,
.twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }

  .first {
    margin-left: 0;
  }

  .left {
    float: left;
  }

  .last {
    float: right;
  }
}
img {
  display: block;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.page-wrap {
  margin: 0 auto;
  max-width: 1600px;
}

.wrap {
  width: 96%;
  margin: 0 auto;
}
@media (min-width: 667px) {
  .wrap {
    max-width: 1140px;
  }
}

#container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.content-header-wrap {
  height: auto;
  min-height: 100%;
  margin-bottom: -100px;
}
.content-header-wrap:after {
  content: "";
  display: block;
  height: 100px;
}

#oc-wrap {
  max-width: 1200px;
  margin: 0 auto;
  background: white;
}

/*********************
LINK STYLES
*********************/
a,
a:visited {
  color: #0033A0;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus,
a:visited:hover,
a:visited:focus {
  color: #0033A0;
}
a:link,
a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  margin: 0;
  line-height: 1.6;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}

h1,
.h1 {
  line-height: 1.02;
  font-size: 3em;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: underline;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
@media (min-width: 29em) {
  h1,
.h1 {
    font-size: 2.5em;
    text-underline-offset: 4px;
    text-decoration-thickness: 6px;
  }
}

h2,
.h2 {
  font-size: 2.315em;
  line-height: 1.15;
  color: #0033A0;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  display: inline;
}
@media (min-width: 29em) {
  h2,
.h2 {
    font-size: 1.85em;
  }
}
@media (min-width: 769px) {
  h2,
.h2 {
    font-size: 1.315em;
  }
}

a h2,
a .h2 {
  text-transform: uppercase;
}

h3,
.h3 {
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  line-height: 1;
}
@media (min-width: 29em) {
  h3,
.h3 {
    font-size: 1.3em;
  }
}
@media (min-width: 667px) {
  h3,
.h3 {
    font-size: 0.9em;
  }
}

a h3,
a .h3 {
  text-transform: uppercase;
}

h4,
.h4 {
  font-size: 1.75em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 3%;
}
@media (min-width: 29em) {
  h4,
.h4 {
    font-size: 1.1em;
  }
}
@media (min-width: 769px) {
  h4,
.h4 {
    font-size: 0.75em;
  }
}

h5,
.h5 {
  font-size: 0.846em;
  line-height: 2.09;
  text-transform: uppercase;
  letter-spacing: 2px;
}

p {
  font-size: 1.05em;
  line-height: 1.65;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}
@media (min-width: 29em) {
  p {
    font-size: 0.95em;
    line-height: 1.65;
  }
}
@media (min-width: 667px) {
  p {
    font-size: 0.75em;
    line-height: 1.65;
  }
}
@media (min-width: 769px) {
  p {
    font-size: 0.65em;
    line-height: 1.65;
  }
}
@media (min-width: 896px) {
  p {
    font-size: 0.55em;
    line-height: 1.65;
  }
}

/*********************
HEADER SYTLES
*********************/
/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  max-width: 1216px;
  margin: 3em auto 0;
}

.article-header {
  margin: 0px 0px 32px;
  margin: 0rem 0rem 2rem;
}

/* end .hentry */
.archive-title {
  margin-bottom: 1.5em;
}

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999;
  margin-bottom: 0;
}
/* entry content */
.entry-content {
  /*
  		image alignment on a screen this size may be
  		a bit difficult. It's set to start aligning
  		and floating images at the next breakpoint,
  		but it's up to you. Feel free to change it up.
  		*/
}
.entry-content ul,
.entry-content ol {
  list-style-type: disc;
  padding: 0px 0px 0px 32px;
  padding: 0rem 0rem 0rem 2rem;
}
.entry-content ul li,
.entry-content ol li {
  margin: 0px 0px 12px;
  margin: 0rem 0rem 0.75rem;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
@media (min-width: 25em) {
  .entry-content .alignleft,
.entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
}
@media (min-width: 25em) {
  .entry-content .alignright,
.entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
}
@media (min-width: 25em) {
  .entry-content .aligncenter,
.entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
}
.entry-content video,
.entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

/* end .entry-content */
.wp-caption {
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}
.wp-caption img {
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tout {
  background: #f1f1f1;
  padding: 0.75em;
}
.tout h2 {
  margin-top: 0.375em;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

.pagination {
  text-align: center;
}
.pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  margin: 1px;
}
.pagination ul li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
}
.pagination ul li a,
.pagination ul li span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.5em;
  min-width: 1em;
  display: block;
}
.pagination ul li span.current {
  font-weight: bold;
}
/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  margin-top: 1.5em;
  /* number of comments span */
}
.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */
}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
  /* end .commentlist li ul.children */
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
  /* variations */
  /* change number for different depth */
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .odd {
  background: #eee;
}
.commentlist .even {
  background: #fefefe;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content {
  margin-left: 50px;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  text-decoration: none;
  float: right;
  background: #4598bb;
  padding: 3px 5px;
  color: #fff;
  opacity: 0.65;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 0.9em;
}
.commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
  opacity: 1;
}

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 0;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
  /* form validation */
}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  min-height: 150px;
}

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}

/******************************************************************
FORM STYLES
******************************************************************/
/*

https://github.com/wesleytodd/LeSlide

.leSlide-wrap {
	position: relative;
	}
.leSlide-wrap label {
  position: relative;
  z-index: 1;
  white-space: pre;
	}
.leSlide-wrap input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
	}
.leSlide-wrap input {
  background: none;
  border: 0;
	}
.leSlide-wrap label {
  border: 1px solid #ccc;
  background: #eee;
  width: 350px;
	}
.field-focus label {
  color: #ccc;
  border: 1px solid #999;
  background: #fff;
	}
.csstransitions .leSlide-wrap label {
	transition: all 0.3s ease-out;
	}
*/
[placeholder] {
  color: #000000;
}

::-webkit-input-placeholder {
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
}

:-ms-input-placeholder {
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
}

[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.1s 0.1s ease-in-out;
  opacity: 0;
}

.name-form:focus::-webkit-input-placeholder {
  transition: text-indent 0.1s 0.1s ease-in-out;
  text-indent: -100%;
  opacity: 1;
}

.copy ol li,
.copy ul:not(.gform_fields) li,
.intro-copy.content-module ol li,
.intro-copy.content-module ul li {
  /*font-size:1.05em;*/
  line-height: 1.3;
  margin: 0 0 12px;
  margin: 0 0 0.75rem;
}

.contact .condensed-list .condensed.fax a {
  display: inline-block;
}

.event-form .gfield input[type=radio] {
  margin-right: 10px;
}

.event-form .gfield_radio li,
.event-form .gfield_checkbox li {
  line-height: 1.231;
}

.event-form .gfield input[type=radio],
.event-form .gfield input[type=checkbox] {
  width: auto;
}

.event-form .gfield > label {
  font-weight: 600;
}

.gfield.gform_hidden {
  display: none;
}

.gform_wrapper .gform_body ul {
  padding: 0;
}

.hide-title h1,
.hide-title h2 {
  display: none !important;
}

.header {
  position: relative;
  z-index: 999;
  margin: 0px auto;
  background: #fff;
}
@media (min-width: 667px) {
  .header {
    width: 100%;
    /* 			width: 96%; */
  }
}
.page-header .subnav li a {
  font-size: 1.2rem;
}

#inner-header {
  position: relative;
  width: 100%;
}

#logo {
  float: left;
  width: 70px;
}
@media (min-width: 667px) {
  #logo {
    width: 10%;
    margin: 0;
    min-width: 70px;
    background: #0033A0;
  }
}
#logo a {
  display: block;
  width: 100%;
  max-height: 160px;
}
@media (min-width: 667px) {
  #logo a:hover {
    opacity: 0.8;
  }
}
#logo img {
  width: 100%;
  max-height: 160px;
}

/*********************
NAVIGATION STYLES
*********************/
a.menu-trigger {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -15px;
  z-index: 100;
  display: block;
  width: 14px;
  cursor: pointer;
}
@media (min-width: 896px) {
  a.menu-trigger {
    display: none;
  }
}

.menu,
.drawer-trigger {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 25px;
  transition: transform 0.25s ease-in-out;
}
.menu span,
.drawer-trigger span {
  margin: 0 auto;
  position: relative;
  top: 12px;
  width: 23px;
  height: 4px;
  background-color: #000;
  display: block;
  -webkit-transition-duration: 0s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-duration: 0s;
  -moz-transition-delay: 0.2s;
}
.menu span:after, .menu span:before,
.drawer-trigger span:after,
.drawer-trigger span:before {
  position: absolute;
  content: "";
  width: 23px;
  height: 4px;
  background-color: #000;
  display: block;
}
.menu span:before,
.drawer-trigger span:before {
  margin-top: -9px;
  -webkit-transition-property: margin, -webkit-transform;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  -moz-transition-property: margin, -moz-transform;
  -moz-transition-duration: 0.2s;
  -moz-transition-delay: 0.2s, 0s;
}
.menu span:after,
.drawer-trigger span:after {
  margin-top: 9px;
  -webkit-transition-property: margin, -webkit-transform;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s, 0s;
  -moz-transition-property: margin, -moz-transform;
  -moz-transition-duration: 0.2s;
  -moz-transition-delay: 0.2s, 0s;
}
.menu:hover,
.drawer-trigger:hover {
  cursor: pointer;
}

.active-drawer .drawer-trigger span {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
}
.active-drawer .drawer-trigger span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s;
  -moz-transform: rotate(45deg);
  -moz-transition-delay: 0s, 0.2s;
}
.active-drawer .drawer-trigger span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  -moz-transform: rotate(-45deg);
  -moz-transition-delay: 0s, 0.2s;
}

.active-nav .menu span {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
}
.active-nav .menu span:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -webkit-transition-delay: 0s, 0.2s;
  -moz-transform: rotate(45deg);
  -moz-transition-delay: 0s, 0.2s;
}
.active-nav .menu span:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  -webkit-transition-delay: 0s, 0.2s;
  -moz-transform: rotate(-45deg);
  -moz-transition-delay: 0s, 0.2s;
}

.close-button {
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 0;
}
.close-button:after, .close-button:before {
  position: absolute;
  content: "";
  width: 23px;
  height: 4px;
  background-color: #000;
  display: block;
  top: 13px;
}
.close-button:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  top: 13px;
}
.close-button:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
.close-button:hover {
  cursor: pointer;
}

.logo-link {
  background: #000000;
  padding: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 83%;
  max-width: 177px;
  min-height: 75px;
  display: block;
  width: 40%;
  position: absolute;
  left: 0;
  right: 0;
  float: left;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .logo-link {
    max-width: 220px;
    min-height: 93px;
  }
}
@media (min-width: 667px) {
  .logo-link {
    margin-top: -1.5em;
    padding: 0 0 4%;
    float: none;
    max-width: none;
    background: transparent;
    background-size: auto, 100%;
    background-repeat: no-repeat;
    background-position: center center, 0 0;
    background-color: transparent;
    position: relative;
    width: 304px;
    height: 162px;
  }
  .logo-link img {
    display: none;
  }
}
.logo-link img {
  margin: 0 auto;
}
.side-wrap {
  width: 100%;
  height: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

#side {
  top: 114px;
  top: -100%;
  overflow-y: auto;
  display: block;
  position: absolute;
  z-index: 4;
  width: 100%;
  overflow: hidden;
  float: left;
  transition: all 0.25s ease-in-out;
  right: 0;
  background: #fff;
  /* Track */
  /* Handle */
}
@media (min-width: 896px) {
  #side {
    display: none;
  }
}
#side .nav {
  width: 100%;
}
#side .nav li {
  width: 100%;
  display: block;
  text-align: left;
  border-top: 1px solid #ededee;
  position: relative;
}
#side .nav li:last-child {
  border-bottom: 1px solid #ededee;
}
#side .nav li.current-menu-item a, #side .nav li.current_page_item a {
  color: #0033A0;
}
#side .nav li.current-menu-item .sub-menu li a {
  color: #717074;
}
#side .nav li a {
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  padding: 1em;
  background: #fff;
  letter-spacing: 0.05em;
}
#side .nav li a:focus {
  color: #0033A0;
}
#side .nav li:last-child a {
  border-top: none;
}
#side .nav .current-menu-parent > a {
  color: #0033A0;
}
#side .nav li.menu-accent {
  border-top: 1px solid #fff;
}
#side .nav li.menu-accent a {
  background: #ededee;
  color: #717074;
}
#side .nav li.menu-accent.current_page_item a {
  background: #a7a9ac;
  color: #fff;
}
#side .nav .sub-menu {
  position: relative;
  padding: 0;
}
#side .nav .sub-menu .current-menu-item > a {
  color: #0033A0;
}
#side .nav .sub-menu a:hover {
  color: #717074;
}
#side .nav .sub-menu .current-menu-parent > a {
  color: #0033A0;
}
#side .nav .sub-menu li a:before {
  content: "";
}
#side .nav .sub-menu li a {
  width: 100%;
  background: #ededee;
  text-transform: none;
}
#side .nav .sub-menu .sub-menu li a {
  font-size: 16px;
  font-size: 1rem;
}
#side .nav .sub-menu .sub-menu li a:before {
  content: "- ";
}
#side .login a:hover {
  color: #000000;
}
#side::-webkit-scrollbar {
  width: 6px;
}
#side::-webkit-scrollbar-track {
  background: #0033A0;
}
#side::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #000000;
}
.no-csstransforms3d.no-csstransitions #side {
  margin-left: -100%;
}
.no-csstransforms3d.no-csstransitions .active-nav #side {
  margin-left: 0;
}

.active-nav #side {
  max-height: 2500px;
  top: 70px;
}

/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.main-nav {
  display: none;
  position: absolute;
  bottom: 0;
  right: 17px;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
@media (min-width: 896px) {
  .main-nav {
    display: block;
  }
}

.nav {
  border-bottom: 0;
  margin: 0;
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */
}
@media (min-width: 667px) {
  .nav {
    background: #fff;
    border: 0;
  }
}
.nav ul {
  margin: 0;
}
.nav li {
  /*
  so you really have to rethink your dropdowns for mobile.
  you don't want to have it expand too much because the
  screen is so small. How you manage your menu should
  depend on the project. Here's some great info on it:
  http://www.alistapart.com/articles/organizing-mobile/
  */
  /* showing sub-menus */
}
@media (min-width: 667px) {
  .nav li {
    float: left;
    position: relative;
  }
}
.nav li a {
  display: block;
  text-decoration: none;
  padding: 10px 20px;
  color: #717074;
  font-size: 0.7em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  /*
  remember this is for mobile ONLY, so there's no need
  to even declare hover styles here, you can do it in
  the style.scss file where it's relevant. We want to
  keep this file as small as possible!
  */
}
@media (min-width: 667px) {
  .nav li a {
    border-bottom: 0;
  }
}
@media (min-width: 667px) {
  .nav li a:hover, .nav li a:focus {
    color: #0033A0;
  }
}
.nav li ul.sub-menu,
.nav li ul.children {
  /* highlight sub-menu current page */
}
@media (min-width: 667px) {
  .nav li ul.sub-menu,
.nav li ul.children {
    margin: 0;
    width: auto;
    background: #fff;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;
    margin-top: 0px;
  }
}
.nav li ul.sub-menu li,
.nav li ul.children li {
  float: none;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}
@media (min-width: 667px) {
  .nav li ul.sub-menu li a,
.nav li ul.children li a {
    padding: 0;
    border-right: 0;
    display: block;
    min-width: 120px;
    line-height: 1.125;
    text-transform: none;
    padding: 9px 21px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.nav li ul.sub-menu li a:hover, .nav li ul.sub-menu li a:focus,
.nav li ul.children li a:hover,
.nav li ul.children li a:focus {
  color: #fff;
  background: #0033A0;
}
@media (min-width: 667px) {
  .nav li ul.sub-menu li:last-child,
.nav li ul.children li:last-child {
    border-bottom: 0;
  }
}
.nav li ul.sub-menu li.current-menu-item a,
.nav li ul.sub-menu li.current_page_item a,
.nav li ul.children li.current-menu-item a,
.nav li ul.children li.current_page_item a {
  color: #fff;
  background: #0033A0;
}
.nav li ul.sub-menu li.current-menu-item a:hover,
.nav li ul.sub-menu li.current_page_item a:hover,
.nav li ul.children li.current-menu-item a:hover,
.nav li ul.children li.current_page_item a:hover {
  color: #fff;
}
.nav li:hover ul {
  display: block;
}
.nav li.current-menu-item a,
.nav li.current_page_item a,
.nav li.current-page-ancestor a,
.nav li.current-category-ancestor a,
.nav li.current-post-ancestor a {
  color: #0033A0;
}
.nav li.current-menu-item .sub-menu li a,
.nav li.current_page_item .sub-menu li a,
.nav li.current-page-ancestor .sub-menu li a,
.nav li.current-category-ancestor .sub-menu li a,
.nav li.current-post-ancestor .sub-menu li a {
  color: #717074;
  text-transform: none;
}
.nav li.current-menu-item .sub-menu li a:hover,
.nav li.current_page_item .sub-menu li a:hover,
.nav li.current-page-ancestor .sub-menu li a:hover,
.nav li.current-category-ancestor .sub-menu li a:hover,
.nav li.current-post-ancestor .sub-menu li a:hover {
  color: #fff;
}
.nav li.current-menu-parent > a {
  color: #0033A0;
}

/* end .nav */
#side .nav > li > ul {
  transition: all 0.5s ease-in-out;
  max-height: 0;
  overflow: hidden;
  display: block;
}

#side .nav li.hover > ul {
  top: auto;
  display: block;
  max-height: 683px;
}
.top-right-menu {
  position: absolute;
  bottom: auto;
  right: 17px;
  display: none;
}
@media (min-width: 896px) {
  .top-right-menu {
    display: block;
    margin-right: 17px;
  }
}

.top-right-nav {
  margin: 0;
  float: right;
}
.top-right-nav li {
  display: block;
  float: left;
  margin-left: 2px;
}
.top-right-nav li a {
  background: #a7a9ac;
  color: #fff;
  padding: 7px 10px;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  display: block;
  letter-spacing: 0.09em;
}
.top-right-nav li a:hover {
  background: #f25a2a;
  color: #fff;
}
.top-right-nav .current_page_item a {
  background: #f25a2a;
}

.more {
  width: 70px;
  position: absolute;
  right: 0;
  height: 100%;
  cursor: pointer;
  border-left: 1px solid #ededee;
}

.more .right-arrow-nav {
  background-image: url(../img/nav-arrows.jpg);
  background-position: 0 0;
  background-size: 60px 23px;
  width: 22px;
  height: 23px;
  position: relative;
  top: 17px;
  left: 50%;
  margin-left: -12px;
}

.hover .more .right-arrow-nav {
  background-position: 82px 0;
}

.single-projects .menu-item-30 a {
  color: #0033A0;
}
.single-projects .menu-item-30 .sub-menu a {
  color: #717074;
}

/*********************
FOOTER STYLES
*********************/
.footer-info-bar {
  background: #0033A0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  clear: both;
}
.footer-info-bar p {
  display: block;
  padding: 12px 32px;
  margin: 24px 45px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #fff;
}
@media (min-width: 667px) {
  .footer-info-bar p {
    margin: 24px 0;
  }
}
.footer-info-bar p a {
  color: #fff;
}
.footer-info-bar p a:hover, .footer-info-bar p a:active, .footer-info-bar p a:focus {
  color: #fff;
  outline: none;
}

.footer {
  clear: both;
  min-height: 100px;
  background: #717074;
  margin: 0 auto;
  padding: 75px 0;
}
.footer .nav {
  background: transparent;
}
.footer .social {
  width: 302px;
  margin: 0 auto;
  margin-bottom: 22px;
}
@media (min-width: 480px) {
  .footer .social {
    width: 322px;
  }
}
@media (min-width: 667px) {
  .footer .social {
    margin: 0 auto;
  }
}
.footer .social li {
  width: 48px;
  height: 46px;
}
.footer .social span {
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  display: block;
  font-size: 0;
}
.footer .social a {
  display: block;
  width: 53px;
  height: 53px;
  border: 2px solid #bcbdc0;
  float: left;
  margin-right: 8px;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
@media (min-width: 480px) {
  .footer .social a {
    margin-right: 13px;
  }
}
.footer .social a:last-child {
  margin-right: 0;
}
.footer .social a:hover {
  opacity: 0.65;
  cursor: pointer;
}

/*
	if you checked out the link above:
	http://www.alistapart.com/articles/organizing-mobile/
	you'll want to style the footer nav
	a bit more in-depth. Remember to keep
	it simple because you'll have to
	override these styles for the desktop
	view.
	*/
.footer-links {
  margin-top: 6px;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 667px) {
  .footer-links {
    width: auto;
  }
}
/* end .footer-links */
.footer-nav {
  display: inline-block;
}
.footer-nav li {
  display: inline-block;
}
@media (min-width: 667px) {
  .footer-nav li {
    display: inline-block;
  }
}
.footer-nav li a {
  padding: 0;
  display: inline-block;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
.footer-nav li a:last-child {
  padding: 0 6px;
}
@media (min-width: 667px) {
  .footer-nav li a:last-child {
    padding: 24px 12px 0 12px;
  }
}

.footer-nav li a,
.copyright {
  font-size: 1em;
  color: #bcbdc0;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 667px) {
  .footer-nav li a,
.copyright {
    font-size: 0.65em;
  }
}

.footer #inner-footer .instagram-gray-small {
  width: auto;
  background-position: -452px 0;
}

.copyright {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  padding: 0 6px;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  text-decoration: none;
}
@media (min-width: 667px) {
  .copyright {
    padding: 24px 12px 0 12px;
  }
}

/*********************
SIDEBARS & ASIDES
*********************/
@media (min-width: 667px) {
  .sidebar {
    margin-top: 0;
  }
}
.sidebar div:first-child {
  margin-top: 0;
}

@media (min-width: 667px) {
  .widgettitle {
    margin-bottom: 0.75em;
  }
}

@media (min-width: 667px) {
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
}
.widget ul li {
  /* deep nesting */
}
@media (min-width: 667px) {
  .widget ul li {
    margin-bottom: 0.75em;
  }
}
@media (min-width: 667px) {
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
}

/* links widget */
/* meta widget */
/* pages widget */
/* recent-posts widget */
/* archives widget */
/* tag-cloud widget */
/* calendar widget */
/* category widget */
/* recent-comments widget */
/* search widget */
/* text widget */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../js/libs/slick/fonts/slick.eot");
  src: url("../js/libs/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../js/libs/slick/fonts/slick.woff") format("woff"), url("../js/libs/slick/fonts/slick.ttf") format("truetype"), url("../js/libs/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  display: none !important;
}
@media (min-width: 667px) {
  .slick-prev,
.slick-next {
    position: absolute;
    display: block !important;
    height: 100%;
    width: 10%;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: -50%;
    transform: translate(0, 50%);
    /* Opera */
    -ms-transform: translate(0, 50%);
    /* IE 9 */
    /* Firefox */
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding: 0;
    border: none;
    outline: none;
  }
  .slick-prev:hover,
.slick-next:hover {
    outline: none;
    background: transparent;
    color: transparent;
  }
  .slick-prev:hover:before,
.slick-next:hover:before {
    opacity: 1;
    background-image: url(../img/arrow-white-dropshadow.png);
  }
  .slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 1;
  }
}

.locations .slider .slick-prev, .locations .slider .slick-next {
  display: none !important;
}

.slick-prev:before, .slick-next:before {
  content: "";
  opacity: 1;
  background-image: none;
  background-size: 276px 63px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 55px;
  height: 60px;
}

.slick-prev {
  left: 0;
}
.slick-prev:before {
  background-position: -6px 0;
}

.slick-next {
  right: 0;
}
.slick-next:before {
  background-position: -70px 0;
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 7.5%;
  right: 2.2%;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: #fff;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  border: 5px solid #fff;
  opacity: 0.5;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button {
  color: #fff;
  opacity: 1;
}

/*********************************************
Columns Modules
**********************************************/
.one .text-container {
  padding: 6%;
}
@media (min-width: 29em) {
  .one .text-container {
    padding: 10% 10% 10% 10%;
  }
}

.two .text-container {
  padding: 3%;
}
@media (min-width: 29em) {
  .two .text-container {
    padding: 5% 5% 5% 5%;
  }
}

.three .text-container {
  padding: 1.5%;
}
@media (min-width: 29em) {
  .three .text-container {
    padding: 3.333333% 3.333333% 3.333333% 3.333333%;
  }
}

/*********************************************
Module Helpers/Details
**********************************************/
.one {
  width: 33.3333%;
}

.two {
  width: 66.6666%;
}

.three {
  width: 100%;
}

.block-on-tablet .one-tablet {
  width: 50%;
}
.block-on-tablet .one-tablet .text-container {
  padding: 7.5%;
}
.block-on-tablet .two-tablet {
  width: 100%;
}
.block-on-tablet .two-tablet .text-container {
  padding: 3%;
}
.block-on-tablet .half-width-tablet {
  width: 50%;
}
@media (max-width: 550px) {
  .block-on-tablet .one-tablet {
    width: 100%;
  }
}

.block-on-mobile .one-mobile {
  width: 100%;
}
.block-on-mobile .half-width-mobile {
  width: 50%;
}
.block-on-mobile .text-container {
  padding: 6%;
  padding: 10%;
}

.one.overlay .condensed {
  padding: 10% 0% 0% 10%;
}

.two.overlay .condensed {
  padding: 5% 0% 0% 5%;
}

.three.overlay .condensed {
  padding: 3.333% 0% 0% 3.333%;
}

.half {
  width: 50%;
}
.half .text-container {
  padding: 7.5% 15% 7.5% 7.5%;
}

/*********************************************
Text
**********************************************/
.underline {
  text-decoration: underline;
}

.link {
  color: #0033A0;
  text-decoration: underline;
}

.bold {
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.condensed {
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  margin-bottom: 4%;
  display: block;
  color: #717074;
  font-size: 13.6px;
  font-size: 0.85rem;
}
@media (min-width: 667px) {
  .condensed {
    font-size: 15.2px;
    font-size: 0.95rem;
  }
}
@media (min-width: 896px) {
  .condensed {
    font-size: 16px;
    font-size: 1rem;
  }
}
.condensed.header-title {
  color: #000000;
}
.condensed a {
  color: #717074;
}

.large-number {
  font-size: 5.685em;
  text-decoration: underline;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  position: absolute;
  top: 5.5%;
  right: 5.5%;
  line-height: 0.65;
}
@media (min-width: 769px) {
  .large-number {
    font-size: 6.685em;
  }
}

/*********************************************
Headers
**********************************************/
.page-header {
  position: relative;
  border-top: none;
}
.page-header.block {
  border-top: 0;
}
.page-header .text-container {
  z-index: 2;
  width: 100%;
  padding: 3.333333% 3% 3.33333% 7%;
}
@media (min-width: 667px) {
  .page-header .text-container {
    margin-right: 0;
    padding: 3.333333% 3.333333% 3.33333% 9%;
  }
}
@media (min-width: 896px) {
  .page-header .text-container {
    margin-right: 0;
    padding: 3.333333% 3.333333% 3.33333% 10%;
  }
}
.page-header .text-container a {
  display: inline;
}
.page-header p {
  color: #fff;
  text-shadow: 0px 0px 34px rgba(0, 0, 0, 0.75);
}
.page-header h1 {
  color: #fff;
}
.page-header p {
  margin-top: 4%;
}
.page-header strong {
  text-transform: uppercase;
  font-size: 1.35em;
  line-height: 1;
}
.page-header .link {
  color: #f25a2a;
}
.page-header img {
  width: 100%;
}

.break .text-container {
  padding: 3.333333% 3.33333% 3.33333% 7%;
}
@media (min-width: 667px) {
  .break .text-container {
    padding: 3.333333% 3.33333% 3.33333% 9%;
  }
}
@media (min-width: 896px) {
  .break .text-container {
    padding: 3.333333% 3.3333333% 3.33333% 10%;
  }
}

.no-image.page-header {
  height: 372px;
}
.no-image.page-header h1 {
  font-size: 3.5em;
}

.no-image.blue a {
  color: #fff;
}
.no-image.blue:hover {
  background: #0033A0;
}

.no-image.gray a {
  color: #fff;
}

.subnav {
  margin-top: 1.5%;
  margin-bottom: 0;
  width: 100%;
}
.subnav li {
  display: inline;
}
.subnav li a {
  font-size: 16px;
  font-size: 1rem;
  margin-right: 3%;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 4px;
  text-decoration: none;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  margin-bottom: 4%;
  display: block;
}
@media (min-width: 667px) {
  .subnav li a {
    margin-right: 2%;
  }
}
.subnav li a:hover {
  background: #0033A0;
  color: #fff;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  border-radius: 1px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.subnav .current_page_item a,
.subnav .current-menu-item a {
  background: #0033A0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  border-radius: 1px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

/**********************************************/
.slick-slider {
  margin: 0;
}

.slider img,
.content-header img,
.cover-image img,
.quote img {
  width: 100%;
  height: 100%;
}

.slider .slick-list,
.slider .slick-track,
.slider .cover-image,
.static-image .slick-list,
.static-image .slick-track,
.static-image .cover-image {
  height: 100%;
}
.slider .project-title-wrap,
.static-image .project-title-wrap {
  width: 30%;
}
.slider h2,
.static-image h2 {
  background: #0033A0;
  padding: 6px 0 8px;
  box-shadow: 8px 0 0 #0033A0, -8px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  margin: 0 0px;
  color: #fff;
  font-size: 1.2em;
  position: relative;
  left: 7px;
  line-height: 1.75;
  display: inline;
  text-indent: 0;
}
@media (min-width: 896px) {
  .slider h2,
.static-image h2 {
    line-height: 1.5;
    box-shadow: 19px 0 0 #0033A0, -20px 0 0 #0033A0;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    border-radius: 1px;
    left: 19px;
  }
}
.slider h1,
.static-image h1 {
  font-size: 3em;
  text-shadow: 0px 0px 31px rgba(0, 0, 0, 0.1);
}
@media (min-width: 29em) {
  .slider h1,
.static-image h1 {
    font-size: 3em;
  }
}
.slider .text-container,
.static-image .text-container {
  padding-bottom: 0;
  padding-top: 0;
}
.slider .related-project-slider h2,
.static-image .related-project-slider h2 {
  text-transform: none;
  text-decoration: none;
}
.slider .block,
.static-image .block {
  border: none;
}
.slider .image-border,
.static-image .image-border {
  border-right: 1px solid #fff;
}
.slider .white h1,
.static-image .white h1 {
  color: #0033A0;
}
.slider .blue h2,
.slider .blue h2:hover,
.static-image .blue h2,
.static-image .blue h2:hover {
  box-shadow: 19px 0 0 #fff, -20px 0 0 #fff;
  color: #0033A0;
  background: #fff;
  padding: 7px;
}

.block-on-mobile .hide-block-on-mobile,
.block-on-tablet .hide-block-on-tablet {
  display: none;
}

.block-on-mobile .hide-on-mobile,
.block-on-tablet .hide-on-tablet {
  display: none;
}

/**********************************************/
.cover-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/*********************************************
Icons/Buttons
**********************************************/
.box-button {
  position: absolute;
  display: block;
  height: 44px;
  width: 45px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
  border: 4px solid #fff;
}
.box-button:hover, .box-button:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.box-button:before {
  content: "";
  background-image: url(../img/sprites/icon-small-sprite.png);
  background-size: 1113px 88px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 25px;
  height: 26px;
}

.box-button.left:before {
  background-position: -600px 0;
}

.box-button.right:before {
  background-position: -788px 0;
}

.box-button.up:before {
  background-position: -1025px 0;
  width: 26px;
  height: 25px;
}

.box-button.down:before {
  background-position: -288px 0;
  width: 26px;
  height: 25px;
}

.arrow-left,
.block-on-tablet .left-arrow-tablet,
.block-on-mobile .right-arrow-mobile {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
  top: 50%;
  position: absolute;
  left: 50%;
  z-index: 2;
  margin-top: -14px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media (min-width: 29em) {
  .arrow-left,
.block-on-tablet .left-arrow-tablet,
.block-on-mobile .right-arrow-mobile {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #fff;
    border-left: none;
    left: 50%;
    margin-top: 0;
    margin-left: -14px;
  }
}

.arrow-right,
.block-on-tablet .right-arrow-tablet,
.block-on-mobile .right-arrow-mobile {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
  top: 50%;
  position: absolute;
  left: 50%;
  z-index: 2;
  margin-top: -14px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media (min-width: 29em) {
  .arrow-right,
.block-on-tablet .right-arrow-tablet,
.block-on-mobile .right-arrow-mobile {
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;
    border-right: none;
    left: 50%;
    margin-top: 0;
    margin-left: 14px;
  }
}

.arrow-up,
.block-on-tablet .up-arrow-tablet,
.block-on-mobile .up-arrow-mobile {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
  top: 50%;
  position: absolute;
  left: 50%;
  z-index: 2;
  margin-top: -14px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.block-on-mobile .down-arrow-mobile {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #fff !important;
  border-bottom: none !important;
  top: 50%;
  position: absolute;
  left: 50%;
  z-index: 2;
  margin-top: 14px;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.arrow-right.one-third {
  left: 50%;
}
@media (min-width: 29em) {
  .arrow-right.one-third {
    margin-left: 14px;
  }
}
@media (min-width: 769px) {
  .arrow-right.one-third {
    left: 33.3333%;
  }
}
.arrow-right.two-third {
  left: 50%;
}
@media (min-width: 29em) {
  .arrow-right.two-third {
    margin-left: 14px;
  }
}
@media (min-width: 769px) {
  .arrow-right.two-third {
    left: 66.6666%;
  }
}

.arrow-left.one-third {
  left: 50%;
}
@media (min-width: 29em) {
  .arrow-left.one-third {
    margin-left: -14px;
  }
}
@media (min-width: 769px) {
  .arrow-left.one-third {
    left: 33.3333%;
  }
}
.arrow-left.two-third {
  left: 50%;
}
@media (min-width: 29em) {
  .arrow-left.two-third {
    margin-left: -14px;
  }
}
@media (min-width: 769px) {
  .arrow-left.two-third {
    left: 66.66666%;
  }
}

.horz-half-section .right-arrow-blackbox-small {
  background-position: -925px 0;
}
@media (min-width: 29em) {
  .horz-half-section .right-arrow-blackbox-small {
    background-position: -688px 0;
  }
}

/*****************IMAGE MASK ARROWS*********************/
.arrow-overlay.three .horz-half-section.with-mask {
  width: 100%;
}
@media (min-width: 29em) {
  .arrow-overlay.three .horz-half-section.with-mask {
    width: 52.9%;
  }
}
@media (min-width: 769px) {
  .arrow-overlay.three .horz-half-section.with-mask {
    width: 35.334%;
  }
}
.arrow-overlay.three .horz-half-section.two {
  width: 100%;
}
@media (min-width: 29em) {
  .arrow-overlay.three .horz-half-section.two {
    width: 47.1%;
  }
}
@media (min-width: 769px) {
  .arrow-overlay.three .horz-half-section.two {
    width: 64.6666%;
  }
}
.arrow-overlay .vert-half-section.with-mask {
  height: 52.9%;
}
.arrow-overlay .vert-half-section {
  height: 47.1%;
}
.arrow-overlay .horz-half-section.with-mask.two {
  width: 100%;
  height: 52.9%;
}
@media (min-width: 29em) {
  .arrow-overlay .horz-half-section.with-mask.two {
    height: 100%;
    width: 52.9%;
  }
}
@media (min-width: 769px) {
  .arrow-overlay .horz-half-section.with-mask.two {
    height: 100%;
    width: 68.666%;
  }
}
.arrow-overlay .horz-half-section.with-mask.two .mask {
  width: 100%;
  height: 5.75%;
}
@media (min-width: 29em) {
  .arrow-overlay .horz-half-section.with-mask.two .mask {
    width: 5.75%;
    height: 100%;
  }
}
@media (min-width: 769px) {
  .arrow-overlay .horz-half-section.with-mask.two .mask {
    width: 2.9%;
    height: 100%;
  }
}
.arrow-overlay .horz-half-section.one {
  width: 100%;
  height: 47.1%;
}
@media (min-width: 29em) {
  .arrow-overlay .horz-half-section.one {
    height: 100%;
    width: 47.1%;
  }
}
@media (min-width: 769px) {
  .arrow-overlay .horz-half-section.one {
    height: 100%;
    width: 31.334%;
  }
}
.arrow-overlay .horz-half-section.with-mask.half {
  width: 100%;
  height: 52.9%;
}
@media (min-width: 29em) {
  .arrow-overlay .horz-half-section.with-mask.half {
    width: 52.9%;
    height: 100%;
  }
}
.arrow-overlay .horz-half-section.half {
  width: 100%;
  height: 47.1%;
}
@media (min-width: 29em) {
  .arrow-overlay .horz-half-section.half {
    width: 47.1%;
    height: 100%;
  }
}
.arrow-overlay.right-arrow-mask .horz-half-section .text-container {
  padding: 5% 10% 10% 10%;
}
@media (min-width: 29em) {
  .arrow-overlay.right-arrow-mask .horz-half-section .text-container {
    padding: 10% 10% 10% 5%;
  }
}
.arrow-overlay .border {
  width: 100%;
  height: 100%;
  border: 21px solid #fff;
  display: none;
}

.module-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.module-wrap .text-module,
.module-wrap .full-width-tout-module,
.module-wrap .links {
  width: 100%;
}
.module-wrap .text-module p:last-of-type,
.module-wrap .full-width-tout-module p:last-of-type,
.module-wrap .links p:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 667px) {
  .module-wrap .text-module .gform_wrapper {
    width: 65%;
  }
}
.module-wrap .text-module .gform_wrapper form ul {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  row-gap: 16px;
}
.module-wrap .text-module .gform_wrapper form ul li {
  margin: 0;
}
.module-wrap .text-module .gform_wrapper form ul .first-name,
.module-wrap .text-module .gform_wrapper form ul .last-name,
.module-wrap .text-module .gform_wrapper form ul .half-width {
  width: 48%;
}
.module-wrap .text-module .gform_wrapper form ul textarea,
.module-wrap .text-module .gform_wrapper form ul .full-width,
.module-wrap .text-module .gform_wrapper form ul input[type=email] {
  width: 100%;
}
.module-wrap .text-module .gform_footer {
  margin-top: 16px;
}
.module-wrap .text-module.blue input[type=submit] {
  background: #f25a2a;
}
.module-wrap .text-module.blue input[type=submit]:hover {
  background: #fff;
  color: #0033A0;
}
.module-wrap .text-module.white + .text-module.white .text-container {
  padding-top: 0;
}

.team-member-module.block.square-overlay a {
  position: absolute;
  z-index: 2;
}
.team-member-module.block.square-overlay.one-tablet {
  background-position: top;
}
.team-member-module.block.square-overlay.two-tablet {
  background-position: top;
}
.team-member-module.block.square-overlay h3 {
  opacity: 1;
}
.team-member-module.block.square-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.830969888) 23%, rgba(0, 0, 0, 0) 45%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7217261905) 22%, rgba(0, 0, 0, 0.5004376751) 39%, rgba(0, 0, 0, 0) 61%);
  z-index: 1;
}

.think-post-module.block.two {
  display: grid;
  grid-template-rows: 320px 1fr;
  margin: 0 !important;
}
@media (max-width: calc(667px - 1px)) {
  .think-post-module.block.two {
    height: auto !important;
  }
}
@media (min-width: 375px) {
  .think-post-module.block.two {
    grid-template-rows: 375px 1fr;
  }
}
@media (min-width: 414px) {
  .think-post-module.block.two {
    grid-template-rows: 414px 1fr;
  }
}
@media (min-width: 667px) {
  .think-post-module.block.two {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.think-post-module.block.two .text-container {
  position: relative;
}
@media (min-width: 29em) {
  .think-post-module.block.two {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .think-post-module.block.two .text-container {
    position: absolute;
  }
}
.think-post-module.block.two .image-link,
.think-post-module.block.two .image-link .horz-half-section {
  height: 100%;
}
.think-post-module.block.two .image-link .mask {
  bottom: 0;
  bottom: -1px;
}
@media (min-width: 29em) {
  .think-post-module.block.two.image-right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}

.full-width-tout-module {
  position: relative;
}
.full-width-tout-module .slider {
  height: 100%;
}
.full-width-tout-module .text-container {
  z-index: 2;
}
.full-width-tout-module .text-container h1,
.full-width-tout-module .text-container h2,
.full-width-tout-module .text-container h3,
.full-width-tout-module .text-container h4,
.full-width-tout-module .text-container h5,
.full-width-tout-module .text-container h6 {
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: calc(667px - 1px)) {
  .full-width-tout-module .text-container h2 {
    background: #0033A0;
    color: #fff;
    padding: 1px;
    padding: 4px 0;
    box-shadow: 11px 0 0 #0033a0, -9px 0 0 #0033a0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    border-radius: 1px;
    margin: 0 0px;
  }
}
.full-width-tout-module .text-container p {
  color: #fff;
}
@media (max-width: calc(667px - 1px)) {
  .full-width-tout-module .text-container p {
    font-size: 16px;
  }
}
.full-width-tout-module .slick-dots {
  display: none !important;
}
@media (min-width: 667px) {
  .full-width-tout-module .slick-dots {
    display: block !important;
  }
}
.full-width-tout-module img {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.testimonial {
  display: grid;
  grid-template-rows: 1fr 1fr;
}
@media (min-width: 480px) {
  .testimonial {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
@media (min-width: 480px) {
  .testimonial.image-right {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }
}
@media (max-width: calc(480px - 1px)) {
  .testimonial .horz-half-section.image {
    height: 100%;
  }
}
@media (max-width: calc(480px - 1px)) {
  .testimonial .horz-half-section.two.intro-copy {
    height: auto;
  }
}
.testimonial .horz-half-section.two .text-container {
  position: relative;
}
@media (max-width: calc(667px - 1px)) {
  .testimonial .horz-half-section.two .text-container {
    padding: 10%;
  }
  .testimonial .horz-half-section.two .text-container p {
    font-size: 16px;
  }
}

#sb_instagram.sbi_col_1 #sbi_images .sbi_item.horz-half-section.with-mask.half,
.block .image-link {
  width: 100%;
  height: 52.9%;
}
#sb_instagram.sbi_col_1 #sbi_images .sbi_item.horz-half-section.with-mask.half .horz-half-section.with-mask.half,
.block .image-link .horz-half-section.with-mask.half {
  width: 100%;
}
@media (min-width: 29em) {
  #sb_instagram.sbi_col_1 #sbi_images .sbi_item.horz-half-section.with-mask.half,
.block .image-link {
    width: 52.9%;
    height: 100%;
  }
}
#sb_instagram.sbi_col_1 #sbi_images .sbi_item.horz-half-section.with-mask.half .mask,
.block .image-link .mask {
  bottom: 14px;
}
@media (min-width: 375px) {
  #sb_instagram.sbi_col_1 #sbi_images .sbi_item.horz-half-section.with-mask.half .mask,
.block .image-link .mask {
    bottom: 19px;
  }
}
@media (min-width: 29em) {
  #sb_instagram.sbi_col_1 #sbi_images .sbi_item.horz-half-section.with-mask.half .mask,
.block .image-link .mask {
    top: 0;
    bottom: auto;
    display: block;
  }
}
@media (max-width: calc(667px - 1px)) {
  #sb_instagram.sbi_col_1 #sbi_images .sbi_item.horz-half-section.with-mask.half .text-container,
.block .image-link .text-container {
    position: relative;
  }
}

@media (max-width: calc(667px - 1px)) {
  .sbi p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.instagram-overlay-logo {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 16px;
  right: 16px;
}
@media (min-width: 29em) {
  .instagram-overlay-logo {
    right: 46px;
  }
}
.instagram-overlay-logo path {
  fill: #ffffff;
}

@media (min-width: 29em) {
  #sbi_images .block-on-mobile .one-mobile {
    display: -ms-flexbox;
    display: flex;
  }
}

.mask {
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.down-arrow-mask .mask {
  width: 100%;
  height: 5.75%;
  bottom: -1px;
  background-image: url(../img/arrow-mask-down.png);
}

.up-arrow-mask .mask {
  width: 100%;
  height: 5.75%;
  up: -1px;
  background-image: url(../img/arrow-mask-up.png);
}

.left-arrow-mask .mask {
  width: 100%;
  height: 5.75%;
  bottom: -1px;
  background-image: url(../img/arrow-mask-down.png);
}
@media (min-width: 29em) {
  .left-arrow-mask .mask {
    width: 5.75%;
    height: 100%;
    left: -1px;
    bottom: auto;
    background-image: url(../img/arrow-mask-left.png);
  }
}

.right-arrow-mask .mask {
  width: 100%;
  height: 5.75%;
  bottom: -1px;
  background-image: url(../img/arrow-mask-down.png);
}
@media (min-width: 29em) {
  .right-arrow-mask .mask {
    width: 5.75%;
    height: 100%;
    right: -1px;
    bottom: auto;
    background-image: url(../img/arrow-mask-right.png);
  }
}

/*************************COLORED ARROW MASKS*************************/
.right-arrow-mask.blue .mask {
  background-image: url(../img/arrow-mask-down-blue.png);
}
@media (min-width: 29em) {
  .right-arrow-mask.blue .mask {
    background-image: url(../img/arrow-mask-right-blue.png);
  }
}

.left-arrow-mask.blue .mask {
  background-image: url(../img/arrow-mask-down-blue.png);
}
@media (min-width: 29em) {
  .left-arrow-mask.blue .mask {
    background-image: url(../img/arrow-mask-left-blue.png);
  }
}

.up-arrow-mask.blue .mask {
  background-image: url(../img/arrow-mask-up-blue.png);
}

.down-arrow-mask.blue .mask {
  background-image: url(../img/arrow-mask-down-blue.png);
}

.right-arrow-mask.white .mask {
  background-image: url(../img/arrow-mask-down.png);
}
@media (min-width: 29em) {
  .right-arrow-mask.white .mask {
    background-image: url(../img/arrow-mask-right.png);
  }
}

.left-arrow-mask .mask {
  background-image: url(../img/arrow-mask-down.png);
}
@media (min-width: 29em) {
  .left-arrow-mask .mask {
    background-image: url(../img/arrow-mask-left.png);
  }
}

.up-arrow-mask .mask {
  background-image: url(../img/arrow-mask-up.png);
}

.down-arrow-mask .mask {
  background-image: url(../img/arrow-mask-down.png);
}

.right-arrow-mask.gray .mask {
  background-image: url(../img/arrow-mask-down-gray.png);
}
@media (min-width: 29em) {
  .right-arrow-mask.gray .mask {
    background-image: url(../img/arrow-mask-right-gray.png);
  }
}

.left-arrow-mask.gray .mask {
  background-image: url(../img/arrow-mask-down-gray.png);
}
@media (min-width: 29em) {
  .left-arrow-mask.gray .mask {
    background-image: url(../img/arrow-mask-left-gray.png);
  }
}

.up-arrow-mask.gray .mask {
  background-image: url(../img/arrow-mask-up-gray.png);
}

.down-arrow-mask.gray .mask {
  background-image: url(../img/arrow-mask-down-gray.png);
}

.right-arrow-mask.orange .mask {
  background-image: url(../img/arrow-mask-down-orange.png);
}
@media (min-width: 29em) {
  .right-arrow-mask.orange .mask {
    background-image: url(../img/arrow-mask-right-orange.png);
  }
}

.left-arrow-mask.orange .mask {
  background-image: url(../img/arrow-mask-down-orange.png);
}
@media (min-width: 29em) {
  .left-arrow-mask.orange .mask {
    background-image: url(../img/arrow-mask-left-orange.png);
  }
}

.up-arrow-mask.orange .mask {
  background-image: url(../img/arrow-mask-up-orange.png);
}

.down-arrow-mask.orange .mask {
  background-image: url(../img/arrow-mask-down-orange.png);
}

/**********************************************/
.vert-half-section {
  height: 50%;
  width: 100%;
  position: relative;
}
.vert-half-section .up-arrow-blackbox-small {
  background-position: -925px 0;
}
.vert-half-section .up-arrow-blackbox-small:hover {
  background-position: -975px 0;
}
@media (min-width: 29em) {
  .vert-half-section .up-arrow-blackbox-small {
    background-position: -925px 0;
  }
}

.block-on-tablet .vert-half-section.cancel-half-tablet {
  height: 100%;
}
.block-on-tablet .vert-half-section.cancel-half-tablet .text-container {
  padding: 7.5%;
}

.horz-half-section {
  height: 50%;
  width: 100%;
  position: relative;
}
@media (min-width: 29em) {
  .horz-half-section {
    height: 100%;
  }
}
.horz-half-section.one {
  width: 100%;
}
@media (min-width: 29em) {
  .horz-half-section.one {
    width: 50%;
  }
}
@media (min-width: 769px) {
  .horz-half-section.one {
    width: 33.3333%;
  }
}
.horz-half-section.one .text-container {
  padding: 10% 10% 10% 10%;
}
.horz-half-section.two {
  width: 100%;
}
@media (min-width: 29em) {
  .horz-half-section.two {
    width: 50%;
  }
}
@media (min-width: 769px) {
  .horz-half-section.two {
    width: 66.6666%;
  }
}
.horz-half-section.two .text-container {
  padding: 5% 5% 5% 5%;
}
.horz-half-section.half {
  width: 100%;
}
@media (min-width: 29em) {
  .horz-half-section.half {
    width: 50%;
  }
}
.horz-half-section.half .text-container {
  padding: 10%;
}
.horz-half-section .left-arrow-blackbox-small {
  background-position: -925px 0;
}
@media (min-width: 29em) {
  .horz-half-section .left-arrow-blackbox-small {
    background-position: -500px 0;
  }
}
@media (min-width: 769px) {
  .horz-half-section .left-arrow-blackbox-small {
    background-position: -500px 0;
  }
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-container {
  position: absolute;
}

.natural .text-container {
  position: relative;
}

.text-container.outline-square {
  width: 67%;
  height: 67%;
  border: 6px solid #fff;
}
@media (min-width: 667px) {
  .text-container.outline-square {
    border: 8px solid #fff;
  }
}
@media (min-width: 769px) {
  .text-container.outline-square {
    border: 10px solid #fff;
  }
}
@media (min-width: 896px) {
  .text-container.outline-square {
    border: 12px solid #fff;
  }
}

.text-container.centered.outline-square {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

@media (min-width: 896px) {
  .text-container.top.outline-square {
    top: 0%;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    margin-top: 16%;
  }
}

.text-container.outline-square.double-height-outline-square {
  height: 34%;
  width: 67%;
  top: 0%;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  margin-top: 16%;
  position: relative;
}
@media (min-width: 29em) {
  .text-container.outline-square.double-height-outline-square {
    width: 50%;
    height: 50%;
    margin-top: 10%;
  }
}
@media (min-width: 769px) {
  .text-container.outline-square.double-height-outline-square {
    height: 34%;
    width: 67%;
    top: 0%;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    margin-top: 16%;
    margin-left: 0;
    float: none;
    position: relative;
  }
}

/*********************************************
Block Modules
**********************************************/
.container {
  background: #fff;
}

.block {
  background: #fff;
  overflow: hidden;
  position: relative;
}
.block p {
  margin-bottom: 0;
}
.block a {
  width: 100%;
  height: 100%;
  color: #333;
}
.block a p {
  color: #333;
}

.block:hover .highlight {
  background: #0033A0;
  color: white;
  padding: 1px;
  padding: 4px 0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  margin: 0 0px;
}

@media (min-width: 29em) {
  .block:hover .up-arrow-blackbox-small {
    background-position: -975px 0;
  }
  .block:hover .left-arrow-blackbox-small {
    background-position: -550px 0;
  }
  .block:hover .right-arrow-blackbox-small {
    background-position: -738px 0;
  }
  .block:hover .down-arrow-blackbox-small {
    background-position: -238px 0;
  }
  .block:hover .instagram-black-small {
    background-position: -413px 0;
  }
  .block:hover .color-block {
    opacity: 0.4;
  }
}

.natural-block .text-container {
  -ms-transform: none;
      transform: none;
  position: relative;
}

.block.blue a {
  color: #fff;
}

.intro-copy.content-module.text-module {
  padding: 0;
}
.intro-copy.content-module.text-module.gray, .intro-copy.content-module.text-module.orange, .intro-copy.content-module.text-module.blue, .intro-copy.content-module.text-module.light-gray, .intro-copy.content-module.text-module.white {
  margin: 0;
}
.intro-copy h2 {
  text-transform: none;
  text-decoration: none;
  color: #0033A0;
}
.intro-copy .link {
  display: inline-block;
  color: #0033A0;
  width: auto;
  line-height: 1.05;
}
.intro-copy.blue, .intro-copy.orange, .intro-copy.gray {
  color: #fff;
}
.intro-copy.blue h1,
.intro-copy.blue h2,
.intro-copy.blue h3,
.intro-copy.blue h4,
.intro-copy.blue h5,
.intro-copy.blue h6, .intro-copy.orange h1,
.intro-copy.orange h2,
.intro-copy.orange h3,
.intro-copy.orange h4,
.intro-copy.orange h5,
.intro-copy.orange h6, .intro-copy.gray h1,
.intro-copy.gray h2,
.intro-copy.gray h3,
.intro-copy.gray h4,
.intro-copy.gray h5,
.intro-copy.gray h6 {
  color: #fff;
}
.intro-copy iframe {
  width: 100%;
  height: 250px;
}
@media (min-width: 667px) {
  .intro-copy iframe {
    height: 440px;
  }
}
@media (min-width: 769px) {
  .intro-copy iframe {
    height: 600px;
  }
}
@media (min-width: 896px) {
  .intro-copy iframe {
    height: 700px;
  }
}
.intro-copy p {
  color: #333;
  font-size: 1em;
}
@media (min-width: 29em) {
  .intro-copy p {
    font-size: 0.95em;
    line-height: 1.65;
  }
}
@media (min-width: 667px) {
  .intro-copy p {
    font-size: 0.9em;
    line-height: 1.65;
  }
}
@media (min-width: 769px) {
  .intro-copy p {
    font-size: 0.85em;
    line-height: 1.65;
  }
}
.intro-copy p:first-child {
  margin-top: 0;
}
.intro-copy.gray h2 {
  color: #fff;
}
.intro-copy.gray p {
  color: #fff;
}
.intro-copy.gray .link {
  display: inline-block;
  color: #fff;
  width: auto;
  line-height: 1.2;
}
.intro-copy.three .text-container {
  padding: 3.33% 10% 3.33% 10%;
}
.intro-copy h4 {
  font-size: 0.85em;
  color: #717074;
  text-transform: uppercase;
  margin-top: 1.5em;
}
.intro-copy h4 + p {
  margin-top: 0;
}
.intro-copy a {
  display: inline-block;
  color: #fff;
  width: auto;
  line-height: 1.2;
  text-decoration: underline;
}
.intro-copy.white a {
  color: #333;
}

.natural-block.intro-copy .text-container {
  padding: 10%;
}
@media (min-width: 667px) {
  .natural-block.intro-copy .text-container {
    padding: 7% 10%;
  }
}

.project a {
  text-decoration: none;
}
.project .text-container {
  display: block;
}
.project .text-container .highlight {
  background: #0033A0;
  color: white;
  padding: 4px 0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  margin: 0 0px;
  line-height: 1.45;
  -webkit-appearance: none;
}
@media (min-width: 896px) {
  .project .text-container .highlight {
    line-height: 1.25;
  }
}
.project .text-container h2 {
  text-transform: none;
  text-decoration: none;
}
.project.three .text-container {
  padding: 3.333% 3.333% 3.333% 3.333%;
  margin-left: 1.75%;
}
@media (min-width: 29em) {
  .project.three .text-container {
    margin-left: 0;
  }
}
@media (min-width: 667px) {
  .project.three .text-container {
    padding: 3.333% 65.666% 3.333% 3.333%;
  }
}

.video-block,
.image,
.block.square-overlay {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.video-block h2,
.image h2,
.block.square-overlay h2 {
  color: #fff;
}
.video-block .box-button,
.image .box-button,
.block.square-overlay .box-button {
  width: 70px;
  height: 70px;
}
@media (min-width: 667px) {
  .video-block .box-button,
.image .box-button,
.block.square-overlay .box-button {
    width: 85px;
    height: 85px;
  }
}
@media (min-width: 769px) {
  .video-block .box-button,
.image .box-button,
.block.square-overlay .box-button {
    width: 102px;
    height: 102px;
  }
}

.video-block h2:hover {
  background: #0033A0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  padding: 4px 0;
}
.video-block.two .text-container {
  width: 70%;
}

.text h2 {
  color: #0033A0;
}
.text h2:hover {
  background: #0033A0;
  color: #fff;
  padding: 1px;
  padding: 4px 0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  margin: 0 0px;
}
.text.orange .condensed {
  color: #fff;
}

.overlay h2 {
  color: #f25a2a;
  margin-bottom: 0.7em;
  display: inline;
  line-height: 1.25;
}
.overlay h2:hover {
  background: #f25a2a;
  color: white;
  padding: 1px;
  padding: 4px 0;
  box-shadow: 11px 0 0 #f25a2a, -9px 0 0 #f25a2a;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  margin: 0 0px;
}
.overlay p {
  color: #000000;
  margin: 0;
}
.overlay .large-number {
  color: #f25a2a;
}
.overlay .highlight {
  background: transparent;
  box-shadow: none;
}
.overlay a .link {
  color: #f25a2a;
}

.block.square-overlay h3 {
  opacity: 1;
  color: #fff;
}
@media (min-width: 896px) {
  .block.square-overlay h3 {
    opacity: 0;
  }
}
@media (min-width: 896px) {
  .block.square-overlay:hover h3 {
    opacity: 1;
  }
}

.block.square-overlay.people-feat-employee h3 {
  opacity: 1;
  color: #fff;
}
@media (min-width: 896px) {
  .block.square-overlay.people-feat-employee h3 {
    opacity: 1;
  }
}

.twitter h2 a {
  color: #0033A0;
  text-transform: uppercase;
  text-decoration: none;
}
.twitter h2:hover {
  background: #0033A0;
  color: #fff;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  padding: 4px 0;
}
.twitter h2:hover a {
  color: #fff;
}
.twitter a {
  display: inline;
  color: #333;
  text-decoration: underline;
}
.twitter li {
  font-size: 1.05em;
  line-height: 1.65;
}
@media (min-width: 29em) {
  .twitter li {
    font-size: 0.95em;
    line-height: 1.65;
  }
}
@media (min-width: 667px) {
  .twitter li {
    font-size: 0.75em;
    line-height: 1.65;
  }
}
@media (min-width: 769px) {
  .twitter li {
    font-size: 0.55em;
    line-height: 1.65;
  }
}
.twitter ul {
  margin: 0;
  margin-top: 0.5em;
}

.color-block {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.outline-square h1 {
  font-size: 2.85em;
  color: #fff;
}
.outline-square h2 {
  text-decoration: none;
  display: block;
  margin-top: 4%;
}
.outline-square p {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.5em;
  margin-top: 3%;
}
@media (min-width: 29em) {
  .outline-square p {
    font-size: 0.85em;
  }
}
@media (min-width: 667px) {
  .outline-square p {
    font-size: 0.7em;
  }
}
@media (min-width: 769px) {
  .outline-square p {
    font-size: 0.55em;
  }
}
@media (min-width: 896px) {
  .outline-square p {
    font-size: 0.5em;
  }
}
.outline-square.text-container {
  padding: 6%;
}

.services-tout .gray h2,
.services-tout .orange h2,
.services-tout .blue h2 {
  color: #fff;
}
.services-tout .orange .link {
  color: #000000;
}
.services-tout .orange:hover {
  background: #f25a2a;
}
.services-tout .orange:hover .link {
  color: #000000;
}
.services-tout .blue:hover {
  background: #0033A0;
}
.services-tout .blue:hover .link {
  color: #f25a2a;
}
.services-tout .white p {
  color: #000000;
}
.services-tout span.headline {
  text-transform: uppercase;
  margin: 0;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
.services-tout a p {
  color: #fff;
}
.services-tout .image {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.image.quote img {
  width: 100%;
}
.image.quote .text-container {
  width: 100%;
}
.image.quote.three .text-container {
  padding: 3.33% 10% 3.33% 10%;
}
.image.quote h2 {
  display: block;
  text-decoration: none;
  text-transform: none;
  text-indent: -0.5em;
  /* Change according to your font */
  font-size: 1.5em;
}
@media (min-width: 29em) {
  .image.quote h2 {
    font-size: 1.3em;
  }
}
@media (min-width: 667px) {
  .image.quote h2 {
    font-size: 1.25em;
  }
}
.image.quote h2 + p {
  margin-top: 1.5em;
}
.image.quote p {
  color: #fff;
  margin: 0;
  margin-bottom: 0;
  font-style: italic;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 1.5em;
}
@media (min-width: 29em) {
  .image.quote p {
    font-size: 1.25em;
  }
}
@media (min-width: 667px) {
  .image.quote p {
    font-size: 0.95em;
  }
}
@media (min-width: 896px) {
  .image.quote p {
    font-size: 0.65em;
  }
}
.image.quote.two .text-container {
  padding: 8%;
}
.image.quote.three .text-container {
  padding: 6.333333% 6.666667% 7.333333% 9.333333%;
}

.service-block .text-container p {
  color: #fff;
}

.post.full .image {
  width: 100%;
  height: 100%;
}
.post.full .condensed {
  color: #fff;
}
.post.full:hover h2 {
  background: transparent;
  box-shadow: none;
}
.post.full h2:hover {
  background: #0033A0;
  box-shadow: 9px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}

.post.orange .condensed {
  color: #fff;
}

/*********************************************
POSITIONS
**********************************************/
.centered,
.vert-center,
.horz-center,
.left,
.top,
.right,
.bottom {
  position: absolute;
}

.relative {
  position: relative !important;
}

/**********************************************/
.centered {
  transform: translate(-50%, -50%);
  /* Opera */
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  /* Firefox */
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
}

.vert-center {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.horz-center {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-transform: translate3d(-50%, 0);
  transform: translate3d(-50%, 0);
}

/**********************************************/
.left {
  left: 0;
}

.right {
  right: 0;
}

.top {
  top: 0;
}

.bottom {
  bottom: 0;
}

/**********************************************/
.one .icon.left,
.block-on-mobile .one-mobile .icon.left,
.block-on-mobile .one-tablet .icon.left {
  margin-left: 10%;
}
.one .icon.right,
.block-on-mobile .one-mobile .icon.right,
.block-on-mobile .one-tablet .icon.right {
  margin-right: 10%;
}
.one .icon.top,
.block-on-mobile .one-mobile .icon.top,
.block-on-mobile .one-tablet .icon.top {
  margin-top: 10%;
}
.one .icon.bottom,
.block-on-mobile .one-mobile .icon.bottom,
.block-on-mobile .one-tablet .icon.bottom {
  margin-bottom: 10%;
}

.two .icon.left,
.block-on-tablet .two-tablet .icon.left {
  margin-left: 10%;
}
.two .icon.right,
.block-on-tablet .two-tablet .icon.right {
  margin-right: 10%;
}
.two .icon.top,
.block-on-tablet .two-tablet .icon.top {
  margin-top: 10%;
}
.two .icon.bottom,
.block-on-tablet .two-tablet .icon.bottom {
  margin-bottom: 10%;
}

.three .icon.left {
  margin-left: 5%;
}
.three .icon.right {
  margin-right: 5%;
}
.three .icon.top {
  margin-top: 5%;
}
.three .icon.bottom {
  margin-bottom: 5%;
}

/*********************************************
COLORS
**********************************************/
.orange-overlay {
  background-color: rgba(242, 90, 42, 0.8);
}

.gray {
  background-color: #a7a9ac;
  color: #fff;
}
.gray .small-number {
  color: #fff;
}
.gray h2 {
  color: #fff;
}

.lighter-gray {
  background-color: #ededed;
}

.light-gray {
  background-color: #ededee;
}

.dark-gray {
  background-color: #717074;
}
.dark-gray h2 {
  color: #fff;
}
.dark-gray p {
  color: #fff;
}

.black {
  background-color: #000000;
}

.blue {
  background-color: #0033A0;
}
.blue .condensed {
  color: #a7a9ac;
}
.blue h2 {
  color: #fff;
}
.blue p {
  color: #fff;
}
.blue .link {
  color: #f25a2a;
}
.blue a p {
  color: #fff;
}
.blue .small-number {
  color: #fff;
}
.blue:not(.no-hover) h2:hover {
  background: #fff;
  color: #0033A0;
  box-shadow: 11px 0 0 #fff, -9px 0 0 #fff;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  padding: 4px 0;
}

.orange {
  color: #fff;
  background: #f25a2a;
}
.orange a,
.orange p {
  color: #fff;
}
.orange .small-number {
  color: #fff;
}
.orange h2 {
  color: #fff;
}

/*********************************************
OTHER MODULE SECTIONS (NOT BLOCKS)
**********************************************/
.title,
.intro-copy .title {
  margin-bottom: 5%;
  color: #717074;
  line-height: 1.25;
}

.intro-copy .title {
  margin-bottom: 0;
}

.intro-copy .job-title {
  font-size: 1rem;
  margin-bottom: 0;
}

.job-title {
  color: #acaeb0;
  line-height: 1.25;
  display: block;
}

.intro-copy .condensed,
.contact-module .condensed {
  font-size: 1rem;
  margin-bottom: 0;
}
.intro-copy .condensed a,
.contact-module .condensed a {
  color: #acaeb0;
}

.phone {
  font-size: 1rem;
  color: #acaeb0;
}

.project-team .condensed,
.downloads .condensed,
.intro-copy .condensed .condensed {
  line-height: 1.25;
}
.project-team ul,
.downloads ul,
.intro-copy .condensed ul {
  font-size: 0;
}
.project-team li,
.downloads li,
.intro-copy .condensed li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 47%;
  margin-right: 3%;
  margin-bottom: 10%;
}
.project-team li:nth-child(2n+2),
.downloads li:nth-child(2n+2),
.intro-copy .condensed li:nth-child(2n+2) {
  margin-right: 0;
}
@media (min-width: 29em) {
  .project-team li,
.downloads li,
.intro-copy .condensed li {
    vertical-align: top;
    width: 30.3333%;
    margin-right: 4.5%;
    margin-bottom: 10%;
  }
  .project-team li:nth-child(2n+2),
.downloads li:nth-child(2n+2),
.intro-copy .condensed li:nth-child(2n+2) {
    margin-right: 4.5%;
  }
  .project-team li:nth-child(3n+3),
.downloads li:nth-child(3n+3),
.intro-copy .condensed li:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (min-width: 896px) {
  .project-team li,
.downloads li,
.intro-copy .condensed li {
    vertical-align: top;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 5%;
  }
  .project-team li:nth-child(3n+3),
.downloads li:nth-child(3n+3),
.intro-copy .condensed li:nth-child(3n+3) {
    margin-right: 2%;
  }
  .project-team li:nth-child(2n+2),
.downloads li:nth-child(2n+2),
.intro-copy .condensed li:nth-child(2n+2) {
    margin-right: 2%;
  }
  .project-team li:nth-child(4n+4),
.downloads li:nth-child(4n+4),
.intro-copy .condensed li:nth-child(4n+4) {
    margin-right: 0;
  }
}
.project-team a:first-child,
.downloads a:first-child,
.intro-copy .condensed a:first-child {
  margin-left: 0;
}

a div {
  vertical-align: top;
}
a div img {
  width: 100%;
  height: 100%;
}
a div .title {
  margin-top: 10px;
}

.project-team {
  margin-top: 8%;
}
.project-team > div {
  margin-top: -4%;
}
.project-team .condensed {
  margin: 0;
}
.project-team li {
  margin-bottom: 0;
  margin-top: 4%;
}
.project-team a:hover .title {
  text-decoration: underline;
}

.downloads {
  margin-top: 8%;
}
.downloads div:hover .job-title {
  text-decoration: underline;
}

.sidebar a {
  text-transform: none;
  font-size: 0.85em;
}

.related-articles-sidebar h3 {
  text-decoration: none;
  margin-top: 0.75em;
  font-size: 1.75em;
  line-height: 1;
}
@media (min-width: 769px) {
  .related-articles-sidebar h3 {
    line-height: 0.825;
    margin-top: 0.75em;
    font-size: 1.25em;
  }
}
@media (min-width: 896px) {
  .related-articles-sidebar h3 {
    line-height: 0.875;
    margin-top: 0.75em;
    font-size: 0.9em;
  }
}
.related-articles-sidebar div {
  padding: 10% 10% 10% 10%;
}
@media (min-width: 769px) {
  .related-articles-sidebar div {
    padding: 10% 10% 10% 0%;
  }
}
.related-articles-sidebar p {
  font-size: 1.15em;
  margin-top: 0.25em;
  line-height: 1.55;
}
@media (min-width: 896px) {
  .related-articles-sidebar p {
    font-size: 0.55em;
    margin-top: 0.25em;
    line-height: 1.55;
  }
}
.related-articles-sidebar .condensed {
  margin-bottom: 1.5em;
}

.categories-sidebar h3 {
  text-decoration: none;
}
.categories-sidebar div {
  padding: 10% 10% 10% 10%;
}
.categories-sidebar p {
  font-size: 1.15em;
  margin-top: 0.25em;
  line-height: 1.55;
}
@media (min-width: 896px) {
  .categories-sidebar p {
    font-size: 0.55em;
    margin-top: 0.25em;
    line-height: 1.55;
  }
}
.categories-sidebar .condensed {
  margin-bottom: 1.5em;
}
.categories-sidebar li {
  list-style: none;
}
.categories-sidebar li a {
  text-transform: uppercase;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

/*********************************************
MODAL POP UP WINDOWS
**********************************************/
.open-modal h2 {
  text-transform: uppercase;
}
.open-modal h2:hover {
  cursor: pointer;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 1450px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  backface-visibility: hidden;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 896px) {
  .modal {
    width: 75%;
  }
}

.modal-show .modal-content {
  visibility: visible;
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.modal-content {
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  transition: all 0.3s;
  color: #0033A0;
  background: #fff;
  position: relative;
  margin: 0 auto;
  padding: 5%;
}
@media (min-width: 769px) {
  .modal-content {
    padding: 3%;
  }
}
.modal-content div {
  margin: 0;
  font-size: 0.65em;
}
.modal-content div ul {
  clear: both;
  overflow: auto;
  zoom: 1;
}
.modal-content div ul:before {
  content: "";
  display: table;
}
.modal-content div li {
  list-style: square outside none;
  font-size: 1.5em;
  margin-left: 5%;
  color: #333;
}
@media (min-width: 769px) {
  .modal-content div li {
    width: 45%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    float: left;
    font-size: 1em;
  }
}
.modal-content div li a {
  text-decoration: underline;
  color: #333;
}
.modal-content div p {
  font-size: 1em;
}
.modal-content h3 {
  margin-top: 1.75em;
}
.modal-content .close-modal {
  top: 18px;
  right: 18px;
}
@media (min-width: 769px) {
  .modal-content .close-modal {
    top: 25px;
    right: 34px;
  }
}

.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.3s;
}

.modal-show ~ .modal-overlay {
  opacity: 1;
  visibility: visible;
}

.modal.auto-load-modal {
  width: 90%;
  max-width: 645px;
}
.modal.auto-load-modal .modal-content {
  padding: 45px;
}
@media (min-width: 667px) {
  .modal.auto-load-modal .modal-content {
    padding: 60px;
  }
}
.modal.auto-load-modal .inner-text-wrap {
  color: #333;
  font-size: 18px;
}
@media (min-width: 896px) {
  .modal.auto-load-modal .inner-text-wrap {
    font-size: 18px;
  }
}
.modal.auto-load-modal .inner-text-wrap a {
  color: #333;
  text-decoration: underline;
}
.modal.auto-load-modal h2 {
  font-size: 22px;
}
@media (min-width: 896px) {
  .modal.auto-load-modal h2 {
    font-size: 22px;
  }
}

/*********************************************
MISC
**********************************************/
.two-third-container {
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 10%;
  padding-top: 8%;
  background: #fff;
}

.rule {
  width: 100%;
  height: 1px;
  background: transparent;
  margin: 3% 0;
}

.condensed-list {
  margin: 0;
}
.condensed-list + ul {
  margin-top: 5%;
}
.condensed-list li {
  display: block;
}
.condensed-list .condensed {
  margin-bottom: -1px;
}
.condensed-list .condensed {
  color: #a7a9ac;
}
.condensed-list .title {
  color: #717074;
}
.condensed-list .condensed a {
  text-decoration: underline;
}

.contact-block {
  padding: 7%;
}
.contact-block .main-contact img {
  width: 100%;
}
.contact-block li {
  vertical-align: top;
  width: 27.333%;
}
.contact-block .rule {
  margin: 8% 0 5% 0;
}
@media (min-width: 29em) {
  .contact-block .rule {
    margin: 2.5% 0;
  }
}

.no-padding {
  padding: 0;
}

.no-csstransforms3d .text-container.centered.outline-square {
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15%;
}

.small-number {
  font-size: 2.85em;
  color: #0033A0;
  display: block;
  margin-bottom: 4%;
}

.list.horz-half-section.two .text-container {
  padding: 5%;
}
@media (min-width: 29em) {
  .list.horz-half-section.two .text-container {
    padding: 5% 5% 5% 17%;
  }
}
@media (min-width: 769px) {
  .list.horz-half-section.two .text-container {
    padding: 5% 0% 5% 10%;
  }
}
.list.blue {
  color: #fff;
}
.list li {
  list-style: disc outside none;
  font-size: 1.25em;
}
@media (min-width: 29em) {
  .list li {
    font-size: 0.9em;
  }
}
@media (min-width: 769px) {
  .list li {
    width: 44%;
    margin-right: 6%;
    float: left;
    margin-right: 0 0%;
    font-size: 0.75em;
  }
}

.outline-hover .border {
  border: 21px solid #fff;
  display: none;
  width: 100%;
  height: 100%;
}
.outline-hover:hover .border {
  display: block;
}
.outline-hover:hover a .image {
  opacity: 1 !important;
}
.outline-hover:hover .arrow-left {
  margin-left: -36px;
}

.copy h1,
.copy h2,
.copy h3,
.copy h4,
.copy h5,
.copy h6,
.copy p {
  text-transform: none;
  text-decoration: none;
  color: #333 !important;
  margin: 0;
  margin-bottom: 1em;
}
.copy h1 {
  font-size: 1.75em;
}
@media (min-width: 769px) {
  .copy h1 {
    font-size: 1em;
  }
}
.copy h2 {
  font-size: 0.85em;
  display: block;
}
.copy h3 {
  font-size: 1.15em;
}
@media (min-width: 769px) {
  .copy h3 {
    font-size: 0.75em;
  }
}
.copy p + h3 {
  margin-top: 3em;
}
.copy ul + h3 {
  margin-top: 60px;
}

.page-content {
  padding: 10%;
  background: #fff;
}

.questions-wrap {
  max-height: none !important;
}

.cat-menu hidden,
.questions-wrap {
  width: 100%;
  max-height: 300px;
  background: #dadada;
  position: relative;
}
.cat-menu hidden .outer-content,
.questions-wrap .outer-content {
  position: relative;
  padding: 2em;
  background: #fff;
}
@media (min-width: 667px) {
  .cat-menu hidden .outer-content,
.questions-wrap .outer-content {
    padding: 1em 1.25em;
  }
}
@media (min-width: 769px) {
  .cat-menu hidden .outer-content,
.questions-wrap .outer-content {
    padding: 0.9em 1.25em;
  }
}
@media (min-width: 896px) {
  .cat-menu hidden .outer-content,
.questions-wrap .outer-content {
    padding: 0.75em 1.25em;
  }
}
.cat-menu hidden .outer-content .condensed,
.questions-wrap .outer-content .condensed {
  margin-bottom: 0;
}
.cat-menu hidden .menu-trigger,
.questions-wrap .menu-trigger {
  display: block;
  width: 27px;
  margin: 0;
  position: absolute;
  top: 1.75em;
  right: 2em;
}
@media (min-width: 667px) {
  .cat-menu hidden .menu-trigger,
.questions-wrap .menu-trigger {
    top: 0.75em;
    right: 1.25em;
  }
}
@media (min-width: 769px) {
  .cat-menu hidden .menu-trigger,
.questions-wrap .menu-trigger {
    top: 0.75em;
    right: 1.25em;
  }
}
@media (min-width: 896px) {
  .cat-menu hidden .menu-trigger,
.questions-wrap .menu-trigger {
    top: 0.7em;
    right: 1.25em;
  }
}
.cat-menu hidden .drawer,
.cat-menu hidden .faq-questions,
.questions-wrap .drawer,
.questions-wrap .faq-questions {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.cat-menu hidden .drawer .bold .sub-menu,
.cat-menu hidden .faq-questions .bold .sub-menu,
.questions-wrap .drawer .bold .sub-menu,
.questions-wrap .faq-questions .bold .sub-menu {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
.cat-menu hidden ul,
.questions-wrap ul {
  margin: 0;
  padding: 2em 2em 2em 2em;
}
@media (min-width: 667px) {
  .cat-menu hidden ul,
.questions-wrap ul {
    padding: 1.55em 2.25em 1.25em 2.25em;
  }
}
.cat-menu hidden li,
.questions-wrap li {
  width: 16.666%;
  float: left;
  line-height: 1.05;
  margin-bottom: 0.5em;
}
.cat-menu hidden li:first-child,
.questions-wrap li:first-child {
  width: 10%;
}
.cat-menu hidden li a,
.questions-wrap li a {
  line-height: 1.5;
  color: #717074;
}
@media (min-width: 769px) {
  .cat-menu hidden li a,
.questions-wrap li a {
    line-height: 1.05;
  }
}
.cat-menu hidden li a:hover, .cat-menu hidden li a:focus,
.questions-wrap li a:hover,
.questions-wrap li a:focus {
  background: #0033A0;
  color: #fff;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}
.cat-menu hidden li.current-menu-item a,
.cat-menu hidden li .current-menu-parent a,
.questions-wrap li.current-menu-item a,
.questions-wrap li .current-menu-parent a {
  background: #0033A0;
  color: #fff;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}
.cat-menu hidden li.current-menu-item .sub-menu a,
.questions-wrap li.current-menu-item .sub-menu a {
  color: #717074;
  background: transparent;
  box-shadow: none;
}
.cat-menu hidden .portfolio-drawer li,
.cat-menu hidden .blog-drawer li,
.questions-wrap .portfolio-drawer li,
.questions-wrap .blog-drawer li {
  width: 50%;
}
@media (min-width: 667px) {
  .cat-menu hidden .portfolio-drawer li,
.cat-menu hidden .blog-drawer li,
.questions-wrap .portfolio-drawer li,
.questions-wrap .blog-drawer li {
    width: 33.3333%;
  }
}
@media (min-width: 769px) {
  .cat-menu hidden .portfolio-drawer li,
.cat-menu hidden .blog-drawer li,
.questions-wrap .portfolio-drawer li,
.questions-wrap .blog-drawer li {
    width: 16.666%;
  }
}
.cat-menu hidden .sub-menu,
.questions-wrap .sub-menu {
  padding: 0;
}
.cat-menu hidden .sub-menu li,
.questions-wrap .sub-menu li {
  width: 100%;
}
.cat-menu hidden .sub-menu li.current-menu-item a,
.questions-wrap .sub-menu li.current-menu-item a {
  background: #0033A0;
  color: #fff;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}

.cat-menu hidden .active {
  height: 100%;
}

.page-navigation {
  background: #fff;
  border-top: 1px solid #ededee;
}

.wp-pagenavi span,
.wp-pagenavi a {
  border: none;
}

.wp-pagenavi .last {
  float: none;
}

.pagination {
  clear: both;
  margin: 0;
  position: relative;
  font-size: 1.35em;
  line-height: 13px;
}
@media (min-width: 769px) {
  .pagination {
    font-size: 0.55em;
  }
}

.pagination span,
.pagination a {
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline-block;
  margin-right: 0.15em;
  margin-left: 0.15em;
  padding: 1em;
  text-decoration: none;
  width: auto;
  color: #717074;
}

.pagination a {
  text-decoration: underline;
}

.pagination a:hover {
  color: #0033A0;
}

.pagination .current {
  padding: 12px 14px 12px 14px;
  color: #fff;
  background: #0033A0;
}

a.previouspostslink,
a.nextpostslink {
  display: none;
}

.contact-spacer {
  margin-top: 0.5em;
}

.spacer {
  margin-top: 1em;
}
@media (min-width: 769px) {
  .spacer {
    margin-top: 0.5em;
  }
}

.project-title {
  text-transform: none;
  text-decoration: none;
}

.breadcrumbs {
  padding-top: 4.5%;
  margin-bottom: 5%;
  display: inline-block;
}
.breadcrumbs span {
  display: inline-block;
}

.module.breadcrumbs {
  background: #fff;
  width: 100%;
  padding: 0 10%;
  padding-top: 26.5px;
  padding-bottom: 29.3px;
  margin: 0;
}
.module.breadcrumbs p {
  margin: 1em 0 0;
}
.module.breadcrumbs a,
.module.breadcrumbs span {
  margin-right: 5px;
}

.breadcrumbs .breadcrumb_last {
  margin-left: 5px;
}

.custom-breadcrumbs {
  display: block;
}

.inline-breadcrumbs {
  display: inline-block;
  margin: 0;
}

.custom-breadcrumb + #breadcrumbs,
.custom-breadcrumb + .custom-breadcrumb {
  margin-left: -3px;
}

.one-third-container {
  background-color: #fff;
}

.two-third-container {
  background-color: #fff;
}

.facebook-dark-gray {
  width: 18px;
  height: 23px;
  background-position: 0px 0px;
}

.twitter-dark-gray {
  width: 26px;
  height: 26px;
  background-position: -82px 0px;
}

.email-dark-gray {
  width: 26px;
  height: 23px;
  background-position: -169px 0px;
}

.facebook-dark-gray,
.twitter-dark-gray,
.email-dark-gray {
  background-image: url(../img/share-icons-dark-gray.min.svg);
  background-repeat: no-repeat;
  background-size: 196px 23px;
}

.translation-text {
  display: none;
}

.translated .translation-text {
  display: block;
}
.translated .english-text {
  display: none;
}

.translate {
  cursor: pointer;
  display: inline-block;
}

.translate.active.condensed {
  background: #a7a9ac;
  color: #fff !important;
  box-shadow: 4px 0 0 #a7a9ac, -4px 0 0 #a7a9ac;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}

.translation-wrap {
  float: right;
  margin-bottom: 3%;
}
.translation-wrap a {
  margin-left: 15px;
}

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.85) !important;
}

#swipebox-action {
  top: 0 !important;
  bottom: auto !important;
}

#swipebox-action.force-visible-bars {
  bottom: auto !important;
  top: 0 !important;
}

.search-form {
  float: right;
  position: relative;
  top: -5px;
  font-size: 0.75em;
}

.search-field {
  background-color: transparent;
  background-image: url(../img/search-black.min.svg);
  background-position: 6px center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  cursor: pointer;
  height: 40px;
  margin: 3px 0;
  padding: 0 0 0 40px;
  position: relative;
  transition: width 400ms ease, background 400ms ease;
  width: 0;
  color: #717074;
  background-color: #ededee;
  outline: 0;
  width: 230px;
  cursor: text;
  background-position: 9px center;
}
@media (min-width: 896px) {
  .search-field {
    background-image: url(../img/search.min.svg);
  }
}

.search-submit {
  display: none;
}

input[type=search] {
  -webkit-appearance: textfield;
  border-radius: 0;
}

.top-right-menu ::-webkit-input-placeholder {
  color: #717074;
  font-size: 0.5em;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.top-right-menu :-moz-placeholder {
  /* Firefox 18- */
  color: #717074;
  font-size: 0.5em;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.top-right-menu ::-moz-placeholder {
  /* Firefox 19+ */
  color: #717074;
  font-size: 0.5rem;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.top-right-menu :-ms-input-placeholder {
  color: #717074;
  font-size: 0.5rem;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.mobile-search {
  position: absolute;
  top: 50%;
  right: 61px;
  -ms-transform: translateY(-40%);
      transform: translateY(-40%);
  font-size: 2em;
}
@media (min-width: 667px) {
  .mobile-search {
    font-size: 1.5em;
  }
}
@media (min-width: 896px) {
  .mobile-search {
    display: none;
    font-size: 1em;
  }
}
.mobile-search .search-field {
  width: 0;
  background-color: #fff;
  cursor: pointer;
}
.mobile-search .search-field:focus {
  width: 125px;
  background-color: #ededee;
  cursor: text;
}
@media (min-width: 480px) {
  .mobile-search .search-field:focus {
    width: 190px;
  }
}
@media (min-width: 667px) {
  .mobile-search .search-field:focus {
    width: 270px;
  }
}

.search-results-term {
  background: #ededee;
  width: 100%;
  padding: 40px 10% 40px 10%;
}
@media (min-width: 667px) {
  .search-results-term {
    padding: 80px 5% 80px 5%;
  }
}
.search-results-term p {
  margin: 0;
  line-height: 0;
}
.search-results-term a {
  color: #717074;
  margin-right: 10px;
  font-size: 1.25em;
  margin-top: 1em;
}
@media (min-width: 667px) {
  .search-results-term a {
    font-size: 0.85em;
  }
}
@media (min-width: 896px) {
  .search-results-term a {
    font-size: 0.65em;
  }
}
.search-results-term a:hover {
  color: #fff;
  background: #0033A0;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
}

.results-title-wrap {
  background: #ededee;
}

.search-filters {
  width: 100%;
  padding-top: 20px;
}
@media (min-width: 667px) {
  .search-filters {
    padding-top: 20px;
  }
}
.search-filters p {
  margin-bottom: 10px;
}
@media (min-width: 667px) {
  .search-filters p {
    line-height: 1;
    margin: 0;
  }
}
.search-filters a {
  color: #717074;
  font-size: 1.25em;
  margin-top: 0.5em;
  display: block;
  width: 47%;
  float: left;
  margin-right: 3%;
}
@media (min-width: 667px) {
  .search-filters a {
    font-size: 0.85em;
    display: inline-block;
    width: auto;
    float: none;
    margin-right: 15px;
    margin-top: 1em;
  }
}
@media (min-width: 896px) {
  .search-filters a {
    font-size: 0.65em;
  }
}
.search-filters a:hover, .search-filters a.active {
  color: #fff;
  background: #0033A0;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
}
.search-filters .facetwp-type-checkboxes {
  margin-bottom: 0;
}
.search-filters .facetwp-counter {
  display: none;
}
.search-filters .facetwp-checkbox {
  display: inline-block;
  margin-right: 20px;
  font-size: 1.25em;
  line-height: 1.5;
  color: #717074;
}
@media (min-width: 667px) {
  .search-filters .facetwp-checkbox {
    font-size: 0.65em;
    line-height: 1.05;
  }
}
.search-filters [data-value=instagram-photos],
.search-filters [data-value=page],
.search-filters [data-value=homepage-modules],
.search-filters [data-value=historical-events],
.search-filters [data-value=employee-spotlight],
.search-filters [data-value=locations] {
  display: none;
}

.full-width {
  width: 100%;
  max-width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.module-wrap {
  background: #fff;
}

.content-module {
  padding: 10%;
}
@media (min-width: 667px) {
  .content-module {
    padding: 10% 10%;
    margin: 5% 0;
    margin: 0;
  }
}
.content-module:last-child {
  margin-bottom: 0;
  padding-bottom: 10%;
}
@media (min-width: 667px) {
  .content-module:last-child {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.content-module a {
  text-decoration: underline;
}
.content-module + .content-module {
  padding-top: 0;
}
.content-module .full-width {
  margin-bottom: 0;
}
.content-module.text-module {
  padding: 0;
}
.content-module:not(.copy) ul, .content-module:not(.sub-nav) ul {
  font-size: 1.05em;
}
@media (min-width: 768px) {
  .content-module:not(.copy) ul, .content-module:not(.sub-nav) ul {
    font-size: 1.35em;
  }
}
@media (min-width: 896px) {
  .content-module:not(.copy) ul, .content-module:not(.sub-nav) ul {
    font-size: 1.6em;
  }
}
@media (min-width: 896px) {
  .content-module:not(.copy) ul, .content-module:not(.sub-nav) ul {
    font-size: 1.3em;
  }
}
.content-module.intro-copy ul {
  padding: 0rem 0rem 0rem 1.25rem;
}
@media (min-width: 667px) {
  .content-module.intro-copy ul {
    padding: 0rem 0rem 0rem 1.75rem;
  }
}
.content-module:not(.sub-nav) ul:after {
  content: "";
  display: table;
  clear: both;
}
.content-module:not(.sub-nav) ul li {
  font-size: 0.75em;
  line-height: 0.85;
  font-weight: 400;
}
@media (min-width: 667px) {
  .content-module:not(.sub-nav) ul li {
    font-size: 0.65em;
    width: 48%;
    margin-right: 2%;
    float: left;
  }
}
@media (min-width: 896px) {
  .content-module:not(.sub-nav) ul li {
    font-size: 0.45em;
  }
}
.content-module.white {
  background: #fff;
}
.content-module.white a {
  color: #333;
}
.content-module.white .condensed a {
  color: #a7a9ac;
}
.content-module.orange, .content-module.blue, .content-module.gray, .content-module.light-gray {
  padding-top: 6%;
  padding-bottom: 6%;
  padding-top: 10%;
  padding-bottom: 10%;
}
@media (min-width: 667px) {
  .content-module.orange, .content-module.blue, .content-module.gray, .content-module.light-gray {
    padding-top: 10%;
    padding-bottom: 10%;
  }
}
.content-module.blue .copy h3,
.content-module.blue li, .content-module.blue.copy h3, .content-module.blue.copy p, .content-module.blue.copy a, .content-module.orange .copy h3,
.content-module.orange li, .content-module.orange.copy h3, .content-module.orange.copy p, .content-module.orange.copy a, .content-module.gray .copy h3,
.content-module.gray li, .content-module.gray.copy h3, .content-module.gray.copy p, .content-module.gray.copy a {
  color: #fff !important;
}
.content-module.blue + .blue, .content-module.gray + .gray, .content-module.orange + .orange, .content-module.light-gray + .light-gray {
  margin-top: 0;
  padding-top: 0;
}
.content-module.blue + .white, .content-module.gray + .white, .content-module.orange + .white, .content-module.light-gray + .white {
  margin-top: 10%;
}
@media (min-width: 667px) {
  .content-module.blue + .white, .content-module.gray + .white, .content-module.orange + .white, .content-module.light-gray + .white {
    margin-top: 5%;
  }
}
.content-module.sub-nav + .white {
  margin-top: 0;
}
.content-module.sub-nav + .white .text-container {
  padding-top: 0;
}
.content-module.sub-nav {
  margin: 0;
  padding-top: 10%;
  padding-bottom: 10%;
}
@media (min-width: 667px) {
  .content-module.sub-nav {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
.content-module.sub-nav.blue a.active-link {
  background: #fff;
  box-shadow: 7px 0 0 #fff, -7px 0 0 #fff;
  color: #0033A0;
}
.content-module.sub-nav.blue ul {
  border-bottom: 1px solid #a7a9ac;
}
.content-module.sub-nav.blue a {
  color: #a7a9ac;
}
.content-module.sub-nav.orange ul {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.content-module.sub-nav.orange a {
  color: rgba(255, 255, 255, 0.9);
}
.content-module.links a {
  text-decoration: underline;
}
.content-module.listing ul {
  margin: 0;
}
.content-module.listing .sub-title {
  display: block;
  font-weight: 800;
  font-size: 0.9em;
}
@media (min-width: 667px) {
  .content-module.listing .sub-title {
    font-size: 0.85em;
  }
}
@media (min-width: 769px) {
  .content-module.listing .sub-title {
    font-size: 0.65em;
  }
}
.content-module.listing .sub-title + ul {
  margin-top: 0.5em;
}
.content-module .width-100 {
  width: 100%;
  margin-right: 0;
}
@media (min-width: 667px) {
  .content-module .width-100 li {
    width: 48%;
    margin-right: 2%;
    float: left;
  }
}
@media (min-width: 667px) {
  .content-module .width-50 {
    width: 48%;
    margin-right: 2%;
    float: left;
  }
}
.content-module .width-50 li {
  width: 100% !important;
  margin: 0 0 0.75rem;
}
@media (min-width: 667px) {
  .content-module .width-25 {
    width: 23%;
    margin-right: 2%;
    float: left;
  }
}
.content-module .width-25 li {
  width: 100%;
  margin: 0 0 0.75rem;
}
.content-module.no-bottom-padding {
  padding-bottom: 0;
}
.content-module.contact-module ul {
  margin-top: 0;
}
.content-module.contact-module.gray .job-title,
.content-module.contact-module.gray .condensed:not(.title),
.content-module.contact-module.gray .condensed a,
.content-module.contact-module.gray .phone {
  color: #d3d4d5;
}
.content-module.contact-module.blue .title {
  color: #fff !important;
}
.content-module.contact-module.orange .title {
  color: #fff !important;
}
.content-module.contact-module.orange .job-title,
.content-module.contact-module.orange .condensed:not(.title),
.content-module.contact-module.orange .condensed a,
.content-module.contact-module.orange .phone {
  color: #fbcdc1;
}
.content-module.sub-nav {
  position: relative;
  width: 100%;
}
.content-module.sub-nav .first.condensed {
  margin: 0;
}
.content-module.sub-nav ul#breadcrumb {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 667px) {
  .content-module.sub-nav ul#breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
.content-module.sub-nav ul#breadcrumb li {
  font-size: 1rem;
}
.content-module.sub-nav ul {
  padding: 0.75em 0;
  border-bottom: 1px solid #717074;
  margin: 0;
  width: 100%;
}
@media (min-width: 667px) {
  .content-module.sub-nav ul {
    width: 100%;
    text-align: center;
  }
}
.content-module.sub-nav li {
  margin-bottom: 10px;
  width: 50%;
  float: left;
}
@media (min-width: 667px) {
  .content-module.sub-nav li {
    float: none;
    margin-bottom: 0;
    width: 12.5%;
    display: inline-block;
    text-align: center;
  }
}
.content-module.sub-nav a {
  text-decoration: none;
}
.content-module.sub-nav a:hover, .content-module.sub-nav a.active-link {
  background: #0033A0;
  color: #fff;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}
@media (min-width: 667px) {
  .content-module.image .flex {
    display: -ms-flexbox;
    display: flex;
  }
  .content-module.image .flex .image-wrap {
    -ms-flex: 1;
        flex: 1;
    margin-right: 0.5em;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .content-module.image .flex .image-wrap:last-child {
    margin-right: 0;
  }
}
.content-module.image .flex img {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 667px) {
  .content-module.image .flex img {
    margin-bottom: 0;
  }
}

.scroll-to-top {
  position: fixed;
  bottom: 100px;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: #dadada;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 99999;
  background-image: url(../img/up-arrow.min.svg);
  background-size: 17px 18px;
  background-repeat: no-repeat;
  background-position: center center;
}
.scroll-to-top:hover {
  background-color: #d2d2d2;
  cursor: pointer;
}
@media (min-width: 667px) {
  .scroll-to-top {
    width: 50px;
    height: 50px;
    background-size: 25px 17px;
  }
}

.white-text {
  color: #fff;
}

.blocks-grid,
.image.content-module {
  width: 100%;
}

.blocks-grid + .content-module {
  margin-top: 0;
}

.location-contact-module .contact-locations {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 667px) {
  .location-contact-module .contact-locations {
    margin: 0 -1%;
  }
}
@media (min-width: 896px) {
  .location-contact-module .contact-locations {
    margin: 0 -1.5%;
  }
}
.location-contact-module .location-wrap {
  -ms-flex: 100% 0 0;
      flex: 100% 0 0;
  margin-bottom: 30px;
}
@media (min-width: 667px) {
  .location-contact-module .location-wrap {
    -ms-flex: 48% 0 0;
        flex: 48% 0 0;
    margin: 0 1%;
    margin-bottom: 30px;
  }
}
@media (min-width: 896px) {
  .location-contact-module .location-wrap {
    -ms-flex: 30% 0 0;
        flex: 30% 0 0;
    margin: 0 1.5%;
    margin-bottom: 30px;
  }
}
.location-contact-module .condensed {
  margin-bottom: 0;
}
.location-contact-module a {
  text-decoration: none;
}
.location-contact-module .individual-contact,
.location-contact-module .location {
  margin-bottom: 20px;
}
.location-contact-module .location {
  display: block;
}

.no-bottom-margin {
  margin-bottom: 0;
}

.video-category .video h2 {
  color: #fff;
}

.video-category .video .text-container {
  display: none;
}

.video-category .video:hover .text-container {
  display: block;
}

.video-category .video .condensed {
  color: #fff;
}

.video .box-button.play-button {
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin-top: 0;
  left: auto;
  -ms-transform: none;
      transform: none;
}

.home .video-block a {
  display: block;
}

.video .box-button.play-button:before {
  background: url(../img/play-button.png);
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
}

.video-category .image.float-left .play-button {
  right: 0;
}

@media (min-width: 29em), (min-width: 29em) {
  .video-category .image.float-left .play-button {
    right: 5.5%;
  }
}
.video-large .box-button.play-button {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  margin-top: 0;
}
.video-large .box-button.play-button:before {
  background: url(../img/play-large.png);
  background-size: 100px 100px;
  width: 100px;
  height: 100px;
}

.subtitle h1 {
  margin-bottom: 0.25em;
}

.single-page {
  background: #fff;
}
.single-page .copy {
  padding: 7% 10%;
}

.portfolio {
  overflow: hidden;
}
.portfolio .project-grid {
  max-width: 1600px;
  overflow: hidden;
}
.portfolio .project-grid .block.project-link h2 {
  display: block;
  color: #fff;
  line-height: 1.35;
}
.portfolio .project-grid .block.project-link span.hightlight {
  background: #0033A0;
  display: inline;
  padding: 4px 0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  margin: 0 0px;
  border-radius: 1px;
}
.portfolio .project-grid .block.project-link .text-container {
  display: block;
}
@media (min-width: 667px) {
  .portfolio .project-grid .block.project-link .text-container {
    display: none;
  }
}
@media (min-width: 667px) {
  .portfolio .project-grid .block.project-link:hover .text-container {
    display: block;
  }
}
.portfolio .project-grid .block.external-link:hover.blue .highlight {
  color: #0033A0;
  background: #fff;
  box-shadow: 11px 0 0 #fff, -9px 0 0 #fff;
}
.portfolio .project-grid .block.external-link.orange .condensed {
  color: #fff;
}

/************************************************************************************

Project Single

************************************************************************************/
.two-col-single .one-third-container {
  width: 100%;
}
@media (min-width: 769px) {
  .two-col-single .one-third-container {
    width: 33.333%;
  }
}
.two-col-single .two-third-container {
  width: 100%;
}
@media (min-width: 769px) {
  .two-col-single .two-third-container {
    width: 66.668%;
  }
}

.float-none.float-left {
  float: none;
}
@media (min-width: 769px) {
  .float-none.float-left {
    float: right;
  }
}
.float-none.float-right {
  float: none;
}
@media (min-width: 769px) {
  .float-none.float-right {
    float: right;
  }
}

.single-projects .slick-slider,
.page-template-page-services-single-php .slick-slider {
  border: none;
}
.single-projects .two-col-single .two-third-container,
.page-template-page-services-single-php .two-col-single .two-third-container {
  padding-top: 0;
}
.single-projects .two-col-single .two-third-container h1,
.page-template-page-services-single-php .two-col-single .two-third-container h1 {
  color: #0033A0;
}
@media (min-width: 667px) {
  .single-projects .half,
.page-template-page-services-single-php .half {
    width: 25%;
  }
}
@media (min-width: 769px) {
  .single-projects .half,
.page-template-page-services-single-php .half {
    width: 50%;
  }
}

h1.small {
  text-transform: none;
  text-decoration: none;
  font-size: 1.535em;
  display: block;
  padding-top: 0%;
  margin-bottom: 5%;
}

.copy {
  font-size: 1.25em;
  font-family: "HelveticaNeueW02-55Roma", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
.copy p {
  line-height: 1.325;
}

.copy ul,
.copy ol,
.intro-copy.content-module ul,
.intro-copy.content-module ol {
  list-style: square outside none;
  padding: 0px 0px 0px 16px;
  padding: 0rem 0rem 0rem 1rem;
}
@media (min-width: 667px) {
  .copy ul,
.copy ol,
.intro-copy.content-module ul,
.intro-copy.content-module ol {
    padding: 0px 0px 0px 24px;
    padding: 0rem 0rem 0rem 1.5rem;
  }
}
.copy ul li,
.copy ol li,
.intro-copy.content-module ul li,
.intro-copy.content-module ol li {
  font-size: 1.05em;
  line-height: 1.3;
  margin: 0px 0px 12px;
  margin: 0rem 0rem 0.75rem;
}
@media (min-width: 667px) {
  .copy ul li,
.copy ol li,
.intro-copy.content-module ul li,
.intro-copy.content-module ol li {
    font-size: 0.75em;
    line-height: 1.3;
  }
}
@media (min-width: 769px) {
  .copy ul li,
.copy ol li,
.intro-copy.content-module ul li,
.intro-copy.content-module ol li {
    font-size: 0.55em;
    line-height: 1.25;
  }
}

.single-title {
  display: block;
  padding-top: 9%;
  margin-bottom: 9%;
  max-width: 75%;
}

.sidebar .small {
  color: #717074;
  border-color: #717074;
}
.sidebar h1 {
  margin-left: 10%;
}

.single-projects .project-wrap {
  background: #fff;
}

.related-projects-sidebar .proejct-link .text-container,
.project-grid .proejct-link .text-container {
  padding: 7.5% 15% 7.5% 12.5%;
}
.related-projects-sidebar .proejct-link .text-container h3,
.project-grid .proejct-link .text-container h3 {
  display: block;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.55;
  text-decoration: none;
  text-transform: none;
}
@media (min-width: 667px) {
  .related-projects-sidebar .proejct-link .text-container h3,
.project-grid .proejct-link .text-container h3 {
    display: none;
    font-size: 0.8em;
  }
}
.related-projects-sidebar .proejct-link .text-container span.highlight,
.project-grid .proejct-link .text-container span.highlight {
  background: #0033A0;
  display: inline;
  padding: 5px 0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  margin: 0 0px;
  border-radius: 1px;
}
@media (min-width: 667px) {
  .related-projects-sidebar .block:hover h3,
.project-grid .block:hover h3 {
    display: block;
  }
}

.related-projects-sidebar .text-container {
  padding: 7.5% 15% 7.5% 12.5%;
}
.related-projects-sidebar .text-container h3 {
  display: block;
  color: #fff;
  font-size: 1.5em;
  line-height: 1.55;
  text-decoration: none;
  text-transform: none;
}
@media (min-width: 667px) {
  .related-projects-sidebar .text-container h3 {
    display: none;
    font-size: 0.8em;
  }
}
.related-projects-sidebar .text-container span.highlight {
  background: #0033A0;
  display: inline;
  padding: 5px 0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  margin: 0 0px;
  border-radius: 1px;
}
.related-projects-sidebar .padding-wrap {
  padding: 10% 10% 10% 10%;
  margin-left: 1px;
}
@media (min-width: 769px) {
  .related-projects-sidebar .padding-wrap {
    padding: 10% 10% 10% 0%;
  }
}
.related-projects-sidebar .condensed {
  margin-bottom: 0;
}
.related-projects-sidebar .block {
  background-color: transparent;
}

/************************************************************************************

Locations

************************************************************************************/
.locations,
.single-employee,
.faq {
  background: #fff;
}
.locations .block .city,
.locations .block .name,
.single-employee .block .city,
.single-employee .block .name,
.faq .block .city,
.faq .block .name {
  text-transform: none;
  text-decoration: none;
  font-size: 2.25em;
}
.locations .one-third-container .block .text-container,
.single-employee .one-third-container .block .text-container,
.faq .one-third-container .block .text-container {
  padding: 14% 10% 14% 14%;
}
.locations .block.blue:hover,
.single-employee .block.blue:hover,
.faq .block.blue:hover {
  background: #0033A0;
}
.locations .block.blue:hover h2.city,
.single-employee .block.blue:hover h2.city,
.faq .block.blue:hover h2.city {
  background: transparent;
}
.locations .block.orange h2,
.single-employee .block.orange h2,
.faq .block.orange h2 {
  color: #fff;
}
.locations .block.orange:hover h2.city,
.single-employee .block.orange:hover h2.city,
.faq .block.orange:hover h2.city {
  background: transparent;
  box-shadow: none;
}
.locations .related-articles-sidebar div,
.single-employee .related-articles-sidebar div,
.faq .related-articles-sidebar div {
  padding: 14% 14% 14% 14%;
}
.locations .related-projects .block h3,
.single-employee .related-projects .block h3,
.faq .related-projects .block h3 {
  display: inline;
  color: #fff;
  line-height: 1.6;
  font-size: 0.9em;
}
@media (min-width: 896px) {
  .locations .related-projects .block h3,
.single-employee .related-projects .block h3,
.faq .related-projects .block h3 {
    line-height: 1.6;
  }
}
@media (min-width: 769px) {
  .locations .related-projects .block h3,
.single-employee .related-projects .block h3,
.faq .related-projects .block h3 {
    font-size: 0.55em;
  }
}
@media (min-width: 896px) {
  .locations .related-projects .block h3,
.single-employee .related-projects .block h3,
.faq .related-projects .block h3 {
    font-size: 0.9em;
  }
}
.locations .related-projects .block h3.highlight,
.single-employee .related-projects .block h3.highlight,
.faq .related-projects .block h3.highlight {
  background: #0033A0;
  color: white;
  padding: 1px;
  padding: 7px 0;
  border-radius: 1px;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  margin: 0 0px;
}
@media (min-width: 896px) {
  .locations .related-projects .block h3,
.single-employee .related-projects .block h3,
.faq .related-projects .block h3 {
    display: none;
  }
}
.locations .related-projects .block:hover h3,
.single-employee .related-projects .block:hover h3,
.faq .related-projects .block:hover h3 {
  display: inline;
}
.locations .related-projects .text-container,
.single-employee .related-projects .text-container,
.faq .related-projects .text-container {
  padding: 10% 10% 10% 10%;
}

.locations .one-third-container {
  padding: 10%;
  background-color: transparent;
}
@media (min-width: 769px) {
  .locations .one-third-container {
    padding: 5%;
  }
}
.locations .city {
  margin-bottom: 4%;
  display: block;
}
@media (min-width: 769px) {
  .locations .city {
    margin-bottom: 15%;
  }
}
.locations .lighter-gray {
  background-color: #ededed;
}
.locations .blue h2:hover {
  background: transparent;
  box-shadow: none;
  padding: 0;
  color: #fff;
}
.locations .blue .two-third-container .condensed {
  color: #717074;
}
.locations .blue .two-third-container .job-title {
  color: #a7a9ac;
}
.locations .orange .one-third-container .condensed {
  color: #fff;
}
.locations .orange .two-third-container a {
  color: #333;
}
.locations .location-title {
  float: left;
}
.locations .location-title.blue h2:hover {
  box-shadow: none;
  color: #fff;
}
.locations .locations-info-wrap {
  padding: 10% 10% 10% 10%;
  position: relative;
}
@media (min-width: 769px) {
  .locations .locations-info-wrap {
    padding: 7% 10% 10% 10%;
  }
}
.locations .lighter-gray .condensed {
  color: #717074;
}
.locations .lighter-gray .job-title {
  color: #a7a9ac;
}
.locations .slick-slider {
  float: left;
}
.locations .slick-slider a {
  height: auto;
  width: auto;
}
.locations .slick-slider h2 {
  margin: 0;
  display: inline;
  text-transform: none;
  text-decoration: none;
}
@media (min-width: 769px) {
  .locations .slick-slider h2 {
    display: none;
  }
}
@media (min-width: 769px) {
  .locations .slick-slider .block:hover h2 {
    display: inline;
  }
}
.locations .slick-dots {
  display: none !important;
}
.locations .full .text-container {
  padding: 6% 50% 6% 6%;
}
.locations .copy {
  clear: both;
}

/************************************************************************************

Post Index

************************************************************************************/
h2.category {
  display: block;
  margin: 0;
  margin-top: 2%;
  text-decoration: none;
  color: #fff;
  background: transparent;
  box-shadow: none;
  width: auto;
  padding: 0;
  font-size: 1.315em;
}

.post-wrap {
  background: #ededee;
}

/************************************************************************************

Single Post

************************************************************************************/
.single .page-header {
  border-bottom: none;
}
.single .two-third-container {
  padding-top: 0;
}
.single .categories-sidebar div {
  background: #ededee;
}
.single .condensed a {
  color: #717074;
}
.single ul.children {
  margin: 0;
  padding-left: 5%;
}
.single div.categories-list {
  padding: 0;
}
.single div.categories-list li {
  line-height: 1.45;
  margin-top: 0.75em;
  font-family: "HelveticaNeueW02-75Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosBold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
@media (min-width: 769px) {
  .single div.categories-list li {
    line-height: 1.15;
  }
}
.single div.categories-list li .children a {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosRegular", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
.single div.categories-list li a {
  font-size: 1.65em;
  color: #717074;
  text-transform: none;
}
@media (min-width: 667px) {
  .single div.categories-list li a {
    font-size: 1.25em;
  }
}
@media (min-width: 769px) {
  .single div.categories-list li a {
    font-size: 0.65em;
  }
}
.single div.categories-list li a:hover {
  background: #0033A0;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
  color: #fff;
}
.single div.categories-list .children li {
  margin-top: 0;
}

#post-not-found.blue:hover {
  background: #0033A0;
}

.share-title {
  margin-bottom: 0;
  float: left;
  margin-right: 6px;
  margin-top: 13px;
}

.share-list a {
  display: block;
  float: left;
  margin-right: 10px;
}
.share-list li {
  display: block;
  float: left;
  width: 46px;
  height: 46px;
  border: 2px solid #717074;
  opacity: 1;
}
.share-list li:hover {
  opacity: 0.6;
}
.share-list li span {
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  display: block;
  font-size: 0;
}

.contact-form-wrap {
  padding: 5%;
}
.contact-form-wrap .gform_title {
  color: #a7a9ac;
  margin-bottom: 1em;
}
.contact-form-wrap .gfield {
  margin-bottom: 1em;
  margin-right: 3%;
}
.contact-form-wrap .gfield:last-child {
  width: 97%;
}
.contact-form-wrap textarea {
  display: block;
}
.contact-form-wrap .gform_button.button {
  width: auto;
  padding: 1em 3em;
}

.gfield {
  display: inline-block;
  width: 47%;
  margin-right: 3%;
  margin-bottom: 2%;
}
.gfield input,
.gfield textarea {
  width: 100%;
  border: none;
  background-color: #ededee;
  padding: 1em;
}
.gfield input::-webkit-input-placeholder,
.gfield textarea::-webkit-input-placeholder {
  color: #717074;
}
.gfield input:-moz-placeholder,
.gfield textarea:-moz-placeholder {
  color: #717074;
}
.gfield input::-moz-placeholder,
.gfield textarea::-moz-placeholder {
  color: #717074;
}
.gfield input:-ms-input-placeholder,
.gfield textarea:-ms-input-placeholder {
  color: #717074;
}
.gfield .validation_message {
  margin-bottom: 1em;
}
.gfield .validation_error {
  margin: 1em 0;
}
.gfield.email-input {
  width: 97%;
}

.gform_title {
  text-decoration: none;
  text-transform: none;
  font-family: "HelveticaNeueW01-67MdCn 692710", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
  margin-bottom: 4%;
  display: block;
  color: #000000;
  font-size: 1rem;
}

.gform_fields {
  margin-bottom: 0;
}

.gform_button.button {
  margin-top: 0.5%;
  font-size: 1.15em;
  width: auto;
  padding: 1em 3em;
}
@media (min-width: 769px) {
  .gform_button.button {
    font-size: 0.5em;
    width: auto;
    padding: 1em 3em;
  }
}

/************************************************************************************

Team Landing

************************************************************************************/
.meet-the-team a h2 {
  color: #fff;
}

a .meet-the-team h2 {
  color: #fff;
}

.team-grid .project-team {
  background: #fff;
  padding: 10%;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.team-grid h2 {
  color: #0033A0;
  display: block;
  margin-bottom: 10%;
}
@media (min-width: 667px) {
  .team-grid h2 {
    margin-bottom: 2.5%;
  }
}
.team-grid .rule {
  margin: 0;
  margin-bottom: 10%;
}
@media (min-width: 667px) {
  .team-grid .rule {
    margin-bottom: 5%;
  }
}
.team-grid .title {
  margin-bottom: 0;
}

.team-grid.all-team .project-team {
  padding: 6% 10% 10% 10%;
}

.project-team .title {
  margin-top: 0.75em;
}

/************************************************************************************

Single Employee

************************************************************************************/
.single-employee .two-third-container {
  background: #fff;
}
@media (min-width: 769px) {
  .single-employee .two-third-container {
    min-height: 900px;
  }
}
.single-employee .one-third-container {
  width: 100%;
}
@media (min-width: 769px) {
  .single-employee .one-third-container {
    width: 33.3333%;
  }
}
.single-employee .two-third-container {
  width: 100%;
}
@media (min-width: 769px) {
  .single-employee .two-third-container {
    width: 66.6666%;
  }
}
.single-employee .padding-wrap {
  padding: 10% 10% 10% 10%;
}

.single-employee .employee-spotlight-copy {
  padding-top: 8%;
}

.project-team a div img {
  height: auto;
}

/************************************************************************************

Contact

************************************************************************************/
.contact {
  background: #fff;
}
.contact .one {
  width: 100%;
  display: inline-block;
}
.contact .one .text-container {
  padding: 12% 16% 6% 16%;
}
.contact .one:last-child .text-container {
  padding: 12% 16% 12% 16%;
}
@media (min-width: 29em) {
  .contact .one {
    width: 49.7%;
  }
}
@media (min-width: 769px) {
  .contact .one {
    width: 32.96%;
  }
}
.contact .headquarters {
  margin-bottom: 0;
  color: #a7a9ac;
}
.contact .blue:hover {
  background: #0033A0;
}
.contact .blue:hover .condensed {
  color: #a7a9ac;
}
.contact .blue:hover h2 {
  background: transparent;
  padding: 0;
  box-shadow: none;
  color: #fff;
}
.contact .blue:hover li .title {
  color: #000000;
}
.contact .contact-block.blue h2:hover {
  background: transparent;
  color: #fff;
}
.contact .text:hover h2 {
  background: transparent;
  color: #0033A0;
  box-shadow: none;
}
.contact .text:hover.gray h2, .contact .text:hover.orange h2, .contact .text:hover.dark-gray h2 {
  color: #fff;
}
.contact .offices {
  background: #fff;
}
.contact .condensed-list {
  margin-top: 0;
  line-height: 1.25;
}
@media (min-width: 667px) {
  .contact .condensed-list {
    line-height: 1;
  }
}
@media (min-width: 769px) {
  .contact .condensed-list {
    line-height: 0.85;
  }
}
@media (min-width: 896px) {
  .contact .condensed-list {
    line-height: 0.65;
  }
}
.contact .condensed-list a {
  color: #a7a9ac;
  display: block;
}
.contact .condensed-list .condensed {
  display: inline;
  position: relative;
  top: -7px;
}
.contact .condensed-list .contact-spacer {
  margin-top: 1.5em;
}
@media (min-width: 667px) {
  .contact .condensed-list .contact-spacer {
    margin-top: 1.2em;
  }
}
@media (min-width: 769px) {
  .contact .condensed-list .contact-spacer {
    margin-top: 0.85em;
  }
}
@media (min-width: 896px) {
  .contact .condensed-list .contact-spacer {
    margin-top: 0.5em;
  }
}
.contact .condensed-list li {
  width: 100%;
  margin-right: 0;
  margin-top: 3%;
}
@media (min-width: 29em) {
  .contact .condensed-list li {
    width: 46%;
    margin-right: 2%;
  }
}
@media (min-width: 667px) {
  .contact .condensed-list li {
    width: 27.333%;
    margin-right: 5%;
    margin-top: 0;
  }
}
.contact .gray .condensed-list .condensed,
.contact .gray .condensed-list a,
.contact .orange .condensed-list .condensed,
.contact .orange .condensed-list a {
  color: #fff;
}
.contact a span:hover {
  background: #0033A0;
  color: #fff;
  box-shadow: 7px 0 0 #0033A0, -7px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}

/************************************************************************************

Single Blog

************************************************************************************/
.single .blog-wrap {
  background: #fff;
}
@media (min-width: 769px) {
  .single .blog-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
.single iframe {
  max-width: 100%;
}
.single .single-title {
  color: #0033A0;
}
.single .top-padding {
  padding-top: 10%;
}

@media (min-width: 896px) {
  .slash {
    margin-left: -0.5%;
    margin-right: -0.5%;
  }
}

/************************************************************************************

Services Single

************************************************************************************/
.one .integration-copy {
  width: 80%;
  margin: 0 auto;
  position: static;
}
@media (min-width: 769px) {
  .one .integration-copy {
    padding: 6% 16%;
    width: 100%;
    float: none;
    position: absolute;
  }
}

.service-landing h4 {
  font-size: 2em;
}
@media (min-width: 29em) {
  .service-landing h4 {
    font-size: 1.25em;
  }
}
@media (min-width: 667px) {
  .service-landing h4 {
    font-size: 1.5em;
  }
}
@media (min-width: 769px) {
  .service-landing h4 {
    font-size: 1em;
  }
}

.services-single {
  background: #fff;
}
.services-single .copy {
  margin-top: 7.5%;
}
.services-single .single-title {
  margin-top: 10%;
}

.services.block.blue p a {
  text-decoration: underline;
}

.static-image li a {
  color: #fff;
}

@media (min-width: 29em) {
  .services-tout.left-arrow-mask .with-mask {
    border-left: none;
  }
}

@media (min-width: 29em) {
  .services-tout.right-arrow-mask .with-mask {
    border-right: none;
  }
}

/************************************************************************************

CAREERS

************************************************************************************/
.benefits .blue:hover {
  background: #0033A0;
}
.benefits .text:hover h2 {
  background: transparent;
  color: #0033A0;
  box-shadow: none;
}
.benefits .text h2:hover {
  background: transparent;
  color: #0033A0;
  box-shadow: none;
}

.tout.orange h2:hover,
.tout.dark-gray h2:hover,
.tout.gray h2:hover,
.tout.image h2:hover {
  background: #0033A0;
  box-shadow: 11px 0 0 #0033A0, -9px 0 0 #0033A0;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 4px 0;
  border-radius: 1px;
}

.schools a {
  color: #fff;
}
.schools li {
  margin-bottom: 1em;
  list-style: none;
}
.schools .text-container {
  width: 100%;
}
.schools ul {
  width: 100%;
}
.schools .school-name {
  text-decoration: underline;
  display: inline-block;
  padding: 4px;
  color: #fff;
}
.schools .school-name:hover {
  background: #fff;
  color: #0033A0;
  box-shadow: 11px 0 0 #fff, -9px 0 0 #fff;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  border-radius: 1px;
}
.schools .condensed {
  margin-bottom: 0;
  text-decoration: none;
  border: none;
}

/************************************************************************************

FAQ

************************************************************************************/
.faq,
.search-posts-results {
  background: #fff;
}
.faq .faq-questions,
.search-posts-results .faq-questions {
  padding: 5% 10%;
  max-height: none;
  transition: none;
  background: #ededee;
}
.faq .faq-questions li,
.search-posts-results .faq-questions li {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  margin-bottom: 17px;
}
.faq .faq-questions li:last-child,
.search-posts-results .faq-questions li:last-child {
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .faq .faq-questions li,
.search-posts-results .faq-questions li {
    width: 49%;
  }
}
.faq .faq-questions li p,
.search-posts-results .faq-questions li p {
  margin: 0;
}
.faq .faq-questions li p a,
.search-posts-results .faq-questions li p a {
  font-size: 1.2em;
  line-height: 1.75;
}
.faq .faq-answer,
.search-posts-results .faq-answer {
  padding: 0% 10% 10% 10%;
}
@media (min-width: 769px) {
  .faq .faq-answer,
.search-posts-results .faq-answer {
    padding: 7% 10% 10% 10%;
  }
}
.faq .faq-answer:last-child,
.search-posts-results .faq-answer:last-child {
  padding-bottom: 10%;
}
.faq .faq-wrap .one-third-container,
.faq .results-wrap .one-third-container,
.search-posts-results .faq-wrap .one-third-container,
.search-posts-results .results-wrap .one-third-container {
  background: transparent;
  padding: 10% 10% 5% 10%;
}
@media (min-width: 769px) {
  .faq .faq-wrap .one-third-container,
.faq .results-wrap .one-third-container,
.search-posts-results .faq-wrap .one-third-container,
.search-posts-results .results-wrap .one-third-container {
    padding: 5%;
  }
}
.faq .faq-wrap.medium-gray,
.faq .results-wrap.medium-gray,
.search-posts-results .faq-wrap.medium-gray,
.search-posts-results .results-wrap.medium-gray {
  background-color: #dddddd;
}
.faq .faq-wrap .light-gray,
.faq .results-wrap .light-gray,
.search-posts-results .faq-wrap .light-gray,
.search-posts-results .results-wrap .light-gray {
  background-color: #ededee;
}
.faq .faq-wrap h2,
.faq .results-wrap h2,
.search-posts-results .faq-wrap h2,
.search-posts-results .results-wrap h2 {
  font-size: 2.315em;
}
@media (min-width: 480px) {
  .faq .faq-wrap h2,
.faq .results-wrap h2,
.search-posts-results .faq-wrap h2,
.search-posts-results .results-wrap h2 {
    font-size: 2em;
  }
}
@media (min-width: 667px) {
  .faq .faq-wrap h2,
.faq .results-wrap h2,
.search-posts-results .faq-wrap h2,
.search-posts-results .results-wrap h2 {
    font-size: 1.315em;
  }
}
.faq .results-wrap .one-third-container,
.search-posts-results .results-wrap .one-third-container {
  background: transparent;
  padding: 10% 10% 5% 10%;
}
@media (min-width: 769px) {
  .faq .results-wrap .one-third-container,
.search-posts-results .results-wrap .one-third-container {
    padding: 5% 0 5% 5%;
  }
}

/************************************************************************************

HISTORY

************************************************************************************/
.history-page .text h2:hover {
  box-shadow: none;
  color: #0033A0;
  background: transparent;
}
.history-page .header-image h1 {
  color: #fff;
}
.history-page .text.orange h2:hover,
.history-page .text.blue h2:hover {
  color: #fff;
}
.history-page .full p {
  color: #fff;
}
.history-page .full h2:hover {
  box-shadow: none;
  color: #fff;
  background: transparent;
}

.two-col-page {
  background: #ededee;
}

.box-button.play-button {
  border: none;
}
.box-button.play-button:before {
  background: url(../img/play-button.svg);
  background-size: 35px 36px;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
}

#PR-Media-Inquiries {
  vertical-align: top;
}

.diversity .blue .gray-text {
  color: #a7a9ac !important;
}
.diversity .no-bottom-margin {
  margin-bottom: 0 !important;
}
.diversity .video .text-container {
  opacity: 0;
}
.diversity .video:hover .text-container {
  opacity: 1;
}

.single-event .event-subtitle {
  font-size: 1em;
  margin-top: 10px;
  display: block;
  color: #717074;
  margin-bottom: 50px;
}

.single-event .single-title {
  padding: 0;
  max-width: none;
  margin-bottom: 0;
}
.single-event .single-title + img {
  margin-top: 50px;
}

.event-featured-image {
  margin-bottom: 1em;
  width: 100%;
  max-width: 100%;
}

.single-event .condensed-list p {
  text-transform: uppercase;
}
.single-event .condensed-list a {
  text-decoration: underline;
}

.event-form {
  padding-top: 10%;
}

.event-form ul {
  margin-top: 0;
}
.event-form .gfield {
  width: 100%;
  margin-right: 0;
}
.event-form .gfield input,
.event-form .gfield textarea {
  background-color: #fff;
  font-size: 16px;
}
.event-form label {
  font-size: 1rem;
  color: #717074;
}
.event-form .name_first {
  width: 46%;
  display: block;
  float: left;
  margin-right: 4%;
}
.event-form .name_last {
  width: 46%;
  display: block;
  float: left;
  margin-left: 4%;
}
.event-form .gform_button.button {
  width: 100%;
  transition: all 0.2s ease-in-out;
  background-color: #f25a2a;
  margin-top: 10%;
}
.event-form .gform_button.button:hover, .event-form .gform_button.button:active {
  background-color: #0033A0;
}

.event-form .half-left {
  width: 47%;
  float: left;
  margin-right: 6%;
}
.event-form .half-right {
  width: 47%;
}

.form-wrap {
  padding: 15% 10%;
  background: #ededee;
}

.form-title {
  font-size: 1em;
  text-transform: uppercase;
}

.gfield_visibility_hidden {
  display: none;
}

.validation_error,
.validation_message {
  font-size: 16px;
  color: red;
}

.date-title {
  margin-top: 0.55rem;
}

.block .link {
  white-space: nowrap;
}

.color-white {
  color: #fff;
}
.color-white a {
  color: inherit;
}

.text-decoration-none {
  text-decoration: none;
}

html {
  background-color: #ededee;
}

.hidden {
  display: none !important;
}

.blog .page-wrap,
.archive .page-wrap,
.page-template-page-blog-category .page-wrap {
  background-color: #ededee;
}
.blog .post-wrap,
.archive .post-wrap,
.page-template-page-blog-category .post-wrap {
  padding-top: 48px;
  margin-left: 45px;
  margin-right: 45px;
  background-color: #ededee;
}
.blog .block.post,
.archive .block.post,
.page-template-page-blog-category .block.post {
  padding: 20px;
  background-color: #ededee;
  height: auto !important;
}
.blog .block.post .card-image,
.archive .block.post .card-image,
.page-template-page-blog-category .block.post .card-image {
  aspect-ratio: 453/343;
  background-size: cover;
  background-position: left;
}
.blog .block.post .wording-wrapper,
.archive .block.post .wording-wrapper,
.page-template-page-blog-category .block.post .wording-wrapper {
  padding: 30px;
  background-color: #fff;
}
.blog .block.post .wording-wrapper h2,
.archive .block.post .wording-wrapper h2,
.page-template-page-blog-category .block.post .wording-wrapper h2 {
  font-size: 1em;
  line-height: 1.3em;
  display: block;
  padding: 0;
}
.blog .block.post .wording-wrapper h2:hover,
.archive .block.post .wording-wrapper h2:hover,
.page-template-page-blog-category .block.post .wording-wrapper h2:hover {
  background-color: transparent;
  color: #0033A0;
  box-shadow: none !important;
}
.blog .page-navigation,
.archive .page-navigation,
.page-template-page-blog-category .page-navigation {
  margin-top: 30px;
}
@media screen and (max-width: 782px) {
  .blog .post-wrap,
.archive .post-wrap,
.page-template-page-blog-category .post-wrap {
    margin-left: 30px;
    margin-right: 30px;
  }
  .blog .block.post .card-image,
.archive .block.post .card-image,
.page-template-page-blog-category .block.post .card-image {
    height: 290px;
    max-width: 100%;
  }
}

.doc-one-large {
  width: 120px;
  height: 154px;
  background-position: 0px 0;
}

.doc-two-large {
  width: 195px;
  height: 124px;
  background-position: -150px 0;
}

.down-arrow-blackbox-large {
  width: 64px;
  height: 64px;
  background-position: -375px 0;
}

.down-arrow-bluebox-large {
  width: 64px;
  height: 64px;
  background-position: -475px 0;
}

.down-arrow-white-large {
  width: 52px;
  height: 50px;
  background-position: -575px 0;
}

.facebook-gray-large {
  width: 25px;
  height: 56px;
  background-position: -675px 0;
}

.instagram-black-large {
  width: 66px;
  height: 66px;
  background-position: -725px 0;
}

.instagram-blue-large {
  width: 66px;
  height: 66px;
  background-position: -825px 0;
}

.instagram-gray-large {
  width: 50px;
  height: 50px;
  background-position: -925px 0;
}

.left-arrow-blackbox-large {
  width: 64px;
  height: 64px;
  background-position: -1000px 0;
}

.left-arrow-bluebox-large {
  width: 64px;
  height: 64px;
  background-position: -1100px 0;
}

.left-arrow-white-large {
  width: 50px;
  height: 52px;
  background-position: -1200px 0;
}

.linkedin-gray-large {
  width: 52px;
  height: 52px;
  background-position: -1275px 0;
}

.right-arrow-blackbox-large {
  width: 64px;
  height: 64px;
  background-position: -1375px 0;
}

.right-arrow-bluebox-large {
  width: 64px;
  height: 64px;
  background-position: -1475px 0;
}

.right-arrow-white-large {
  width: 50px;
  height: 52px;
  background-position: -1575px 0;
}

.twitter-blackbox-large {
  width: 64px;
  height: 64px;
  background-position: -1650px 0;
}

.twitter-gray-large {
  width: 60px;
  height: 43px;
  background-position: -1750px 0;
}

.up-arrow-blackbox-large {
  width: 64px;
  height: 64px;
  background-position: -1850px 0;
}

.up-arrow-bluebox-large {
  width: 64px;
  height: 64px;
  background-position: -1950px 0;
}

.up-arrow-white-large {
  width: 52px;
  height: 50px;
  background-position: -2050px 0;
}

.youtube-gray-large {
  width: 47px;
  height: 56px;
  background-position: -2150px 0;
}

.doc-one-large,
.doc-two-large,
.down-arrow-blackbox-large,
.down-arrow-bluebox-large,
.down-arrow-white-large,
.facebook-gray-large,
.instagram-black-large,
.instagram-blue-large,
.instagram-gray-large,
.left-arrow-blackbox-large,
.left-arrow-bluebox-large,
.left-arrow-white-large,
.linkedin-gray-large,
.right-arrow-blackbox-large,
.right-arrow-bluebox-large,
.right-arrow-white-large,
.twitter-blackbox-large,
.twitter-gray-large,
.up-arrow-blackbox-large,
.up-arrow-bluebox-large,
.up-arrow-white-large,
.youtube-gray-large {
  background-image: url(../img/sprites/icon-large-sprite.png);
  background-size: 2225px 175px;
}

.doc-one-small {
  width: 60px;
  height: 77px;
  background-position: 0px 0;
}

.doc-two-small {
  width: 98px;
  height: 62px;
  background-position: -75px 0;
}

.down-arrow-blackbox-small {
  width: 32px;
  height: 32px;
  background-position: -188px 0;
}

.down-arrow-bluebox-small {
  width: 32px;
  height: 32px;
  background-position: -238px 0;
}

.down-arrow-white-small {
  width: 26px;
  height: 25px;
  background-position: -288px 0;
}

.facebook-gray-small {
  width: 13px;
  height: 28px;
  background-position: -338px 0;
}

.instagram-black-small {
  width: 33px;
  height: 33px;
  background-position: -363px 0;
}

.instagram-blue-small {
  width: 33px;
  height: 33px;
  background-position: -413px 0;
}

.instagram-gray-small {
  width: 25px;
  height: 25px;
  background-position: -463px 0;
}

.left-arrow-blackbox-small {
  width: 32px;
  height: 32px;
  background-position: -500px 0;
}

.left-arrow-bluebox-small {
  width: 32px;
  height: 32px;
  background-position: -550px 0;
}

.left-arrow-white-small {
  width: 25px;
  height: 26px;
  background-position: -600px 0;
}

.linkedin-gray-small {
  width: 26px;
  height: 26px;
  background-position: -638px 0;
}

.right-arrow-blackbox-small {
  width: 32px;
  height: 32px;
  background-position: -688px 0;
}

.right-arrow-bluebox-small {
  width: 32px;
  height: 32px;
  background-position: -738px 0;
}

.right-arrow-white-small {
  width: 25px;
  height: 26px;
  background-position: -788px 0;
}

.twitter-blackbox-small {
  width: 32px;
  height: 32px;
  background-position: -825px 0;
}

.twitter-gray-small {
  width: 30px;
  height: 22px;
  background-position: -875px 0;
}

.up-arrow-blackbox-small {
  width: 32px;
  height: 32px;
  background-position: -925px 0;
}

.up-arrow-bluebox-small {
  width: 32px;
  height: 32px;
  background-position: -975px 0;
}

.up-arrow-white-small {
  width: 26px;
  height: 25px;
  background-position: -1025px 0;
}

.youtube-gray-small {
  width: 24px;
  height: 28px;
  background-position: -1075px 0;
}

.doc-one-small,
.doc-two-small,
.down-arrow-blackbox-small,
.down-arrow-bluebox-small,
.down-arrow-white-small,
.facebook-gray-small,
.instagram-black-small,
.instagram-blue-small,
.instagram-gray-small,
.left-arrow-blackbox-small,
.left-arrow-bluebox-small,
.left-arrow-white-small,
.linkedin-gray-small,
.right-arrow-blackbox-small,
.right-arrow-bluebox-small,
.right-arrow-white-small,
.twitter-blackbox-small,
.twitter-gray-small,
.up-arrow-blackbox-small,
.up-arrow-bluebox-small,
.up-arrow-white-small,
.youtube-gray-small {
  background-image: url(../img/sprites/icon-small-sprite.png);
  background-size: 1113px 88px;
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  transition-duration: 0.5s;
}

.twentytwenty-before-label, .twentytwenty-after-label {
  transition-property: opacity;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}

.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-container * {
  box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}

.twentytwenty-before-label:before {
  content: attr(data-content);
}

.twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-after-label:before {
  content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

.twentytwenty-overlay {
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  border-radius: 1000px;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px;
}

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px;
}

.before-after {
  margin-top: 1em;
  opacity: 0;
  transition: opacity 0.25s ease-out;
}
.before-after img {
  width: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 

  Stylesheet: Retina Screens & Devices Stylesheet

  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.

  ******************************************************************/
  /* 

  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:

  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }

  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 

  */
  .more .right-arrow-nav {
    background-image: url(../img/nav-arrows@2x.jpg);
  }
}
@media print {
  /******************************************************************
  Site Name:
  Author:

  Stylesheet: Print Stylesheet

  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.

  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    box-shadow: none;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
    font-size: 15px;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
.share-list,
.gform_wrapper,
.single .static-image,
.subnav,
nav {
    display: none;
  }

  .footer {
    display: none;
  }

  h1 {
    font-size: 50px !important;
  }

  .page-header {
    height: 250px !important;
  }

  .copy {
    font-size: 14px;
  }
}