/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
- BASE - All base styles to the site. Including typography, forms etc
- COMPONENTS - This containers the core styles of all componetns on the main public facing site. Tis includes a folder with all blocks 
- CONNECT - connet styling is the back end candidate management portal - large enough and different enough for new styling and js
- LAYOUT - Bootstrap and some base layout stylings
- NON-MODULAR - Template based stylings
- UTILITIES - mixins, variables and other non styling specific places
- VENDOR - plugins etc
 */
/*------------------------------------*\
    $GLOBAL
\*------------------------------------*/
/*------------------------------------*\
    $UTILITIES
\*------------------------------------*/
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*
@mixin icon-element ($icon-dimension) {
  width: $icon-dimension;
  height: $icon-dimension;
  display: inline-block;
  margin-right: 10px;
} 
*/
.sprite-sprite, .sprite-accordion-down, .sprite-accordion-up, .sprite-arrow-green-r, .sprite-bg-pattern-blue, .sprite-btn-arrow-l, .sprite-btn-arrow-r, .sprite-btn-arrowPhone-l, .sprite-btn-facebook, .link--facebook:before, .social__facebook a, .sprite-btn-facebook_small, .social--small__facebook a, .sprite-btn-gplus, .link--gplus:before, .social__gplus a, .sprite-btn-gplus_small, .social--small__gplus a, .sprite-btn-linkedin, .social__linkedin a, .sprite-btn-linkedin_small, .link--linkedin:before, .social--small__linkedin a, .sprite-btn-mid, .sprite-btn-twitter, .social__twitter a, .sprite-btn-twitter_small, .link--twitter:before, .social--small__twitter a, .sprite-btnBrown-arrow-l, .block--slider__nav li.active a:before, .block--slider__nav li:hover a:before, .sprite-btnBrown-arrow-r, .block--slider__nav li.active a:after, .block--slider__nav li:hover a:after, .sprite-btnBrown-mid, .sprite-btnSecondary-arrow-l, .btn--secondary:before, .sprite-btnSecondary-arrow-r, .btn--secondary:after, .sprite-btnSecondary-mid, .sprite-btnTertiary-arrow-l, .btn--tertiary:before, .sprite-btnTertiary-arrow-r, .btn--tertiary:after, .sprite-btnTertiary-mid, .sprite-chevron-down, .sprite-chevron-downG, .sprite-chevron-right-green, .sprite-chevron-right, .breadcrumb > li:before, .sprite-chevron-small-down, .sprite-chevron-small-up, .sprite-chevron-up, .sprite-cog, .header-nav__logged-in .profile, .sprite-cross, .modal-close button, .connect-alert__close, .sprite-email, .link--email:before, .sprite-extra-small-play-icon, .block--video--small .block--video__image a:after, .sprite-flag, .connect-obj-block__milestones h3:before, .connect-obj__milestone-id:before, .sprite-green-stripe, .sprite-heading-bg-tan, .sprite-heading-bg, .sprite-icon-asterisk, .block--request-call-back--large h2:before, .sprite-icon-call, .sprite-icon-checked, .job-listing--wrapper li .link--checked:before, .job-status a.btn-saved-assignment:before, .sprite-icon-cta-act, .block--assignments-listing a.link--primary:hover:before, .block--assignments-listing .small .block--general-content__footer a:hover:before, .small .block--general-content__footer .block--assignments-listing a:hover:before, .block--assignments-listing .large .block--general-content__footer a:hover:before, .large .block--general-content__footer .block--assignments-listing a:hover:before, .block--latest__header a:after, .sprite-icon-cta-blue, .list--secondary li:before, .sprite-icon-cta-down, .sprite-icon-cta-green-act, .block--assignments-listing a:hover:after, .sprite-icon-cta-green-down, a.link--primary--down:before, .block--accordion .toggler h5:after, .connect-obj-accordion__header h2:before, .connect-obj-completed a:before, .sprite-icon-cta-green-left, .sprite-icon-cta-green-right, .sprite-icon-cta-green-up, .block--accordion .toggler.open h5:after, .connect-obj-accordion__header.open h2:before, .connect-obj-completed a.open:before, .sprite-icon-cta-green, .block--assignments-listing a:after, .sprite-icon-cta-left, .sprite-icon-cta-up, .sprite-icon-cta-white-down, .component--job-listing .job-salary__header .link--sort:before, .sprite-icon-cta-white-up, .component--job-listing .job-salary__header .link--sort__desc:before, .sprite-icon-cta, .link--primary:before, .small .block--general-content__footer a:before, .large .block--general-content__footer a:before, .link--secondary:before, .sprite-icon-delete, .block--assignments-listing-saved ul li .job-listing__remove:before, .sprite-icon-linkedin, .sprite-icon-menu, .primary-nav__more, .sprite-icon-phone, .sprite-icon-phone_brown-small, .sprite-icon-phone_brown, .sprite-icon-play, .sprite-icon-search, .header-nav__search, .sprite-icon-tooltip-green, .sprite-icon-tooltip-white, .sprite-icon-tooltip, .sprite-list-arrow, .sprite-nav-icon, .sprite-pagination-first, .pagination__first:before, .sprite-pagination-last, .pagination__last:before, .sprite-pagination-next, .pagination__next:before, .playhead:after, .sprite-pagination-prev, .pagination__prev:before, .playhead:before, .sprite-phone-white, .sprite-small-play-icon, .block--promo__video .block--video__play:before, .block--video__placeholder a:before, .sprite-tan-stripe, .sprite-tick, .connect-obj-completed-date:before, .sprite-warning-icon, .connect-alert--red .connect-alert__alert:before, .connect-alert--green .connect-alert__alert:before, .sprite-warning, .link--warning:before, .rejectionNote__rejected:before {
  background-image: url('../images/master-sprite/sprite-sprite.png');
  background-repeat: no-repeat;
}

.sprite-accordion-down {
  background-position: 0 0;
  height: 30px;
  width: 30px;
}

.sprite-accordion-up {
  background-position: 0 -40px;
  height: 30px;
  width: 30px;
}

.sprite-arrow-green-r {
  background-position: 0 -80px;
  height: 10px;
  width: 6px;
}

.sprite-bg-pattern-blue {
  background-position: 0 -100px;
  height: 20px;
  width: 20px;
}

.sprite-btn-arrow-l {
  background-position: 0 -130px;
  height: 44px;
  width: 8px;
}

.sprite-btn-arrow-r {
  background-position: 0 -184px;
  height: 44px;
  width: 35px;
}

.sprite-btn-arrowPhone-l {
  background-position: 0 -238px;
  height: 50px;
  width: 50px;
}

.sprite-btn-facebook, .link--facebook:before, .social__facebook a {
  background-position: 0 -298px;
  height: 45px;
  width: 45px;
}

.sprite-btn-facebook_small, .social--small__facebook a {
  background-position: 0 -353px;
  height: 23px;
  width: 22px;
}

.sprite-btn-gplus, .link--gplus:before, .social__gplus a {
  background-position: 0 -386px;
  height: 45px;
  width: 45px;
}

.sprite-btn-gplus_small, .social--small__gplus a {
  background-position: 0 -441px;
  height: 23px;
  width: 23px;
}

.sprite-btn-linkedin, .social__linkedin a {
  background-position: 0 -474px;
  height: 45px;
  width: 45px;
}

.sprite-btn-linkedin_small, .link--linkedin:before, .social--small__linkedin a {
  background-position: 0 -529px;
  height: 23px;
  width: 22px;
}

.sprite-btn-mid {
  background-position: 0 -562px;
  height: 44px;
  width: 1px;
}

.sprite-btn-twitter, .social__twitter a {
  background-position: 0 -616px;
  height: 45px;
  width: 45px;
}

.sprite-btn-twitter_small, .link--twitter:before, .social--small__twitter a {
  background-position: 0 -671px;
  height: 23px;
  width: 23px;
}

.sprite-btnBrown-arrow-l, .block--slider__nav li.active a:before, .block--slider__nav li:hover a:before {
  background-position: 0 -704px;
  height: 44px;
  width: 4px;
}

.sprite-btnBrown-arrow-r, .block--slider__nav li.active a:after, .block--slider__nav li:hover a:after {
  background-position: 0 -758px;
  height: 44px;
  width: 35px;
}

.sprite-btnBrown-mid {
  background-position: 0 -812px;
  height: 44px;
  width: 1px;
}

.sprite-btnSecondary-arrow-l, .btn--secondary:before {
  background-position: 0 -866px;
  height: 44px;
  width: 8px;
}

.sprite-btnSecondary-arrow-r, .btn--secondary:after {
  background-position: 0 -920px;
  height: 44px;
  width: 35px;
}

.sprite-btnSecondary-mid {
  background-position: 0 -974px;
  height: 44px;
  width: 1px;
}

.sprite-btnTertiary-arrow-l, .btn--tertiary:before {
  background-position: 0 -1028px;
  height: 36px;
  width: 3px;
}

.sprite-btnTertiary-arrow-r, .btn--tertiary:after {
  background-position: 0 -1074px;
  height: 36px;
  width: 28px;
}

.sprite-btnTertiary-mid {
  background-position: 0 -1120px;
  height: 36px;
  width: 1px;
}

.sprite-chevron-down {
  background-position: 0 -1166px;
  height: 7px;
  width: 12px;
}

.sprite-chevron-downG {
  background-position: 0 -1183px;
  height: 7px;
  width: 12px;
}

.sprite-chevron-right-green {
  background-position: 0 -1200px;
  height: 10px;
  width: 6px;
}

.sprite-chevron-right, .breadcrumb > li:before {
  background-position: 0 -1220px;
  height: 10px;
  width: 6px;
}

.sprite-chevron-small-down {
  background-position: 0 -1240px;
  height: 17px;
  width: 17px;
}

.sprite-chevron-small-up {
  background-position: 0 -1267px;
  height: 17px;
  width: 17px;
}

.sprite-chevron-up {
  background-position: 0 -1294px;
  height: 7px;
  width: 12px;
}

.sprite-cog, .header-nav__logged-in .profile {
  background-position: 0 -1311px;
  height: 18px;
  width: 18px;
}

.sprite-cross, .modal-close button, .connect-alert__close {
  background-position: 0 -1339px;
  height: 25px;
  width: 25px;
}

.sprite-email, .link--email:before {
  background-position: 0 -1374px;
  height: 16px;
  width: 16px;
}

.sprite-extra-small-play-icon, .block--video--small .block--video__image a:after {
  background-position: 0 -1400px;
  height: 60px;
  width: 60px;
}

.sprite-flag, .connect-obj-block__milestones h3:before, .connect-obj__milestone-id:before {
  background-position: 0 -1470px;
  height: 17px;
  width: 18px;
}

.sprite-green-stripe {
  background-position: 0 -1497px;
  height: 4px;
  width: 126px;
}

.sprite-heading-bg-tan {
  background-position: 0 -1511px;
  height: 4px;
  width: 126px;
}

.sprite-heading-bg {
  background-position: 0 -1525px;
  height: 4px;
  width: 126px;
}

.sprite-icon-asterisk, .block--request-call-back--large h2:before {
  background-position: 0 -1539px;
  height: 32px;
  width: 43px;
}

.sprite-icon-call {
  background-position: 0 -1581px;
  height: 41px;
  width: 41px;
}

.sprite-icon-checked, .job-listing--wrapper li .link--checked:before, .job-status a.btn-saved-assignment:before {
  background-position: 0 -1632px;
  height: 15px;
  width: 15px;
}

.sprite-icon-cta-act, .block--assignments-listing a.link--primary:hover:before, .block--assignments-listing .small .block--general-content__footer a:hover:before, .small .block--general-content__footer .block--assignments-listing a:hover:before, .block--assignments-listing .large .block--general-content__footer a:hover:before, .large .block--general-content__footer .block--assignments-listing a:hover:before, .block--latest__header a:after {
  background-position: 0 -1657px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-blue, .list--secondary li:before {
  background-position: 0 -1684px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-down {
  background-position: 0 -1711px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-green-act, .block--assignments-listing a:hover:after {
  background-position: 0 -1738px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-green-down, a.link--primary--down:before, .block--accordion .toggler h5:after, .connect-obj-accordion__header h2:before, .connect-obj-completed a:before {
  background-position: 0 -1765px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-green-left {
  background-position: 0 -1792px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-green-right {
  background-position: 0 -1819px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-green-up, .block--accordion .toggler.open h5:after, .connect-obj-accordion__header.open h2:before, .connect-obj-completed a.open:before {
  background-position: 0 -1846px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-green, .block--assignments-listing a:after {
  background-position: 0 -1873px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-left {
  background-position: 0 -1900px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-up {
  background-position: 0 -1927px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-white-down, .component--job-listing .job-salary__header .link--sort:before {
  background-position: 0 -1954px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta-white-up, .component--job-listing .job-salary__header .link--sort__desc:before {
  background-position: 0 -1981px;
  height: 17px;
  width: 17px;
}

.sprite-icon-cta, .link--primary:before, .small .block--general-content__footer a:before, .large .block--general-content__footer a:before, .link--secondary:before {
  background-position: 0 -2008px;
  height: 17px;
  width: 17px;
}

.sprite-icon-delete, .block--assignments-listing-saved ul li .job-listing__remove:before {
  background-position: 0 -2035px;
  height: 17px;
  width: 17px;
}

.sprite-icon-linkedin {
  background-position: 0 -2062px;
  height: 40px;
  width: 41px;
}

.sprite-icon-menu, .primary-nav__more {
  background-position: 0 -2112px;
  height: 15px;
  width: 18px;
}

.sprite-icon-phone {
  background-position: 0 -2137px;
  height: 12px;
  width: 12px;
}

.sprite-icon-phone_brown-small {
  background-position: 0 -2159px;
  height: 12px;
  width: 12px;
}

.sprite-icon-phone_brown {
  background-position: 0 -2181px;
  height: 12px;
  width: 12px;
}

.sprite-icon-play {
  background-position: 0 -2203px;
  height: 73px;
  width: 73px;
}

.sprite-icon-search, .header-nav__search {
  background-position: 0 -2286px;
  height: 18px;
  width: 18px;
}

.sprite-icon-tooltip-green {
  background-position: 0 -2314px;
  height: 17px;
  width: 17px;
}

.sprite-icon-tooltip-white {
  background-position: 0 -2341px;
  height: 17px;
  width: 17px;
}

.sprite-icon-tooltip {
  background-position: 0 -2368px;
  height: 17px;
  width: 17px;
}

.sprite-list-arrow {
  background-position: 0 -2395px;
  height: 12px;
  width: 8px;
}

.sprite-nav-icon {
  background-position: 0 -2417px;
  height: 20px;
  width: 20px;
}

.sprite-pagination-first, .pagination__first:before {
  background-position: 0 -2447px;
  height: 12px;
  width: 14px;
}

.sprite-pagination-last, .pagination__last:before {
  background-position: 0 -2469px;
  height: 12px;
  width: 14px;
}

.sprite-pagination-next, .pagination__next:before, .playhead:after {
  background-position: 0 -2491px;
  height: 12px;
  width: 7px;
}

.sprite-pagination-prev, .pagination__prev:before, .playhead:before {
  background-position: 0 -2513px;
  height: 12px;
  width: 7px;
}

.sprite-phone-white {
  background-position: 0 -2535px;
  height: 16px;
  width: 16px;
}

.sprite-small-play-icon, .block--promo__video .block--video__play:before, .block--video__placeholder a:before {
  background-position: 0 -2561px;
  height: 73px;
  width: 73px;
}

.sprite-tan-stripe {
  background-position: 0 -2644px;
  height: 4px;
  width: 126px;
}

.sprite-tick, .connect-obj-completed-date:before {
  background-position: 0 -2658px;
  height: 14px;
  width: 13px;
}

.sprite-warning-icon, .connect-alert--red .connect-alert__alert:before, .connect-alert--green .connect-alert__alert:before {
  background-position: 0 -2682px;
  height: 18px;
  width: 20px;
}

.sprite-warning, .link--warning:before, .rejectionNote__rejected:before {
  background-position: 0 -2710px;
  height: 17px;
  width: 19px;
}

/*------------------------------------*\
    $BASE
\*------------------------------------*/
/*------------------------------------*\
    $RESET
\*------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

[hidden] {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: 1.4;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #1c2b38;
}

::-moz-selection,
::selection {
  background: #f09800;
  color: #fff;
  text-shadow: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

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

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #eee;
  margin: 15px 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  display: block;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

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

td {
  vertical-align: top;
}

/*------------------------------------*\
    $HELPER
\*------------------------------------*/
.clearfix:before, .connect-obj-accordion__content:before,
.clearfix:after,
.connect-obj-accordion__content:after {
  content: "";
  display: table;
}

.bg-tile {
  background: url(../images/bg-tile.png) top left no-repeat;
}

.clearfix:after, .connect-obj-accordion__content:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix, .connect-obj-accordion__content {
  *zoom: 1;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left !important;
}

.clear-right {
  clear: right !important;
}

.clear-none {
  clear: none !important;
}

.float-left, .fl, .fleft {
  float: left !important;
}

.float-right, .fr, .fright {
  float: right !important;
}

.float-none {
  float: none !important;
}

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

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

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

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

.width-full {
  width: 100% !important;
}

.width-auto {
  width: auto !important;
}

.display-relative {
  position: relative !important;
}

@media screen and (min-width: 768px) {
  .display-table-wrapper {
    margin: 0 -20px;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .display-table {
    width: 100%;
    display: table;
    border-spacing: 20px 0;
    position: relative;
  }
}

.display-table-cell {
  position: relative;
  vertical-align: top;
  width: 100%;
  display: block;
  overflow: hidden;
  clear: both;
}
@media screen and (min-width: 768px) {
  .display-table-cell {
    display: table-cell !important;
    border-collapse: separate;
  }
}

@media screen and (min-width: 768px) {
  .display-one-half {
    width: 50% !important;
  }
}

@media screen and (min-width: 768px) {
  .display-one-third {
    width: 33.3333% !important;
  }
}

@media screen and (min-width: 768px) {
  .display-one-quarter {
    width: 25% !important;
  }
}

@media screen and (min-width: 768px) {
  .display-one-fifth {
    width: 20% !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .print-visible {
    display: block !important;
  }

  .print-hidden {
    display: none !important;
  }
}
.img-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

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

.padded {
  padding: 20px;
}

.ir, .header-nav__search, .header-nav__logged-in .profile {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  /* IE 6/7 fallback */
}

.ir:before, .header-nav__search:before, .header-nav__logged-in .profile:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.no-border-top {
  border-top: 0 none !important;
}

/**
 * for the benefit of screen-readers, hide content off-screen without resorting to `display:none;`,
 * also add breakpoint specific options
 */
.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  .visually-hidden--mobile, .block__sidebar-content-area {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
  .visually-hidden--tablet {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and (min-width: 768px) {
  .visually-hidden--tablet-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .visually-hidden--desktop {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and (min-width: 900px) {
  .visually-hidden--desktop-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and (min-width: 1200px) {
  .visually-hidden--desktop-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  .hidden--mobile {
    display: none !important;
    visibility: hidden !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
  .hidden--tablet {
    display: none !important;
    visibility: hidden !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden--tablet-plus {
    display: none !important;
    visibility: hidden !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .hidden--desktop {
    display: none !important;
    visibility: hidden !important;
  }
}
@media screen and (min-width: 900px) {
  .hidden--desktop-plus {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media screen and (min-width: 1200px) {
  .hidden--desktop-wide {
    display: none !important;
    visibility: hidden !important;
  }
}
.clear {
  clear: both;
}

.display-block {
  display: block !important;
  width: 100% !important;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  .display-block--mobile {
    display: block !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
  .display-block--tablet {
    display: block !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .display-block--tablet-plus {
    display: block !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .display-block--desktop {
    display: block !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 900px) {
  .display-block--desktop-plus {
    display: block !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .display-block--desktop-wide {
    display: block !important;
    width: 100% !important;
  }
}
.display-inline {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

@media screen and (min-width: 0) and (max-width: 767px) {
  .display-inline--mobile {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
  .display-inline--tablet {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
@media screen and (min-width: 768px) {
  .display-inline--tablet-plus {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .display-inline--desktop {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
@media screen and (min-width: 900px) {
  .display-inline--desktop-plus {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
@media screen and (min-width: 1200px) {
  .display-inline--desktop-wide {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.center-icon {
  margin: 0 auto;
}

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

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

.margin-5 {
  margin: 5px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-15 {
  margin: 15px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

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

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

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

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

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

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

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

.margin-top-50 {
  margin-top: 50px !important;
}

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

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

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

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.with--margin-left {
  margin-left: 20px;
}

.txt-bold {
  font-weight: bold;
}

.heading-underline--gold {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.heading-underline--gold:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}

.heading-underline--green {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.heading-underline--green:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #9d7949;
  display: block;
  position: absolute;
  bottom: 8px;
  width: 125px;
}

.ie8 .hide-ie8 {
  display: none !important;
}

/*------------------------------------*\
    $TYPOGRAPHY
\*------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  padding: 0;
  color: #1c2b38;
  font-weight: normal;
}

h1,
.h1 {
  font-size: 60px;
  font-size: 6rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  letter-spacing: 0.001em;
}
h1 span,
.h1 span {
  color: #9d7949;
}

h2,
.h2 {
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
  position: relative;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  letter-spacing: 0.001em;
}
h2.alt,
.h2.alt {
  background: none;
  padding: 20px 0;
  margin: 0;
}

h3,
.h3 {
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
  font-weight: 700;
}

h4,
.h4 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
}

h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
  font-weight: bold;
}

p {
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

a {
  color: #9d7949;
  text-decoration: none;
  cursor: pointer;
  float: none;
}

a:hover {
  color: #e40426;
}

a:focus {
  outline: thin dotted;
  color: #e40426;
}

a:hover,
a:active {
  outline: 0;
}

ol {
  margin: 0px 13px 8px 20px;
  margin: 0rem 1.3rem 0.8rem 2rem;
  padding: 0;
}

ul {
  margin: 0px 12px 8px 18px;
  margin: 0rem 1.2rem 0.8rem 1.8rem;
  padding: 0;
}

ol ol,
ol ul,
ul ul,
ul ol {
  margin-bottom: 2px;
  margin-bottom: 0.2rem;
}

li {
  margin-bottom: 2px;
  margin-bottom: 0.2rem;
}

ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
ul ul {
  margin-top: 15px;
}
ul li {
  padding: 0 0 0 15px;
  background: url("../images/sprite/chevron-right.png") no-repeat 0 4px;
  margin-bottom: 15px;
}
ul.block--list-box li {
  padding: 0;
  background: none;
}

ol {
  margin: 0;
  padding: 0 0 0 23px;
}
ol ol {
  margin-top: 15px;
  padding: 0;
}
ol li {
  padding: 0 0 0 3%;
  margin-bottom: 15px;
}
ol.block--list-box li {
  padding: 0;
  background: none;
}

.list--secondary {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  /*dl*/
}
.list--secondary li {
  margin-bottom: 22px;
  padding: 0;
  background: none;
}
.list--secondary li:before {
  content: " ";
  float: left;
  display: inline;
  margin-right: 10px;
  margin-top: 1px;
}
.list--secondary a {
  color: #1c2b38;
}
.list--secondary a:hover {
  color: #e40426;
}
.list--secondary .list--tertiary {
  margin-bottom: 20px;
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .list--secondary .list--tertiary li {
    float: left;
    width: 50%;
    margin-bottom: 21px;
    padding-left: 18px;
  }
}
.list--secondary .list-inline {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
  overflow: hidden;
}
.list--secondary .list-inline li {
  float: left;
  margin: 0 10px 0 0;
}
.list--secondary dt {
  font-weight: bold;
  margin-left: 18px;
  margin-left: 1.8rem;
}
@media screen and (min-width: 768px) {
  .list--secondary .dl-horizontal dt {
    width: auto;
    float: left;
    overflow: hidden;
    clear: left;
    text-align: left;
    margin: 0px 20px 0px 0px;
    margin: 0rem 2rem 0rem 0rem;
  }
}
@media screen and (min-width: 768px) {
  .list--secondary .dl-horizontal dd {
    width: auto;
  }
}
.list--secondary .no-bullet,
.list--secondary .list-unstyled * {
  list-style: none;
  list-style-image: none;
}
.list--secondary .aside blockquote {
  margin: 20px 0;
}
.list--secondary .no--list-type {
  margin: 0;
  padding: 0;
}
.list--secondary .no--list-type li {
  list-style-type: none;
}
.list--secondary .asterisk {
  position: absolute;
  left: -41px;
  top: -12px;
}
.list--secondary .txt--white {
  color: #fff;
}
.list--secondary .txt--large {
  font-size: 45px;
  font-size: 4.5rem;
}
.list--secondary .box--header a {
  font-weight: normal;
}
.list--secondary .box--header h3 {
  color: #fff;
}

blockquote {
  padding: 27px 40px;
  clear: both;
  position: relative;
  margin: 20px -10px;
  background: url(/static/images/blockquote-stripe-red.gif) 20px 20px repeat-y #f9f9f9;
}
blockquote:before {
  content: " ";
  border-top: 27px solid #f9f9f9;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
blockquote:after {
  content: " ";
  border-top: 27px solid #f9f9f9;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
blockquote span {
  line-height: 1.5;
}
blockquote strong {
  display: block;
  margin-top: 10px;
}

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  fieldset {
    border-bottom: 1px solid #eee;
  }
}

.form-group label,
.form-group .form-label {
  margin: 0 10px 0px 0;
  line-height: 2;
  width: 100%;
  display: inline;
}
@media screen and (min-width: 768px) {
  .form-group label,
  .form-group .form-label {
    width: 47%;
  }
}

button,
input,
select,
textarea {
  margin: 0;
  vertical-align: baseline;
}

legend {
  border: 0;
  white-space: normal;
  font-size: 30px;
  font-size: 3rem;
  margin: 0px 0px 10px 0px;
  margin: 0rem 0rem 1rem 0rem;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
}
legend:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}

button,
input {
  line-height: normal;
}

/**
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
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],
input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 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-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}

.form label {
  margin: 0;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .form label {
    margin: 0;
    float: left;
  }
}
.form fieldset {
  padding: 0 0 20px 0;
}
@media screen and (min-width: 768px) {
  .form fieldset {
    margin-bottom: 50px;
  }
}

.form-group {
  margin-bottom: 2em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .form-group label:first-child {
    float: left;
  }
}

.form-group--full {
  width: 100%;
}
.form-group--full .form-item {
  width: 100%;
}
.form-group--full .form-item input {
  width: 100%;
}

.form-group-wrapper {
  overflow: hidden;
  margin-bottom: 1.5em;
}

.form-item {
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-item {
    display: inline-block;
    width: 50%;
  }
  .form-item p {
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
  }
}
.form-item.full-width {
  width: 100%;
}

.form-footer {
  text-align: right;
  border: 0 none;
  margin: 0 0px 0 0;
}
.form-footer .btn, .form-footer .medium .block--general-content__footer a, .medium .block--general-content__footer .form-footer a {
  margin-left: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .form-footer .btn, .form-footer .medium .block--general-content__footer a, .medium .block--general-content__footer .form-footer a {
    margin-top: 0;
  }
}
.form-footer p {
  margin: 20px 0 10px 10px;
  font-weight: 700;
  padding: 5px;
  display: inline-block;
}

#save-complete-later {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  #save-complete-later {
    margin-bottom: 0;
    margin-right: 30px;
  }
}

.validation {
  display: none;
}

.field-validation-error {
  clear: both;
  display: block;
  color: #db1731;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #d6d9da inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #1c2b38;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #d6d9da inset;
  -webkit-text-fill-color: #1c2b38;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
textarea,
select,
.select {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #555;
  background-color: #ddd !important;
  background-image: none;
  border: 0 none;
  padding: 8px 7px;
  text-align: left;
  -webkit-appearance: none;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  input[type="email"],
  input[type="number"],
  input[type="password"],
  input[type="tel"],
  input[type="url"],
  input[type="text"],
  textarea,
  select,
  .select {
    width: 100%;
    display: inline-block;
    overflow: hidden;
  }
}

textarea {
  line-height: 1.5;
  height: 220px;
}
@media screen and (min-width: 768px) {
  textarea {
    width: 100%;
  }
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"] {
  /* padding: 8px 7px;*/
}

.custom-select {
  position: relative;
  display: inherit;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .custom-select {
    clear: left;
  }
}

.select,
select {
  padding: 8px 7px;
  position: relative;
  background: none;
  border: 0px solid #eeeeee;
  height: 33px;
}
.select:after,
select:after {
  content: "";
  display: inline-block;
  background: url(../images/sprite/icon-cta-down.png) center center no-repeat;
  border-left: none;
  position: absolute;
  float: right;
  height: 33px;
  right: 0px;
  top: 0;
  width: 33px;
}

.select {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 33px;
  padding: 0 0 0 7px;
  margin: 0;
  display: flex;
  width: 100%;
  border: none;
}

.select-day {
  margin-right: 0%;
  float: left !important;
  width: 33.3%;
}
.select-day select,
.select-day .select {
  width: 100%;
}
.select-day .custom-select {
  width: 100%;
}
@media (max-width: 350px) {
  .select-day .select {
    padding: 0 0 0 8px;
  }
}

.select-month {
  margin-right: 0%;
  float: left !important;
  width: 33.3%;
}
.select-month select,
.select-month .select {
  width: 100%;
}
.select-month .custom-select {
  width: 100%;
}
@media (max-width: 350px) {
  .select-month .select {
    padding: 0 0 0 5px;
  }
}

.select-year {
  margin-right: 0%;
  float: left !important;
  width: 33.3%;
}
.select-year select,
.select-year .select {
  width: 100%;
}
.select-year .custom-select {
  width: 100%;
}
@media (max-width: 350px) {
  .select-year .select {
    padding: 0;
  }
}

select {
  cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
}

input[type="submit"],
input[type="reset"] {
  padding: 6px 2em;
}

.radio-inline,
.checkbox-inline {
  float: left;
  margin-right: 30px;
}

@media screen and (min-width: 768px) {
  .form-horizontal {
    width: 600px;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-group {
    width: 600px;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal label,
  .form-horizontal .form-label {
    width: 250px;
    float: left;
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-item {
    width: 340px;
    float: left;
  }
}

@media screen and (min-width: 768px) {
  .form-inline {
    width: 630px;
  }
}
.form-inline .form-group {
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .form-inline .form-group {
    width: 150px;
    float: left;
    margin: 0 5px 0 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .form-inline .form-item {
    width: 150px;
  }
}
.form-inline .btn, .form-inline .medium .block--general-content__footer a, .medium .block--general-content__footer .form-inline a {
  float: left;
}

.login-form label {
  background: none;
  padding: 15px 15px 15px 0;
  display: inline-block;
  margin: 0;
  width: 100%;
  text-align: center;
  line-height: inherit;
}
@media screen and (min-width: 768px) {
  .login-form label {
    width: auto;
  }
}
.login-form input[type="email"],
.login-form input[type="number"],
.login-form input[type="password"],
.login-form input[type="tel"],
.login-form input[type="url"],
.login-form input[type="text"] {
  background-color: #ddd !important;
  display: inline-block;
  padding: 5px 0 5px 15px;
}
@media screen and (min-width: 768px) {
  .login-form input[type="email"],
  .login-form input[type="number"],
  .login-form input[type="password"],
  .login-form input[type="tel"],
  .login-form input[type="url"],
  .login-form input[type="text"] {
    width: 205px;
    height: 41px;
  }
}

.field--input {
  margin-bottom: 10px;
  min-height: 45px;
}
.field--input .label {
  padding: 3%;
  background-color: #8a6b3d;
  margin: 0;
  color: #fff;
  float: left;
  width: 30%;
  height: 38px;
}
@media screen and (min-width: 768px) {
  .field--input .label {
    width: 40%;
  }
}
.field--input input {
  padding: 3% 2%;
  border: none;
  background-color: #d8dadc;
  border-radius: 0;
  float: left;
  width: 70%;
  min-height: 22px;
  display: block;
  margin: 0;
  height: 38px;
}
@media screen and (min-width: 768px) {
  .field--input input {
    width: 60%;
  }
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid {
  display: none;
}

div:not(#foo) > input:hover + label,
div:not(#foo) > input:focus + label,
div:not(#foo) > input + label:hover,
div:not(#foo) > input:focus + label {
  font-weight: 700;
}

div:not(#foo) > input[type=checkbox] + label {
  background: url(../images/icons/checkbox.gif) top left no-repeat;
  height: 45px;
  font-weight: bold;
  line-height: 1.4 !important;
  padding: 0 20px 0 50px;
  margin-bottom: 20px;
  min-height: 45px;
  display: flex;
  align-items: center;
  display: -webkit-flex;
  -webkit-align-items: center;
}
@media screen and (min-width: 768px) {
  div:not(#foo) > input[type=checkbox] + label {
    padding: 0 0 0 50px;
    display: inline-flex;
    display: -webkit-inline-flex;
    background: url(../images/icons/checkbox.gif) top left no-repeat;
  }
}
.no-flexbox div:not(#foo) > input[type=checkbox] + label {
  line-height: 45px;
  display: block;
  padding: 0 20px 20px 50px;
}
@media screen and (min-width: 768px) {
  .no-flexbox div:not(#foo) > input[type=checkbox] + label {
    display: inline-block;
    padding: 0 0 20px 50px;
  }
}

div:not(#foo) > input[type=radio] ~ label {
  background: url(../images/icons/checkbox.gif) top left no-repeat;
  height: 45px;
  line-height: 45px;
  padding-bottom: 20px;
  font-weight: bold;
  padding-left: 50px;
  display: block;
}
@media screen and (min-width: 768px) {
  div:not(#foo) > input[type=radio] ~ label {
    display: inline-block;
    margin-bottom: 20px;
    background: url(../images/icons/checkbox.gif) top left no-repeat;
  }
}

/* Checked styles */
div:not(#foo) > input[type=checkbox]:checked + label {
  background: url(../images/icons/checkbox-checked.gif) top left no-repeat;
}
@media screen and (min-width: 768px) {
  div:not(#foo) > input[type=checkbox]:checked + label {
    background: url(../images/icons/checkbox-checked.gif) top left no-repeat;
  }
}

div:not(#foo) > input[type=radio]:checked ~ label {
  background: url(../images/icons/checkbox-checked.gif) top left no-repeat;
}

/* Hover & Focus styles */
/* Active styles */
div:not(#foo) > input[type=checkbox]:active + label,
div:not(#foo) > input[type=checkbox] + label:hover:active {
  background: url(../images/icons/checkbox-checked.gif) top left no-repeat;
}

/* Disabled styles 
div:not(#foo) > input[type=checkbox]:disabled + label,
div:not(#foo) > input[type=checkbox]:hover:disabled + label,
div:not(#foo) > input[type=checkbox]:focus:disabled + label,
div:not(#foo) > input[type=checkbox]:disabled + label:hover,
div:not(#foo) > input[type=checkbox]:disabled + label:hover:active       {   background: url(../images/icons/checkbox-checked.gif) top right no-repeat;}
div:not(#foo) > input[type=radio]:disabled + label,
div:not(#foo) > input[type=radio]:hover:disabled + label,
div:not(#foo) > input[type=radio]:focus:disabled + label,
div:not(#foo) > input[type=radio]:disabled + label:hover,
div:not(#foo) > input[type=radio]:disabled + label:hover:active       {   background: url(../images/icons/checkbox-checked.gif) top right no-repeat;}
div:not(#foo) > input[type=checkbox]:disabled:checked + label,
div:not(#foo) > input[type=checkbox]:hover:disabled:checked + label,
div:not(#foo) > input[type=checkbox]:focus:disabled:checked + label,
div:not(#foo) > input[type=checkbox]:disabled:checked + label:hover,
div:not(#foo) > input[type=checkbox]:disabled:checked + label:hover:active  {   background: url(../images/icons/checkbox-checked.gif) top right no-repeat;}
div:not(#foo) > input[type=radio]:disabled:checked + label,
div:not(#foo) > input[type=radio]:hover:disabled:checked + label,
div:not(#foo) > input[type=radio]:focus:disabled:checked + label,
div:not(#foo) > input[type=radio]:disabled:checked + label:hover,
div:not(#foo) > input[type=radio]:disabled:checked + label:hover:active    {   background: url(../images/icons/checkbox-checked.gif) top right no-repeat;}
*/
.form-item .form-item-textarea + .form-item__tooltip {
  top: 0;
  right: 25px;
}

.form-group--checkbox p,
.form-group--radio p {
  width: 100%;
  float: none !important;
  padding-right: 40px;
}
@media screen and (min-width: 768px) {
  .form-group--checkbox p,
  .form-group--radio p {
    width: 47%;
    float: left !important;
  }
}
.form-group--checkbox p.float-left,
.form-group--radio p.float-left {
  float: left;
}
.form-group--checkbox label,
.form-group--radio label {
  padding-left: 10px;
}
.form-group--checkbox input[type=checkbox],
.form-group--checkbox input[type=radio],
.form-group--radio input[type=checkbox],
.form-group--radio input[type=radio] {
  padding: 0;
  margin: 0;
  height: 16px;
  width: 16px;
  float: left;
  position: absolute;
  left: -9000px;
  opacity: 0;
}

.ie8 .form-group--checkbox label {
  float: left;
  line-height: 1.5;
  width: 330px;
}
.ie8 .form-group--checkbox input[type=checkbox],
.ie8 .form-group--checkbox input[type=radio] {
  padding: 0;
  margin: 5px;
  float: left;
  position: relative;
  left: 0;
  opacity: 100;
}

.form-group--checkbox,
.form-group--radio {
  clear: both;
  margin-bottom: 0;
  height: auto;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .form-group--checkbox,
  .form-group--radio {
    margin-bottom: 50px;
  }
}

.form-group--checkbox-inline {
  clear: none;
  display: inline;
}

.form-group--checkbox--fullwidth label {
  width: auto;
}

.form-group--checkbox-single .form-label {
  line-height: 1.5;
}
.form-group--checkbox-single label {
  text-indent: -90000em;
  text-align: left !important;
  width: 0;
}

.checkbox.full-width label {
  width: 90% !important;
}

.registration {
  margin: 0 0 0 15px;
}

.connect-profile__wrapper .registration {
  margin: 0px;
}

.form--register-interest {
  margin: 40px 0;
}

.form-group--checkbox--left {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.form-group--checkbox--left label {
  text-align: left !important;
  width: auto;
  padding-right: 0;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .form-group--checkbox--left label {
    width: 300px;
  }
}

.form-group--cv {
  clear: both;
}

.form-group--left label {
  text-align: left;
  width: auto;
  font-weight: bold;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .form-group--left label {
    width: 250px;
  }
}

.form-item--left {
  display: inline;
}

@media screen and (min-width: 768px) {
  .radio-group--legal p {
    width: 47%;
    display: inline-block;
    float: left;
    clear: left;
  }
}

.simpleFilePreview {
  position: relative;
  display: block;
  width: 106px;
  height: 106px;
  margin-left: 0;
  border: none;
  border-radius: 3px;
  background-color: #eee !important;
  padding: 0;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}

.simpleFilePreview_remove {
  display: none;
  color: #000;
  top: 2px;
  right: 2px;
  font-size: 12px;
}

select#SelectedUserRole {
  top: -33px;
}

.nsg .block-register__form .register-form-input-wrap {
  width: 100% !important;
}

.nsg .block--register__form .register-form label {
  max-width: 100% !important;
}

.nsg .block-register_form .block-register_footer {
  padding-top: 20px;
}

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

table {
  border-collapse: collapse;
}

th, td {
  border: 1px solid #eeeeee;
  font-weight: 600;
  padding: 10px 15px;
  vertical-align: middle;
  text-align: left;
}
@media screen and (min-width: 768px) {
  th, td {
    text-align: center;
  }
}

th {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

td {
  background: #fff;
}

caption {
  text-align: left;
  text-indent: -9000em;
}

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/**
 * structural elements/areas, grids, columns etc.
 */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}
@media (min-width: 900px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}
@media (min-width: 900px) {
  .container-fluid {
    padding-right: 90px;
    padding-left: 90px;
  }
}

.row, .block-area {
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
}
.row:before, .block-area:before, .row:after, .block-area:after {
  content: " ";
  display: table;
}
.row:after, .block-area:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: 0%;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: 0%;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

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

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

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

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

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

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: 0%;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: 0%;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

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

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

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

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

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

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 900px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: 0%;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: 0%;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

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

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

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

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

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

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: 0%;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: 0%;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

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

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

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

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

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

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.bootstrap-grid-example div {
  border: 1px solid #eee;
}
.bootstrap-grid-example .row, .bootstrap-grid-example .block-area {
  margin: 0;
}

.bg--image-1 {
  background: url("../images/content/bg-image-1.jpg") no-repeat 50% 0;
  background-size: 100%;
}

.bg--image-2 {
  background: url("../images/content/bg-star.png") no-repeat 0 0px;
}
@media screen and (min-width: 768px) {
  .bg--image-2 {
    background: url("../images/content/bg-star.png") no-repeat 0 110px;
  }
}

.bg--image-4, th, .block--request-call-back__header, .large .block--general-content__header, .connect-header--large {
  background: #1c2b38;
  color: #fff;
}
.bg--image-4 h2, th h2, .block--request-call-back__header h2, .large .block--general-content__header h2, .connect-header--large h2, .bg--image-4 h3, th h3, .block--request-call-back__header h3, .large .block--general-content__header h3, .connect-header--large h3, .bg--image-4 h4, th h4, .block--request-call-back__header h4, .large .block--general-content__header h4, .connect-header--large h4 {
  color: #fff;
}

.bg--homepage-logo {
  background: url("../images/content/bg-star.png") no-repeat 0 0;
}

.bg--color-blue {
  background-color: #1c2b38;
}

.bg--color-white {
  background-color: #fff;
}

.bg--dark {
  background-color: #050a0f;
}

.area-2 .section {
  border-bottom: solid 1px #eee;
}

/*------------------------------------*\
	$LAYOUT
\*------------------------------------*/
body {
  background: #f3f3f3;
}

.page-wrapper {
  width: 100%;
  max-width: 1300px;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  margin: 0 auto;
}

.block-area--homepage-primary.row, .block-area--homepage-primary.block-area {
  margin-left: 0;
  margin-right: 0;
}
.block-area--homepage-primary.row .large, .block-area--homepage-primary.block-area .large {
  padding: 0;
}

.section-wrapper.block--slider-parent {
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .section-wrapper.block--slider-parent {
    padding: 0 10px;
  }
}
@media screen and (min-width: 1100px) {
  .section-wrapper.block--slider-parent {
    padding: 0 80px;
  }
}

.section-wrapper {
  padding: 0 20px;
  clear: both;
}
@media screen and (min-width: 1100px) {
  .section-wrapper {
    padding: 0 90px;
  }
}

.section-wrapper--latest {
  padding: 0 0px;
}
@media screen and (min-width: 768px) {
  .section-wrapper--latest {
    padding: 0 0px;
  }
}
@media screen and (min-width: 1100px) {
  .section-wrapper--latest {
    padding: 0 90px;
  }
}

#notificationslist .section-wrapper {
  padding: 0 9px;
}

/*----------------------------------------------------------------------------*\
    Headhesive Specific Styles
/*----------------------------------------------------------------------------*/
/**
 * Headhesive element clone
 * > `clone` class for the cloned element:
 *
 |  var options = {
	|      classes {
		|          clone: 'banner--clone';
		|      }
	|  }
 *
 */
.banner--clone {
  /* Required styles */
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  /* Additional styles */
}
.banner--clone .header {
  float: none;
  height: 115px !important;
  box-shadow: 0px 5px 10px -5px black;
}
.banner--clone .logo {
  float: left;
  margin: -6px 0 28px 0px;
  height: 40px;
  width: 190px;
  clear: none;
}
@media screen and (max-width: 1001px) {
  .banner--clone .logo {
    clear: none;
    position: relative;
    top: -15px;
  }
}

/**
 * Headhesive stick
 * > `stick` class for the cloned element:
 *
 |  var options = {
	|      classes {
		|          stick: 'banner--stick';
		|      }
	|  }
 *
 */
.banner--stick {
  /* Translate back to 0%; */
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.banner--stick .header {
  box-shadow: 0px 5px 10px -5px black;
}

/**
 * Headhesive unstick
 * > `unstick` class for the cloned element:
 *
 |  var options = {
	|      classes {
		|          unstick: 'banner--unstick';
		|      }
	|  }
 *
 */
.banner--unstick {
  /* Not required to use, but could be useful to have */
}

.header {
  border-bottom: 1px solid #eeeeee;
  float: left;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  z-index: 999;
  background: #fff;
  position: relative;
}
@media screen and (min-width: 1001px) {
  .header {
    position: relative;
    height: 175px;
  }
}

.logo {
  float: left;
  margin: 10px 0 28px 0px;
  height: 40px;
  width: 190px;
  clear: both;
}
@media screen and (min-width: 768px) {
  .logo {
    clear: none;
    position: relative;
    top: 10px;
  }
}
@media screen and (min-width: 1001px) {
  .logo {
    margin: -50px 0 115px 0px;
    height: auto;
    width: auto;
    clear: both;
  }
}

.main {
  position: relative;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

.desktop__content--header--search-banner {
  height: 127px;
  margin: 0 -10px;
}
@media only screen and (min-width: 768px) {
  .desktop__content--header--search-banner {
    padding-left: 30px;
    margin: 0px;
  }
}
@media only screen and (min-width: 900px) {
  .desktop__content--header--search-banner {
    margin-left: -80px;
    padding-left: 90px;
  }
}
.desktop__content--header--search-banner h2 {
  margin: 0 0 17px 0;
  padding: 49px 0 19px 0;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  background: url("../images/sprite/tan-stripe.png") no-repeat 0 100%;
}

.desktop__content--header--borders {
  margin: 20px -170px 0px -10px;
  padding-bottom: 105px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
@media (max-width: 1200px) and (min-width: 768px) {
  .desktop__content--header--borders {
    margin: 20px -90px 0px -10px;
  }
}

.main-content__title {
  border-top: 1px solid #eee;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .main-content__title {
    margin-bottom: 53px;
    border-bottom: 1px solid #eee;
    margin-left: -15px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 1100px) {
  .main-content__title {
    margin-left: -20px;
    margin-right: -90px;
  }
}
.main-content__title h1 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-size: 32px;
  font-size: 3.2rem;
  margin-bottom: 15px;
  padding-top: 33px;
  padding-bottom: 18px;
}
.main-content__title h1:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
@media screen and (min-width: 768px) {
  .main-content__title h1 {
    margin-left: 37px;
  }
}
.main-content__title .section-wrapper {
  padding: 0 20px;
  clear: both;
}
@media screen and (min-width: 768px) {
  .main-content__title .section-wrapper {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1100px) {
  .main-content__title .section-wrapper {
    padding: 0 90px;
  }
}

.main-content__intro {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .main-content__intro {
    margin-left: 20px;
    margin-bottom: 65px;
  }
  .main-content__intro p {
    font-size: 19px;
    font-size: 1.9rem;
  }
}

.main-content__content {
  margin: 0px 20px;
}
@media screen and (min-width: 768px) {
  .main-content__content {
    margin: 25px 20px;
  }
}

.aside {
  z-index: 9;
}

.footer {
  margin: 0 auto;
  background-color: #f2f2f2;
  padding-top: 35px;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .footer {
    padding-top: 110px;
    padding-bottom: 50px;
  }
  .footer .logos {
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: -1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 900px) {
  .footer .logos {
    margin-top: -30px;
  }
}
@media screen and (min-width: 768px) {
  .footer .logos a {
    display: block;
    margin-bottom: 25px;
    clear: both;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 899px) {
  .footer .logos a {
    display: inline-block;
    max-width: 220px;
  }
}

@media (max-width: 767px) {
  .footer .logos a {
    display: block;
    max-width: 220px;
    margin-left: -15px;
  }
}

.site-info p {
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 900px) {
  .dual img {
    float: left;
  }
  .dual img + img {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .contact {
    padding: 0 10px;
  }
}
.contact h5 {
  margin-bottom: 15px;
}
.contact .cta-link-3 {
  font-size: 1.45rem;
  margin-top: 20px;
}
.contact .social {
  margin-top: 20px;
}

@media screen and (min-width: 900px) {
  .footer-links {
    padding: 0 10px;
  }
}

/*------------------------------------*\
    $VENDOR
\*------------------------------------*/
/**
 * CSS or Sass from other projects - do not change, but overwrite if necessary.
 */
.simpleFilePreview_multiUI {
  border: 2px solid #fff;
  border-radius: 4px;
  background-color: #f2f2f2;
  box-shadow: 0 0 0 1px #c1c1c1;
  width: 450px;
  position: relative;
  padding: 15px 30px;
  margin-left: 75px;
}

.simpleFilePreview_multiClip {
  overflow: hidden;
}

.simpleFilePreview_multi {
  display: block;
  height: 130px;
  padding: 0;
  position: relative;
  left: 0;
}

.simpleFilePreview_shifter {
  position: absolute;
  top: 70px;
  cursor: pointer;
}

.simpleFilePreview_shiftLeft {
  left: 3px;
}

.simpleFilePreview_shiftRight {
  right: 3px;
}

.imageHolder {
  margin: 0;
}

.simpleFilePreview {
  position: relative;
  display: block;
  width: 106px;
  height: 106px;
  margin-left: 0;
  border: none;
  border-radius: 3px;
  background-color: #EEEEEE !important;
  padding: 0;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}

.simpleFilePreview_multi .simpleFilePreview {
  float: left;
}

.simpleFilePreview_input {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding-top: 40%;
  height: 100%;
  width: 100%;
}

.simpleFilePreview:hover {
  background-color: #ddd;
}

.simpleFilePreview input {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  z-index: 5;
}

.simpleFilePreview_preview {
  max-width: 120px;
  max-height: 120px;
  z-index: 3;
}

.simpleFilePreview_preview.simpleFilePreview_hasFilename {
  max-width: 120px;
  max-height: 100px;
}

.simpleFilePreview_filename {
  font-size: 0.8em;
  color: #666;
  width: 95%;
  height: 1.15em;
  overflow: hidden;
  display: inline-block;
}

.simpleFilePreview_remove {
  display: none;
  color: #000;
  font-weight: bold;
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 4;
  font-size: 12px;
}

/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
/***
*Episerver definition of blocks
*/
.small {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .small {
    float: left;
    width: 33.33333%;
  }
}

.medium {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .medium {
    float: left;
    width: 66.66667%;
  }
}

.half {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}
@media (min-width: 900px) {
  .half {
    float: left;
    width: 50%;
  }
}

.large {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .large {
    float: left;
    width: 100%;
  }
}
.large.border-bottom {
  border-bottom: 1px solid #eee;
}
.large.border-bottom .block--general-content__content {
  padding: 30px 15px;
}

.main-content .small {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .main-content .small {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .main-content .small {
    float: left;
    width: 50%;
  }
}
.main-content .medium {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .main-content .medium {
    float: left;
    width: 100%;
  }
}
.main-content .large {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .main-content .large {
    float: left;
    width: 100%;
  }
}

.aside .small {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .aside .small {
    float: left;
    width: 100%;
  }
}
.aside .medium {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .aside .medium {
    float: left;
    width: 100%;
  }
}
.aside .large {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .aside .large {
    float: left;
    width: 100%;
  }
}

.block-area--latest .block-area--main-content {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--main-content {
    float: left;
    width: 66.66667%;
  }
}
.block-area--latest .block-area--main-content .small {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--main-content .small {
    float: left;
    width: 50%;
  }
}
.block-area--latest .block-area--main-content .medium {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--main-content .medium {
    float: left;
    width: 100%;
  }
}
.block-area--latest .block-area--main-content .large {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--main-content .large {
    float: left;
    width: 100%;
  }
}
.block-area--latest .block-area--secondary-content {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--secondary-content {
    float: left;
    width: 33.33333%;
  }
}
.block-area--latest .block-area--secondary-content .small {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--secondary-content .small {
    float: left;
    width: 100%;
  }
}
.block-area--latest .block-area--secondary-content .medium {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--secondary-content .medium {
    float: left;
    width: 100%;
  }
}
.block-area--latest .block-area--secondary-content .large {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .block-area--latest .block-area--secondary-content .large {
    float: left;
    width: 100%;
  }
}

.block {
  margin-bottom: 20px;
}

.block-area--homepage-primary .block {
  margin-bottom: 0;
}
.block-area--homepage-primary .section-wrapper {
  padding: 0 0px;
}
@media screen and (min-width: 768px) {
  .block-area--homepage-primary .section-wrapper {
    padding: 0 90px;
  }
}

.block-area--intro-content {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .block-area--intro-content {
    padding-top: 50px;
  }
}

.block-area .block.medium .row .form, .block-area .block.medium .block-area .form {
  margin: 0 25px;
}
@media (max-width: 480px) {
  .block-area .block.medium .row .form, .block-area .block.medium .block-area .form {
    margin: 0;
  }
}

@media screen and (min-width: 900px) {
  .block.small {
    padding: 0 10px;
  }
}

.fullscreen-height {
  height: 100vh !important;
}

.engage-homepage.block {
  margin-bottom: 0px !important;
}

.block--promo {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .block--promo {
    float: none;
    margin-top: 0;
    margin-bottom: 0px;
  }
}

.block--promo__content {
  width: 45%;
  position: absolute;
  left: 20px;
  top: 10px;
}
@media screen and (min-width: 1100px) {
  .block--promo__content {
    top: 20px;
    left: 90px;
  }
}
@media screen and (min-width: 1280px) {
  .block--promo__content {
    top: 40px;
  }
}
.block--promo__content h1 {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  padding-bottom: 25px;
  line-height: 1.2;
}
.block--promo__content h1:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
@media screen and (min-width: 768px) {
  .block--promo__content h1 {
    font-size: 50px;
    font-size: 5rem;
    margin-bottom: 15px;
    line-height: 1.4;
  }
}
.block--promo__content h1 span {
  display: block;
}
.block--promo__content p {
  display: none;
  line-height: 1.6;
}
@media screen and (min-width: 900px) {
  .block--promo__content p {
    display: block;
    font-size: 20px;
    font-size: 2rem;
  }
}

.block--promo__video {
  background-color: #61676f;
}
@media screen and (min-width: 1100px) {
  .block--promo__video {
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 45%;
    float: left;
    position: absolute;
    left: 90px;
    bottom: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .block--promo__video {
    bottom: 50px;
  }
}
.block--promo__video .block--video__play {
  width: 125px;
  height: 125px;
  background: #1c2b38;
  position: absolute;
  right: 0px;
  text-align: left;
  text-indent: -9000em;
  display: inline-block;
}
@media screen and (min-width: 800px) {
  .block--promo__video .block--video__play {
    background: #1c2b38;
    float: left;
    position: relative;
    top: 0;
  }
}
.block--promo__video .block--video__play:before {
  content: "";
  position: absolute;
  left: 27px;
  top: 27px;
}
.block--promo__video .block--promo__video-desc {
  width: 100%;
  height: 125px;
  padding: 0 145px 0 20px;
  display: table-cell;
  vertical-align: middle;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .block--promo__video .block--promo__video-desc {
    padding: 0 20px;
  }
}
.block--promo__video .block--promo__video-desc p {
  margin-bottom: 0;
}
.block--promo__video .block--promo__link {
  text-align: center;
  margin: 0 auto;
  clear: both;
}
@media screen and (min-width: 768px) {
  .block--promo__video .block--promo__link {
    height: 130px;
    padding-right: 0;
    clear: none;
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .block--promo__video .block--promo__link-button {
    height: 130px;
    padding-right: 0;
    background: #1c2b38;
  }
}
.block--promo__video .block--promo__link-button a {
  display: inline-block;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .block--promo__video .block--promo__link-button a {
    margin-top: 45px;
  }
}

.block--assignments-listing h2 {
  margin-left: 1em;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.block--assignments-listing h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.block--assignments-listing h3 {
  color: #1c2b38;
}
.block--assignments-listing ul {
  border-bottom: solid 10px #eee;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.block--assignments-listing li {
  background: none;
  margin-bottom: 0;
  padding: 0;
  position: relative;
  border: solid 1px #eee;
}
.block--assignments-listing a {
  font-weight: normal;
  display: block;
  padding: 30px 45px 33px 20px;
  color: #1c2b38;
  border-bottom: none;
  color: #333;
}
.block--assignments-listing a:after {
  content: " ";
  position: absolute;
  right: 23px;
  top: 50%;
  margin-top: -8px;
}
.block--assignments-listing .txt--headline {
  font-weight: 900;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9d7949;
  margin-bottom: 0;
}
.block--assignments-listing .txt--headline:after {
  display: none;
}
.block--assignments-listing a:hover {
  color: #fff;
  background-color: #1c2b38;
  border-color: #1c2b38;
}
.block--assignments-listing a:hover .txt--headline {
  color: #02b529;
}
.block--assignments-listing a.link--primary, .block--assignments-listing .small .block--general-content__footer a, .small .block--general-content__footer .block--assignments-listing a, .block--assignments-listing .large .block--general-content__footer a, .large .block--general-content__footer .block--assignments-listing a {
  padding: 20px;
}
.block--assignments-listing a.link--primary:before, .block--assignments-listing .small .block--general-content__footer a:before, .small .block--general-content__footer .block--assignments-listing a:before, .block--assignments-listing .large .block--general-content__footer a:before, .large .block--general-content__footer .block--assignments-listing a:before {
  left: 20px;
  top: 50%;
  margin-top: -8px;
}
.block--assignments-listing a.link--primary:after, .block--assignments-listing .small .block--general-content__footer a:after, .small .block--general-content__footer .block--assignments-listing a:after, .block--assignments-listing .large .block--general-content__footer a:after, .large .block--general-content__footer .block--assignments-listing a:after {
  display: none;
}

.small .block--assignments-listing h2 {
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 25px;
  padding-bottom: 28px;
}
.small .block--assignments-listing h2:before {
  bottom: 0px;
}

.block--assignments-listing-saved h2 {
  font-size: 25px;
  font-size: 2.5rem;
  margin-bottom: 25px;
}
.block--assignments-listing-saved ul li a {
  color: #9d7949;
}
.block--assignments-listing-saved ul li a:after {
  display: none;
}
.block--assignments-listing-saved ul li .job-listing__job {
  margin-left: 37px;
}
.block--assignments-listing-saved ul li .job-listing__remove {
  text-indent: -9000em;
  text-align: left;
  padding: 0;
  margin: 38px 0 0 14px;
  float: left;
  height: 25px;
  width: 25px;
  background: transparent;
}
.block--assignments-listing-saved ul li .job-listing__remove:hover {
  box-shadow: 0 1px 1px #ccc;
  border-radius: 50%;
  background: transparent;
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.block--assignments-listing-saved ul li .job-listing__remove:before {
  content: "";
  left: 18px;
  top: 42px;
  position: absolute;
}
.block--assignments-listing-saved ul li .job-listing__remove:after {
  display: none;
}
.block--assignments-listing-saved .box--element {
  padding: 20px 18px;
  border: solid 1px #eee;
  border-top: none;
  margin-bottom: 20px;
}
.block--assignments-listing-saved .box--element a {
  padding-left: 32px;
}

.featured-assignments {
  background-color: #515861;
  color: #ffffff;
  padding: 10px !important;
  margin-bottom: 5px;
  overflow: auto;
  width: 100%;
  height: 33%;
  margin-bottom: 3px;
}
.featured-assignments span,
.featured-assignments a {
  display: inline-block;
}
.featured-assignments span {
  width: 100%;
}
.featured-assignments h3 {
  color: #ffffff;
}
.featured-assignments .rate-loc {
  color: palette(secondary, light);
  font-size: 22px;
  font-family: "PompeiStd-Light";
  letter-spacing: normal;
  font-weight: normal;
  margin: 0rem 0rem 1rem 0rem;
}
.featured-assignments .view-details,
.featured-assignments .save-to-view {
  display: block;
  float: left;
  margin-top: 10px;
  padding-right: 20px;
  background: url(../images/icons/icon-cta-act.png) right center no-repeat;
}
.featured-assignments .view-details {
  margin-right: 20px;
}
.featured-assignments header {
  margin-bottom: 20px;
}
.featured-assignments header .descriptor {
  margin-top: 20px;
}
.featured-assignments header h2 {
  margin-bottom: 10px;
  line-height: 1;
  color: #ffffff;
  font-weight: "PompeiStd-Light";
}
.featured-assignments header hr {
  margin: 0 auto 0 auto;
  float: none;
}
.featured-assignments ul li {
  padding: 0px;
  background: none;
  border-bottom: 1px solid #ffffff;
  margin: 0px;
}
.featured-assignments ul li a {
  color: #ffffff;
  display: block;
  padding: 15px 0px;
  -webkit-transition: all, ease-in, 0.3s;
  -moz-transition: all, ease-in, 0.3s;
  -ms-transition: all, ease-in, 0.3s;
  -o-transition: all, ease-in, 0.3s;
  transition: all, ease-in, 0.3s;
}
.featured-assignments ul li a:hover .details:after {
  color: #ffffff;
}
.featured-assignments ul li a h3 {
  margin-bottom: 0px;
  font-size: 24px;
  color: #ffffff;
  font-family: "PompeiStd-Light";
  letter-spacing: normal;
  font-weight: normal;
}
.featured-assignments ul li a .details {
  display: block;
  padding-right: 40px;
}
.featured-assignments ul li a .details:after {
  content: "";
  margin-left: 10px;
  height: 25px;
  width: 25px;
  position: relative;
  top: 8px;
  background: url(/Static/images/icon-assignment.png) 0px 0px no-repeat;
  -webkit-transition: all, ease-in, 0.3s;
  -moz-transition: all, ease-in, 0.3s;
  -ms-transition: all, ease-in, 0.3s;
  -o-transition: all, ease-in, 0.3s;
  transition: all, ease-in, 0.3s;
  display: inline-block;
}
.featured-assignments ul li a .details:hover:after {
  background: url(/Static/images/icon-assignment.png) 0px -25px no-repeat;
}

.assignments-footer {
  margin-bottom: 10px;
  padding: 10px 10px 10px 40px !important;
  background: url(../images/icons/magnify-glass-brightpool.png) #1c2b38 10px center no-repeat;
  background-size: 24px;
  position: relative;
  margin-top: 20px;
  bottom: 15px;
  left: 0px;
  width: 100%;
}
.assignments-footer p {
  margin: 12px 0 0 8px !important;
}
.assignments-footer a {
  color: #ffffff;
}

.featured-news {
  background: #eff1f1;
  margin-bottom: 5px;
  overflow: auto;
  padding: 10px !important;
  height: 100%;
  width: 100%;
}
.featured-news span, .featured-news a {
  display: inline-block;
}
.featured-news .date {
  display: block;
  margin: 20px 0 0 0;
  font-weight: bold;
}
.featured-news span {
  width: 100%;
}

.featured-assignments {
  background-color: #3b444e;
  color: #ffffff;
  padding: 10px !important;
  margin-bottom: 5px;
  overflow: auto;
  width: 100%;
  height: 33%;
  margin-bottom: 3px;
}
.featured-assignments span, .featured-assignments a {
  display: inline-block;
}
.featured-assignments .rate-loc {
  color: #9d7949;
  font-size: 22px;
  font-family: "PompeiStd-Light";
  letter-spacing: normal;
  font-weight: normal;
  margin: 0rem 0rem 1rem 0rem;
}
.featured-assignments .view-details, .featured-assignments .save-to-view {
  display: block;
  float: left;
  margin-top: 10px;
  padding-right: 20px;
  background: url(../images/icons/icon-cta.png) right center no-repeat;
}
.featured-assignments .view-details {
  margin-right: 20px;
}
.featured-assignments header {
  margin-bottom: 20px;
}
.featured-assignments header .descriptor {
  margin-top: 20px;
}
.featured-assignments header h2 {
  margin-bottom: 10px;
  line-height: 1;
  color: #ffffff;
  font-weight: "PompeiStd-Light";
}
.featured-assignments header hr {
  margin: auto;
  float: none !important;
}
.featured-assignments ul li {
  padding: 0px;
  background: none;
  border-bottom: 1px solid #ffffff;
  margin: 0px;
}
.featured-assignments ul li a {
  color: #ffffff;
  display: block;
  padding: 15px 0px;
  -webkit-transition: all, ease-in, 0.3s;
  -moz-transition: all, ease-in, 0.3s;
  -ms-transition: all, ease-in, 0.3s;
  -o-transition: all, ease-in, 0.3s;
  transition: all, ease-in, 0.3s;
}
.featured-assignments ul li a:hover .details:after {
  color: #ffffff;
}
.featured-assignments ul li a h3 {
  margin-bottom: 0px;
  font-size: 24px;
  color: #ffffff;
  font-family: "PompeiStd-Light";
  letter-spacing: normal;
  font-weight: normal;
}
.featured-assignments ul li a .details {
  display: block;
  padding-right: 40px;
}
.featured-assignments ul li a .details:after {
  content: "";
  margin-left: 10px;
  height: 25px;
  width: 25px;
  position: relative;
  top: 8px;
  background: url(/Static/images/icon-assignment.png) 0px 0px no-repeat;
  -webkit-transition: all, ease-in, 0.3s;
  -moz-transition: all, ease-in, 0.3s;
  -ms-transition: all, ease-in, 0.3s;
  -o-transition: all, ease-in, 0.3s;
  transition: all, ease-in, 0.3s;
  display: inline-block;
}
.featured-assignments ul li a .details:hover:after {
  background: url(/Static/images/icon-assignment.png) 0px -25px no-repeat;
}

.featured-assignments {
  background-color: #3b444e;
  color: #ffffff;
  padding: 10px !important;
  margin-bottom: 5px;
  overflow: auto;
  width: 100%;
  height: 33%;
  margin-bottom: 3px;
}

.assignments-footer {
  margin-bottom: 10px;
  padding: 10px 10px 10px 40px !important;
  background: url(../images/icons/magnify-glass.png) #1c2b38 10px center no-repeat;
  background-size: 24px;
}
.assignments-footer p {
  margin-bottom: 0;
}
.assignments-footer a {
  color: #ffffff;
}

.block--request-call-back {
  color: #fff;
  background: #1c2b38;
}

.block--request-call-back__header {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .block--request-call-back__header {
    padding: 35px 40px;
  }
}
.block--request-call-back__header h2 {
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1.2;
  text-align: center;
}
.block--request-call-back__header a {
  text-align: center;
  display: block;
  height: 41px;
  width: 41px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.block--request-call-back__header img {
  margin: 0 auto;
}

.block--request-call-back__content {
  padding: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .block--request-call-back__content {
    padding: 20px 37px;
  }
}

.block--request-call-back__footer {
  padding: 0px 25px 40px;
  text-align: center;
}
.block--request-call-back__footer:before {
  content: "";
  width: 125px;
  display: block;
  margin: 0 auto;
  margin-bottom: 25px;
  border-top: 4px solid #9d7949;
}
.block--request-call-back__footer .tel--large {
  display: inline-block;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  font-size: 35px;
  font-size: 3.5rem;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  letter-spacing: 0.003em;
}

.block--request-call-back--large {
  padding: 53px 20px 50px 40px;
}
@media screen and (min-width: 768px) {
  .block--request-call-back--large {
    border-bottom: 1px solid #eee;
  }
}
.block--request-call-back--large h2 {
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: -.02em;
}
@media screen and (min-width: 768px) {
  .block--request-call-back--large h2 {
    display: inline;
  }
}
.block--request-call-back--large h2:before {
  content: " ";
  position: absolute;
  top: -20px;
  left: -40px;
}
.block--request-call-back--large .btn, .block--request-call-back--large .medium .block--general-content__footer a, .medium .block--general-content__footer .block--request-call-back--large a {
  display: table;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .block--request-call-back--large .btn, .block--request-call-back--large .medium .block--general-content__footer a, .medium .block--general-content__footer .block--request-call-back--large a {
    display: inline-block;
    float: right;
    width: auto;
  }
}

.border--brown {
  width: 125px;
  background: #9d7949;
  margin: 0 auto;
  display: block;
  height: 4px;
}

.block--video__content {
  background: rgba(255, 255, 255, 0.9);
  padding: 30px 20px;
  border-bottom: solid 1px #eee;
}
.block--video__content h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (max-width: 480px) {
  .block--video__content {
    padding: 30px 0px;
  }
}

.block--video__footer {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
}

.block--video__placeholder {
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block--video__placeholder {
    bottom: 37px;
    display: table;
    vertical-align: middle;
  }
}
@media (max-width: 480px) {
  .block--video__placeholder {
    position: static;
  }
}
.block--video__placeholder a {
  position: relative;
  text-align: left;
  text-indent: -9000em;
  display: block;
  line-height: 0;
  font-size: 1px;
  width: 100%;
  float: none;
  height: auto;
}
@media (max-width: 480px) {
  .block--video__placeholder a {
    line-height: 0;
  }
}
@media screen and (min-width: 768px) {
  .block--video__placeholder a {
    background: #1c2b38;
    float: left;
    height: 125px;
    width: 125px;
  }
}
.block--video__placeholder a:before {
  width: 73px;
  height: 73px;
  display: block;
  content: "";
  position: absolute;
  right: 6px;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .block--video__placeholder a:before {
    content: " ";
    top: 27px;
    left: 27px;
    margin: 0;
  }
}
.block--video__placeholder .block--video__desc {
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  padding: 0 20px;
  width: 100%;
  margin-left: 125px;
  line-height: 1.3;
  background-color: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
  position: relative;
}
@media screen and (max-width: 767px) {
  .block--video__placeholder .block--video__desc {
    margin: 0;
    padding: 20px 80px 20px 20px;
    min-height: 73px;
  }
}
@media (max-width: 480px) {
  .block--video__placeholder .block--video__desc {
    padding: 0px 80px 0px 20px;
  }
}
@media screen and (min-width: 768px) {
  .block--video__placeholder .block--video__desc {
    width: 100%;
    height: 125px;
    display: table-cell;
    vertical-align: middle;
  }
}
.block--video__placeholder .block--video__desc p {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 80px;
}
@media screen and (min-width: 768px) {
  .block--video__placeholder .block--video__desc p {
    position: relative;
    font-size: 30px;
    font-size: 3rem;
    padding-right: 0;
    top: 0;
    transform: translateY(0);
  }
}

.block--video--small h2 {
  font-size: 22px;
  font-size: 2.2rem;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  margin-bottom: 25px;
  padding-bottom: 28px;
}
.block--video--small h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.block--video--small h2:before {
  bottom: 0px;
}
.block--video--small .block--video__image a {
  position: relative;
  z-index: 1;
  display: block;
}
.block--video--small .block--video__image a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 60px;
  z-index: 100;
  pointer-events: none;
}
.block--video--small .block--video__image img {
  width: 100%;
}

.block--video--medium {
  position: relative;
}
.block--video--medium .block--video__image img {
  width: 100%;
}

.block--video--large {
  position: relative;
}
.block--video--large .block--video__content {
  background: transparent;
  border-bottom: 0 none;
}
@media screen and (min-width: 768px) {
  .block--video--large .block--video__content {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
  }
}
@media screen and (min-width: 768px) and (min-width: 900px) {
  .block--video--large .block--video__content {
    float: left;
    width: 33.33333%;
  }
}

.block--video--large .block--video__content h2 {
  font-size: 40px;
  font-size: 4rem;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.block--video--large .block--video__content h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.block--video--large .block--video__content h2:after {
  content: url("../images/sprite/icon-asterisk.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
  position: absolute;
  left: -27px;
  top: -25px;
}
@media screen and (min-width: 768px) {
  .block--video--large .block--video__content h2:after {
    left: -40px;
    top: -23px;
  }
}
.block--video--large .block--video__image {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
@media (min-width: 900px) {
  .block--video--large .block--video__image {
    float: left;
    width: 66.66667%;
  }
}
@media screen and (min-width: 768px) {
  .block--video--large .block--video__image {
    float: right;
  }
}
.block--video--large .block--video__image img {
  width: 100%;
}
.block--video--large .block--video__image .block--video__placeholder {
  margin-left: 10px;
}

.block-area--latest {
  clear: both;
}

.block-area--latest__header {
  height: 95px;
  margin-bottom: 20px;
}
.block-area--latest__header h2 {
  display: inline;
  margin-bottom: 50px;
  margin-left: 20px;
  font-size: 39px;
  font-size: 3.9rem;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  padding-bottom: 32px;
}
.block-area--latest__header h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.block-area--latest__header h2:after {
  content: url("../images/sprite/icon-asterisk.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
  position: absolute;
  left: -27px;
  top: -25px;
}
@media screen and (min-width: 768px) {
  .block-area--latest__header h2:after {
    left: -40px;
    top: -23px;
  }
}
.block-area--latest__header h2:before {
  bottom: 0;
}
@media screen and (min-width: 900px) {
  .block-area--latest__header .btn, .block-area--latest__header .medium .block--general-content__footer a, .medium .block--general-content__footer .block-area--latest__header a {
    float: right;
    display: inline-block;
    margin-right: 66px;
    margin-top: 5px;
    height: 44px;
  }
}

.block--latest {
  background-color: #fff;
  border: solid 1px #eee;
}
.block--latest h3 {
  color: #fff;
  margin-bottom: 0;
  line-height: 1.2;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  font-size: 26.5px;
  font-size: 2.65rem;
  font-weight: 400;
}

.block--latest__header {
  background-color: #1c2b38;
  padding: 40px 20px 30px;
}
.block--latest__header a {
  display: inline-block;
  padding: 0 0 3px 0;
  margin-bottom: 17px;
  color: #9d7949;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
}
.block--latest__header a:after {
  content: "";
  display: inline-block;
  margin-bottom: -5px;
  margin-left: 8px;
}

.block--latest__image img {
  width: 100%;
}

.block--latest__content {
  padding: 25px 20px 30px;
  border-bottom: solid 1px #eee;
}

.block--latest__headline {
  color: #1c2b38;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.block--team-member {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .block--team-member {
    min-height: 400px;
  }
  .block--team-member .desktop--margin-left-30 {
    margin-left: 30px;
  }
}

.block--team-member__picture img {
  width: 100%;
}

.block--team-member__header {
  position: absolute;
  top: 0;
  left: 20px;
  padding: 0px 20px 0 0px;
}
.block--team-member__header h2 {
  padding-bottom: 25px;
  margin: 25px 0;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .block--team-member__header h2 {
    font-size: 27px;
    font-size: 2.7rem;
  }
}
.block--team-member__header h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.block--team-member__header .firstname,
.block--team-member__header .lastname {
  display: block;
  clear: both;
}
@media screen and (min-width: 768px) {
  .block--team-member__header .firstname,
  .block--team-member__header .lastname {
    display: inline;
    clear: none;
  }
}

.block--team-member__content-wrapper {
  padding: 10px;
  border-bottom: 1px solid #eee;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .block--team-member__content-wrapper {
    position: absolute;
    top: 100px;
    padding: 0 20px;
    border: none;
  }
}

.block--team-member__content {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .block--team-member__content {
    width: 50%;
  }
}

.block--team-member__footer {
  border-bottom: 1px solid #eee;
  padding: 20px;
}
.block--team-member__footer:before, .block--team-member__footer:after {
  content: " ";
  display: table;
}
.block--team-member__footer:after {
  clear: both;
}
.block--team-member__footer a {
  float: left;
  clear: left;
  width: 50%;
  margin-bottom: 20px;
  margin-right: 0;
  text-align: left;
}
.block--team-member__footer a + a {
  float: right;
  clear: right;
}
.block--team-member__footer a + a + a {
  float: left;
}
.block--team-member__footer a + a + a + a {
  float: right;
}
@media screen and (min-width: 768px) {
  .block--team-member__footer {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px 20px;
    border-bottom: none;
  }
}

.small .block--team-member__content-wrapper,
.small .block--team-member__footer {
  position: relative;
  top: 0;
  padding: 20px;
}
.small .block--team-member {
  border: 1px solid #eee;
}
.small .block--team-member .firstname,
.small .block--team-member .lastname {
  clear: both;
  display: block;
}
.small .block--team-member__header h2 {
  font-size: 27px;
  font-size: 2.7rem;
}
.small .block--team-member__content {
  width: 100%;
}
.small .block--team-member__footer {
  padding: 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.small .block--team-member__footer:before, .small .block--team-member__footer:after {
  content: " ";
  display: table;
}
.small .block--team-member__footer:after {
  clear: both;
}
.small .block--team-member__footer a {
  float: left;
  clear: left;
  width: 50%;
  margin-right: 0;
  text-align: left;
}
.small .block--team-member__footer a + a {
  float: right;
  clear: right;
}
.small .block--team-member__footer a + a + a {
  float: left;
}
.small .block--team-member__footer a + a + a + a {
  float: right;
}

.block--register .btn--linkedin {
  margin: 15px 0 27px;
}

.block--register__header h2 {
  font-size: 32px;
  font-size: 3.2rem;
  padding-bottom: 28px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.block--register__header h2:after {
  content: " ";
  height: 4px;
  width: 100%;
  max-width: 100px;
  background: #9D7949;
  display: block;
  position: absolute;
  height: 4px;
  width: 125px;
  margin-top: 0px;
  float: left;
}

.block--register__content {
  padding: 0 20px;
}
@media (max-width: 900px) {
  .block--register__content {
    padding: 0;
  }
}

.block--register__form {
  padding: 0 20px;
}
@media (max-width: 900px) {
  .block--register__form.register-form {
    padding: 0;
  }
}

.block--register__footer {
  clear: both;
}
.block--register__footer .link--primary, .block--register__footer .small .block--general-content__footer a, .small .block--general-content__footer .block--register__footer a, .block--register__footer .large .block--general-content__footer a, .large .block--general-content__footer .block--register__footer a {
  margin-bottom: 15px;
  display: inline-block;
  clear: both;
}
.block--register__footer .btn--primary, .block--register__footer .medium .block--general-content__footer a, .medium .block--general-content__footer .block--register__footer a {
  width: auto;
  float: left;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .block--register__footer .btn--primary, .block--register__footer .medium .block--general-content__footer a, .medium .block--general-content__footer .block--register__footer a {
    width: auto;
    margin-bottom: 0;
    float: right;
  }
}
.block--register__footer .btn-accent-form-icon {
  top: 15px;
}

.register-form--row {
  width: 100%;
  margin-bottom: 15px;
}
.register-form--row .custom-select {
  width: 100%;
}
.register-form--row .form-item {
  width: 100% !important;
}
.register-form--row .form-group {
  margin-bottom: 0;
  position: relative;
}
.register-form--row select#SelectedUserRole {
  top: 0;
}

.register-form--input-wrap {
  width: auto;
  margin-left: 0;
  position: relative;
}
@media (max-width: 767px) {
  .register-form--input-wrap {
    margin-left: 0;
    width: 100%;
    float: left;
  }
}
.register-form--input-wrap .form-item__tooltip {
  float: right;
  top: -39px;
  right: -25px;
}

.register-form hr {
  float: none !important;
}
.register-form fieldset {
  margin: 25px 0 10px 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.register-form label {
  width: 103px;
  padding: 15px 0 15px 0px;
  margin-bottom: 0;
  line-height: 0;
  margin-right: 0;
  text-align: left;
  float: left;
  font-size: 13px;
  font-size: 1.3rem;
}
.register-form input[type="email"],
.register-form input[type="number"],
.register-form input[type="password"],
.register-form input[type="tel"],
.register-form input[type="url"],
.register-form input[type="text"] {
  padding: 7px 0 7px 10px;
  background-color: #eee;
  display: inherit;
}
@media (max-width: 767px) {
  .register-form input[type="email"],
  .register-form input[type="number"],
  .register-form input[type="password"],
  .register-form input[type="tel"],
  .register-form input[type="url"],
  .register-form input[type="text"] {
    margin-left: 0;
    width: 100%;
    float: left;
  }
}

.iPhone .register-form input[type="email"],
.iPhone .register-form input[type="number"],
.iPhone .register-form input[type="password"],
.iPhone .register-form input[type="tel"],
.iPhone .register-form input[type="url"],
.iPhone .register-form input[type="text"],
.iPad .register-form input[type="email"],
.iPad .register-form input[type="number"],
.iPad .register-form input[type="password"],
.iPad .register-form input[type="tel"],
.iPad .register-form input[type="url"],
.iPad .register-form input[type="text"] {
  padding: 7px 0 7px 10px;
}

.register-form--row--email {
  margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
  .block--register--small .link--primary, .block--register--small .small .block--general-content__footer a, .small .block--general-content__footer .block--register--small a, .block--register--small .large .block--general-content__footer a, .large .block--general-content__footer .block--register--small a {
    float: left;
    margin-top: 15px;
  }
  .block--register--small .btn--primary, .block--register--small .medium .block--general-content__footer a, .medium .block--general-content__footer .block--register--small a {
    float: left;
  }
}

@media screen and (min-width: 768px) {
  .block--register--large .block--register__header {
    width: 100%;
    background: none;
    padding-bottom: 25px;
    margin-bottom: 33px;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .block--register--large .block--register__header {
    margin: 0 0 33px !important;
  }
}
@media screen and (min-width: 768px) {
  .block--register--large .block--register__header h2 {
    font-size: 30px;
    font-size: 3rem;
    padding: 35px 20px 20px;
    margin: 15px 0 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .block--register--large .block--register__header h2 {
    padding: 13px 20px 10px 58px;
    color: #1c2b38;
  }
}
@media screen and (min-width: 768px) {
  .block--register--large .block--register__content {
    padding: 0 20px;
    margin: -40px 0 20px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
  .block--register--large .block--register__content {
    width: 100%;
    float: none;
    border: none;
  }
}
@media screen and (min-width: 768px) {
  .block--register--large .block--register__form {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;
    float: right;
  }
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
  .block--register--large .block--register__form {
    width: 100%;
    float: none;
    border: none;
  }
}
@media screen and (min-width: 768px) {
  .block--register--large .block--register__footer {
    margin: 20px 0;
    border-top: 1px solid #eee;
    text-align: right;
    padding: 20px 0;
  }
  .block--register--large .block--register__footer .btn, .block--register--large .block--register__footer .medium .block--general-content__footer a, .medium .block--general-content__footer .block--register--large .block--register__footer a {
    margin-bottom: 15px;
  }
  .block--register--large .block--register__footer .link--primary, .block--register--large .block--register__footer .small .block--general-content__footer a, .small .block--general-content__footer .block--register--large .block--register__footer a, .block--register--large .block--register__footer .large .block--general-content__footer a, .large .block--general-content__footer .block--register--large .block--register__footer a {
    clear: both;
    display: block;
  }
}
@media (max-width: 767px) {
  .block--register--large .block--register__header {
    margin: 0 -30px 0px !important;
    background: none;
  }
  .block--register--large .block--register__header h2 {
    color: #1c2b38;
  }
}
.custom-select-element {
  width: 100%;
}

.register-page legend {
  display: none;
}

.join-community #tooltip0 {
  margin-top: 80px;
  z-index: 9999;
}

div#changePasswordTempContainer {
  padding-top: 30px;
}

.register-form label {
  display: block;
  max-width: 30%;
  float: left;
  width: 30%;
  margin-bottom: 10px;
}

.register-form--input-wrap {
  float: right;
  width: 70%;
  margin-bottom: 10px;
}
.register-form--input-wrap select#SelectedUserRole {
  top: 0px;
}

.block--slider-parent .block--slider {
  margin: 0 -20px;
}
@media (min-width: 1100px) {
  .block--slider-parent .block--slider {
    margin: 0 -90px;
  }
}

.block--slider .row, .block--slider .block-area {
  margin: 0;
}

.block--slider__header {
  padding: 48px 108px 36px 108px;
}
.block--slider__header h2 {
  font-size: 35px;
  font-size: 3.5rem;
  line-height: 1.4;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  padding-bottom: 32px;
}
.block--slider__header h2:after {
  content: url("../images/sprite/icon-asterisk.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
  position: absolute;
  left: -27px;
  top: -25px;
}
@media screen and (min-width: 768px) {
  .block--slider__header h2:after {
    left: -40px;
    top: -23px;
  }
}
.block--slider__header h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.block--slider__header h2:before {
  bottom: 0;
}

.block--slider__slide-wrapper {
  padding: 0;
  float: right;
}

.block--slider__nav {
  padding: 0px 0 0 0;
}
@media (min-width: 979px) {
  .block--slider__nav {
    padding: 25px 0 0 0;
    min-height: 360px;
  }
}
@media screen and (min-width: 1200px) {
  .block--slider__nav {
    padding: 35px 0 0 0;
  }
}
.block--slider__nav li {
  text-align: right;
  padding: 0px 7px 0px 4px;
  background: none;
  margin: 0 0 7px;
}
@media (min-width: 1110px) {
  .block--slider__nav li {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .block--slider__nav li {
    padding: 5px 7px 5px 4px;
  }
}
.block--slider__nav li a {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 11px 37px 14px 0px;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (min-width: 1200px) {
  .block--slider__nav li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 11px 44px 11px 0px;
  }
}
.block--slider__nav li a:after {
  position: absolute;
  top: 13px;
  right: 0;
  content: url("../images/sprite/icon-cta-green-act.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
}
.block--slider__nav li.active a, .block--slider__nav li:hover a {
  background: url("../images/sprite/btnBrown-mid.png") top left repeat-x #795c33;
  cursor: pointer;
}
.block--slider__nav li.active a:after, .block--slider__nav li:hover a:after {
  content: " ";
  position: absolute;
  right: -13px;
  top: 0px;
}
.block--slider__nav li.active a:before, .block--slider__nav li:hover a:before {
  content: " ";
  position: absolute;
  left: -3px;
  top: 0px;
}

.block--slider__slide {
  right: 0;
}

.block--slider__img {
  width: 100%;
  max-width: 100%;
  z-index: 1;
}

.block-slider__content {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 45px 40% 20px 54px;
}

.block-slider__footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px 20px 20px 29px;
  z-index: 3;
}

.small .block--general-content {
  padding: 0px;
}
@media screen and (min-width: 768px) {
  .small .block--general-content {
    padding: 0 19px;
  }
}
.small .block--general-content__content {
  padding-top: 15px;
}
.small .block--general-content__header {
  margin-top: 50px;
  padding-bottom: 0 0 20px 20px;
}
.small .block--general-content__header h2 {
  display: inline;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-size: 25px;
  font-size: 2.5rem;
}
.small .block--general-content__header h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.small .block--general-content__header h3 {
  display: inline;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.small .block--general-content__header h3:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.small .block--general-content__footer {
  padding: 20px 0;
  border-top: 1px solid #eee;
}

.medium .block--general-content {
  padding: 0px;
}
@media screen and (min-width: 768px) {
  .medium .block--general-content {
    padding: 0 19px;
  }
}
.medium .block--general-content__header {
  min-height: 90px;
  margin: 37px 0 19px 0px;
}
.medium .block--general-content__header h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  display: block;
}
.medium .block--general-content__header h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
@media screen and (min-width: 768px) {
  .medium .block--general-content__header h2 {
    font-size: 35.5px;
    font-size: 3.55rem;
    padding-bottom: 32px;
  }
}
.medium .block--general-content__header h2:after {
  content: url("../images/sprite/icon-asterisk.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
  position: absolute;
  left: -27px;
  top: -25px;
}
@media screen and (min-width: 768px) {
  .medium .block--general-content__header h2:after {
    left: -40px;
    top: -23px;
  }
}
.medium .block--general-content__header h2:after {
  background: none;
}
.medium .block--general-content__header h2:before {
  content: " " !important;
  background: #9d7949;
  display: block !important;
  height: 0px;
  width: 125px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.medium .block--general-content__header h3 {
  display: inline;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.medium .block--general-content__header h3:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.medium .block--general-content__footer {
  padding: 20px 0;
  clear: both;
}
.medium .block--general-content__footer a {
  max-width: 100%;
}

.block--general-content__title {
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: normal;
  margin: 0;
}

.large .block--general-content__header {
  padding: 22px 20px;
}
.large .block--general-content__header h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-size: 30px;
  font-size: 3rem;
}
.large .block--general-content__header h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.large .block--general-content__header h2:after {
  display: none;
}
.large .block--general-content__header h3:after {
  display: none;
}
.large .block--general-content__content {
  padding: 30px 0;
}
.large .block--general-content__footer {
  padding: 20px 0;
  border-top: 1px solid #eee;
  clear: both;
}

.connect-dash__wrapper .large .block--general-content__header h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-size: 2.1rem;
}

.block-area--connect .small, .block-area--connect .medium, .block-area--connect .large {
  display: block;
  position: relative;
  float: left;
}
.block-area--connect .small .block--general-content__header, .block-area--connect .medium .block--general-content__header, .block-area--connect .large .block--general-content__header {
  margin-top: 0;
}
.block-area--connect .small {
  position: relative;
  min-height: 150px;
}
.block-area--connect .large .block--general-content__content {
  padding: 30px 0px;
}

.block--share {
  padding: 20px 0px;
}
.block--share p {
  vertical-align: top;
  padding-right: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .block--share p {
    display: inline;
  }
}

@media screen and (max-width: 900px) {
  .block-toggle__header {
    background: url("../images/sprite/bg-pattern-blue.png") repeat 0 0;
    height: auto;
  }
  .block-toggle__header h2 {
    font-size: 22px;
    font-size: 2.2rem;
    background: none;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 20px 0 20px 60px;
    color: #fff;
  }
  .block-toggle__header h2:before {
    content: "";
    background: url("../images/content/btn-jq-toggle-open.png") 0 0px no-repeat;
    margin: 0;
    display: inline-block;
    height: 41px;
    position: absolute;
    left: 10px;
    top: 15px;
    border: none;
  }
  .block-toggle__header h2:after {
    content: " ";
    background: none;
  }

  .block-toggle__header--open h2:before {
    background: url("../images/content/btn-jq-toggle-close.png") 0 0px no-repeat;
  }

  .block-toggle__content {
    padding: 20px 0;
    margin: 0;
  }

  .section-wrapper .block-toggle__header,
  .aside .block-toggle__header {
    padding-left: 10px;
  }
  .section-wrapper .block .block-toggle__header,
  .aside .block .block-toggle__header {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 10px;
  }

  .section-wrapper .block .block-area--latest__header.block-toggle__header {
    margin-left: 0;
    margin-right: 0;
  }

  .section-wrapper--latest .block .block-area--latest__header.block-toggle__header {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.block--icon {
  background: #ffffff;
  margin: 20px 0 20px 0px;
  float: left;
}
@media screen and (max-width: 767px) {
  .block--icon {
    float: none;
    margin-top: 0;
    margin-bottom: 0px;
  }
}
.block--icon p {
  display: table-cell;
}

.block--icon-img {
  margin: 0;
  min-width: 78px;
}

.validate-form {
  width: 100%;
}
.validate-form label {
  background-position-y: 8px !important;
}

.validate-continue {
  float: right;
  margin: 0 0 20px 0 !important;
}

.team {
  display: flex;
  flex-flow: row wrap;
}
.team .block {
  display: flex;
  margin-bottom: 25px;
}
.team .small .block--team-member__footer {
  border-bottom: none;
  background: none;
}
.team .medium .block--team-member__footer {
  bottom: -1px;
}
.team .medium .block--team-member__picture {
  display: inline;
}
@media only screen and (max-width: 900px) {
  .team .medium .block--team-member__picture {
    display: block !important;
  }
}
.team .medium .block--team-member__picture img {
  left: 0px;
  object-fit: cover;
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 900px) {
  .team .medium .block--team-member__picture img {
    width: 100% !important;
  }
}

/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
/**
 * objects and abstractions etc.
 */
/*------------------------------------*\
	$BREADCRUMB
\*------------------------------------*/
.breadcrumb {
  display: none;
  list-style: none;
  margin-left: 0;
  padding: 20px 0 35px 0;
  float: left;
}
@media screen and (min-width: 768px) {
  .breadcrumb {
    display: inline-block;
  }
}
.breadcrumb > li {
  display: inline;
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 15.5px;
  margin-right: 1.55rem;
}
.breadcrumb > li:before {
  content: "";
  margin-right: 14px;
  margin-right: 1.4rem;
  display: inline-block;
}
.breadcrumb > li:first-child:before {
  content: "";
  background-image: none;
  display: none;
}
.breadcrumb > li a {
  text-decoration: none;
}

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn, .medium .block--general-content__footer a {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  font-size: 100%;
  cursor: pointer;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 1em;
  padding-left: 1em;
  background-color: #ffffff;
  color: #1c2b38;
}
.btn:hover, .medium .block--general-content__footer a:hover {
  text-decoration: none;
}
.btn:active, .medium .block--general-content__footer a:active, .btn:focus, .medium .block--general-content__footer a:focus {
  outline: none;
}

.btn--primary, .medium .block--general-content__footer a {
  height: 41px;
  color: #ffffff !important;
  position: relative;
  text-transform: uppercase;
  padding: 0px 50px 0px 20px;
  line-height: 3.5;
  font-size: 12.5px;
  font-size: 1.25rem;
  background-color: #e40426;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD96B76', endColorstr='#FFE40426');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNkOTZiNzYiLz48c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2U0MDQyNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(14%, #d96b76), color-stop(69%, #e40426));
  background-image: -moz-linear-gradient(top, #d96b76 14%, #e40426 69%);
  background-image: -webkit-linear-gradient(top, #d96b76 14%, #e40426 69%);
  background-image: linear-gradient(to bottom, #d96b76 14%, #e40426 69%);
  cursor: pointer;
  font-weight: 300;
  -webkit-transition: 0.3s, ease-in, all;
  -moz-transition: 0.3s, ease-in, all;
  -ms-transition: 0.3s, ease-in, all;
  -o-transition: 0.3s, ease-in, all;
  transition: 0.3s, ease-in, all;
    /*&:after {
		content: " ";
		@extend .sprite-btn-arrow-r;
		position: absolute;
		right: -8px;
		top:0px;
	}
	&:before {
		content: " ";
		@extend .sprite-btn-arrow-l;
		position: absolute;
		left: -8px;
		top:0px;
	}*/
}
.btn--primary:after, .medium .block--general-content__footer a:after {
  content: "";
  height: 16px;
  width: 16px;
  background: url(/Static/images/icon-btn.png) 0px 0px no-repeat;
  right: 15px;
  top: 12px;
  position: absolute;
  font-size: 14px;
  -webkit-transition: 0.3s, ease-in, all;
  -moz-transition: 0.3s, ease-in, all;
  -ms-transition: 0.3s, ease-in, all;
  -o-transition: 0.3s, ease-in, all;
  transition: 0.3s, ease-in, all;
}
.btn--primary:hover, .medium .block--general-content__footer a:hover {
  -webkit-transition: 0.3s, ease-in, all;
  -moz-transition: 0.3s, ease-in, all;
  -ms-transition: 0.3s, ease-in, all;
  -o-transition: 0.3s, ease-in, all;
  transition: 0.3s, ease-in, all;
}
.btn--primary:hover:after, .medium .block--general-content__footer a:hover:after {
  -webkit-transition: 0.3s, ease-in, all;
  -moz-transition: 0.3s, ease-in, all;
  -ms-transition: 0.3s, ease-in, all;
  -o-transition: 0.3s, ease-in, all;
  transition: 0.3s, ease-in, all;
  content: "";
  background: url(/Static/images/icon-btn.png) 0px -16px no-repeat;
}

.btn--secondary {
  color: #ffffff !important;
  position: relative;
  text-transform: uppercase;
  padding: 0px 42px 0px 10px;
  line-height: 3.8;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 5px;
  background: url(../images/sprite/btnSecondary-mid.png) top left repeat-x;
  cursor: pointer;
}
.btn--secondary:after {
  content: " ";
  position: absolute;
  right: -8px;
  top: 0px;
}
.btn--secondary:before {
  content: " ";
  position: absolute;
  left: -8px;
  top: 0px;
}

.btn--tertiary {
  color: #ffffff !important;
  position: relative;
  text-transform: uppercase;
  padding: 0px 42px 0px 10px;
  line-height: 3.05;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 5px;
  background: url(../images/sprite/btnTertiary-mid.png) top left repeat-x;
  cursor: pointer;
}
.btn--tertiary:after {
  content: " ";
  position: absolute;
  right: -8px;
  top: 0px;
}
.btn--tertiary:before {
  content: " ";
  position: absolute;
  left: -3px;
  top: 0px;
}

.primary-nav ul > li > a.btn--call {
  padding: 0 45px;
  margin: 20px;
  font-family: "Open Sans", sans-serif;
  line-height: 3.6;
}
.primary-nav ul > li > a.btn--call:before {
  content: "\f095";
  background: none;
  position: absolute;
  left: 0px;
  top: 0px;
  font-family: FontAwesome;
  text-align: center;
  font-size: 20px;
  height: 100%;
  width: 45px;
  line-height: 2.4;
}

.btn--link--primary {
  background: url(../images/sprite/icon-cta.png) center left no-repeat transparent;
  border: 0 none;
  padding: 6px 25px;
}

.btn--link {
  border: 0;
}
.btn--link:hover {
  text-decoration: underline;
}

.btn--linkedin {
  padding: 10px 15px 10px 55px;
  border: solid 1px #cdd0d2;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  color: #ffffff;
  border-radius: 5px;
  line-height: 1.7;
  background-color: #0077b5;
  border-radius: 5px;
  position: relative;
}
.btn--linkedin:before {
  display: block;
  content: '';
  position: absolute;
  background: url("../images/sprite/icon-linkedin.png") 0 0 no-repeat;
  width: 44px;
  height: 41px;
  top: 0;
  left: 0;
}
.btn--linkedin:hover {
  background-color: #066093;
}

.btn--block {
  display: block !important;
  width: 100% !important;
}

.cta--green {
  background: url("../images/sprite/icon-cta-green.png") 0 50% no-repeat;
  padding: 15px 0px 15px 25px;
  font-weight: bold;
  font-size: 14px;
}
.cta--green a {
  color: #1c2b38;
}

.jq-toggler-mobile {
  background: url("../images/content/btn-jq-toggle-open.png") 0 28px no-repeat;
  min-height: 90px;
  margin: 0;
}
.jq-toggler-mobile.open {
  background-image: url("../images/content/btn-jq-toggle-close.png");
}

.jq-toggled-mobile {
  display: none;
}

@media screen and (min-width: 768px) {
  .jq-toggler-mobile {
    background: none;
  }

  .jq-toggled-mobile {
    display: block;
  }

  .tel--large:hover {
    color: #fff !important;
    cursor: default;
  }
}
.btn--primary--input {
  padding: 0;
}
.btn--primary--input:before {
  z-index: 1;
  left: -4px;
}
.btn--primary--input:after {
  z-index: 1;
}
.btn--primary--input input[type=submit] {
  background-color: transparent;
  color: #fff;
  border: 0 none;
  display: block;
  height: 41px;
  cursor: pointer;
  z-index: 10;
  position: relative;
  text-transform: uppercase;
  padding: 0 80px 0 20px;
  font-weight: 300;
  font-size: 12px;
  font-size: 1.2rem;
}

.primary-nav__more {
  background-color: transparent;
  border: none;
  margin: 10px 3px 0 7px;
  background: url('../images/master-sprite/sprite-sprite.png') 0 -2112px no-repeat;
  height: 15px;
  width: 18px;
}
@media screen and (min-width: 768px) {
  .primary-nav__more {
    margin: 20px 3px 0 7px;
  }
}

.register-block .IN-widget span {
  display: none !important;
}

.email-button--red {
  background-color: #e40426;
  color: #fff;
  text-decoration: none;
  padding: 10px 40px 10px 10px;
  text-transform: uppercase;
  border-radius: 3px;
  background-image: url("/static/email-template-silverpop/link-icon.gif");
  background-repeat: no-repeat;
  background-position: center right 10px;
}

/*
      <div class="modal-wrapper">
      <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close fr" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4>Modal title</h4>
        </div>

      <div class="modal-body">
        <h4>Text in a modal</h4>
        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
      </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
      </div>
      </div>
*/
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade {
  -webkit-transition: opacity 0.2s linear, top 0.2s ease-out;
  -moz-transition: opacity 0.2s linear, top 0.2s ease-out;
  -ms-transition: opacity 0.2s linear, top 0.2s ease-out;
  -o-transition: opacity 0.2s linear, top 0.2s ease-out;
  transition: opacity 0.2s linear, top 0.2s ease-out;
  top: -20%;
  outline: none;
}
.modal.fade.in {
  -webkit-transition: opacity 0.3s linear, top 0.2s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.2s ease-out;
  -ms-transition: opacity 0.3s linear, top 0.2s ease-out;
  -o-transition: opacity 0.3s linear, top 0.2s ease-out;
  transition: opacity 0.3s linear, top 0.2s ease-out;
  top: 0%;
}

.modal-dialog {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 15px;
  z-index: 1050;
}

.modal-content {
  position: relative;
  background-clip: padding-box;
  outline: none;
  background: #fff;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1030;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-close {
  position: absolute;
  top: 20px;
  right: 0px;
  background: #eee;
  padding: 20px;
}
.modal-close button {
  border: 0 none;
  padding: 0;
  color: #eee;
  background-color: transparent;
}

.modal-header {
  padding: 40px 20px 20px;
  margin-bottom: 15px;
  min-height: 30px;
  position: relative;
}
.modal-header h4 {
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  font-size: 30px;
  font-size: 3rem;
}
.modal-header h4:before {
  content: "";
  background: url(../images/sprite/heading-bg.png) bottom left no-repeat;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.modal-title {
  margin: 0;
  line-height: 24px;
}

.modal-body {
  position: relative;
  padding: 0 20px;
}

.modal-body-video {
  position: relative;
}

.modal-footer {
  padding: 20px;
  border-top: 1px solid #eee;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer a + a {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn + .btn, .modal-footer .medium .block--general-content__footer a + .btn, .medium .block--general-content__footer .modal-footer a + .btn, .modal-footer .medium .block--general-content__footer .btn + a, .medium .block--general-content__footer .modal-footer .btn + a, .modal-footer .medium .block--general-content__footer a + a, .medium .block--general-content__footer .modal-footer a + a {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .medium .block--general-content__footer a + .btn, .medium .block--general-content__footer .modal-footer .btn-group a + .btn, .modal-footer .btn-group .medium .block--general-content__footer .btn + a, .medium .block--general-content__footer .modal-footer .btn-group .btn + a, .modal-footer .btn-group .medium .block--general-content__footer a + a, .medium .block--general-content__footer .modal-footer .btn-group a + a {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 650px;
    padding: 60px 0;
  }

  .modal-content {
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 900px) {
  .modal-dialog {
    width: 750px;
  }
}
/*------------------------------------*\
	$PAGINATION
\*------------------------------------*/
.pagination {
  margin: 10px 0;
  clear: both;
  text-align: center;
}
.pagination ol {
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0;
  float: none;
}
.pagination li {
  display: inline-block;
  padding: 0;
}
.pagination a {
  float: left;
  height: 43px;
  width: 43px;
  line-height: 42px;
  display: inline;
  border: 1px solid #eee;
}
.pagination a.pagination__active,
.pagination a.pagination__ellipsis {
  text-decoration: none;
}
.pagination a:hover,
.pagination a:focus,
.pagination .pagination__active {
  color: #fff;
  text-decoration: none;
  background-color: #1c2b38;
}
.pagination .pagination__disabled > a,
.pagination .pagination__disabled > a:hover,
.pagination .pagination__disabled > a:focus {
  color: #d4d4d4;
  background-color: transparent;
  cursor: default;
}

.pagination__first {
  text-align: left;
  text-indent: -9000em;
  position: relative;
}
.pagination__first:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 36%;
  left: 36%;
}

.pagination__prev {
  text-align: left;
  text-indent: -9000em;
  position: relative;
}
.pagination__prev:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 36%;
  left: 36%;
}

.pagination__last {
  text-align: left;
  text-indent: -9000em;
  position: relative;
}
.pagination__last:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 36%;
  left: 36%;
}

.pagination__next {
  text-align: left;
  text-indent: -9000em;
  position: relative;
}
.pagination__next:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 36%;
  left: 36%;
}

/*------------------------------------*\
	$RESPONSIVE VIDEO
\*------------------------------------*/
.video-container__wrapper {
  width: 100%;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------*\
	$LEFT NAV
\*------------------------------------*/
@media screen and (max-width: 899px) {
  .secondary-nav:before,
  .secondary-nav:after {
    content: " ";
    display: table;
  }

  .secondary-nav:after {
    clear: both;
  }

  .secondary-nav {
    list-style: none;
    display: block;
    background: url(../images/bg_tile.png) top left repeat;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -1px;
  }
  .secondary-nav ul {
    margin: 0;
  }
  .secondary-nav ul ul {
    background: #1c2b38;
  }

  .secondary-nav a {
    padding: 20px 0;
    color: #fff;
  }

  .secondary-nav li {
    position: relative;
    padding: 0;
    margin: 0;
  }

  .secondary-nav > li {
    float: left;
    background: none;
    font-family: PompeiStd-Light, "Times New Roman", Times, serif;
    font-size: 20px;
    font-size: 2rem;
  }
  .secondary-nav > li li {
    font-size: 18px;
    font-size: 1.8rem;
    background: url("../images/sprite/chevron-right.png") no-repeat 0 27px;
  }
  .secondary-nav > li li a {
    padding-left: 20px;
  }
  .secondary-nav > li li li {
    background-position: 20px 27px;
  }
  .secondary-nav > li li li a {
    padding-left: 40px;
  }

  .secondary-nav > li > a {
    display: block;
  }

  .secondary-nav li ul {
    position: absolute;
    left: -9999px;
  }

  .secondary-nav > li.hover > ul {
    left: 0;
  }

  .secondary-nav li li.hover ul {
    left: 100%;
    top: 0;
  }

  .secondary-nav li li a {
    display: block;
    position: relative;
    z-index: 100;
  }

  .secondary-nav li li li a {
    z-index: 200;
  }

  .secondary-nav__active {
    display: block;
  }

  .secondary-nav > li {
    float: none;
  }

  .secondary-nav li .more {
    background-image: url("../images/sprite/chevron-down.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 40px;
    width: 40px;
    float: right;
    cursor: pointer;
    z-index: 200;
    border: 1px solid #eee;
    position: relative;
    margin: 13px 0 10px 10px;
  }

  .secondary-nav li .hover .more {
    background-image: url("../images/sprite/chevron-up.png");
  }

  .secondary-nav > li:first-child .hover .more {
    background-image: url("../images/sprite/chevron-up.png");
  }

  .secondary-nav > li.hover > ul,
  .secondary-nav li li.hover ul {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .secondary-nav {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 900px) {
  .secondary-nav {
    width: 100%;
    margin: 0;
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .secondary-nav > li {
    padding: 0;
    margin: 0;
    border-top: 1px solid #eee;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .secondary-nav > li > a {
    display: block;
    margin: 0 0 0px -90px;
    padding: 2px 0px 0px 100px;
    line-height: 108px;
    color: #fff;
    text-decoration: none;
    background: #131d26;
    font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  }
  .secondary-nav > li > a:after {
    content: " ";
    display: block;
    position: absolute;
    height: 4px;
    background-color: #9d7949;
    width: 125px;
    margin-top: -31px;
    float: left;
  }
  .secondary-nav ul {
    margin: 0 20px 20px 10px;
  }
  .secondary-nav ul li {
    position: relative;
    padding: 0 0 0 29px;
    margin: 0;
    color: #1c2b38;
    font-size: 17.4px;
    font-size: 1.74rem;
    font-weight: bold;
    background: none;
  }
  .secondary-nav ul li:before {
    content: "";
    background: url("../images/sprite/icon-cta.png") no-repeat 0 0;
    height: 17px;
    width: 17px;
    position: absolute;
    left: 0;
    top: 4px;
  }
  .secondary-nav ul a {
    color: #1c2b38;
    margin-left: -30px;
    padding-left: 30px;
    z-index: 99999;
    position: relative;
    display: inline;
  }
  .secondary-nav ul a:hover, .secondary-nav ul a:focus {
    color: #e40426;
    text-decoration: none;
  }
  .secondary-nav ul:nth-child(2) {
    margin-top: 60px;
  }
  .secondary-nav ul ul:nth-child(2) {
    margin-top: 20px;
  }
  .secondary-nav ul ul {
    display: none;
    padding: 0 0 25px 55px;
    border-bottom: 1px solid #eee;
    margin: 20px 0 0 -55px;
  }
  .secondary-nav ul ul li {
    font-size: 14px;
    font-size: 1.4rem;
    background: url("../images/sprite/chevron-right.png") no-repeat 0 6px;
    margin-bottom: 15px;
    padding-left: 15px;
  }
  .secondary-nav ul ul li:before {
    content: " ";
    background-position: 0 -1009px;
    height: 10px;
    width: 6px;
    position: absolute;
    left: 0;
    top: 5px;
  }
  .secondary-nav ul ul a:hover, .secondary-nav ul ul a:focus {
    text-decoration: none;
  }
  .secondary-nav .secondary-nav__active ul {
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .secondary-nav ul {
    margin-left: 0;
  }

  .secondary-nav > li > a {
    padding-left: 90px;
  }
}
/*------------------------------------*\
	$SITE SEARCH
\*------------------------------------*/
.site-search__term {
  width: 150px !important;
  float: left;
  margin-right: 5px;
}

.site-search__btn {
  float: left;
  padding: 6px 10px !important;
}

.header-search {
  padding: 30px;
  overflow: auto;
}
.header-search legend {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  background: none;
  margin-bottom: 0px;
  padding-bottom: 15px;
  font-family: "Open Sans", sans-serif;
}
.header-search legend:before {
  display: none;
}
.header-search li {
  background: none;
  margin-left: 0;
  padding-left: 0;
}
.header-search .header-search__submit {
  margin-right: 58px;
}
.header-search .form-item {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .header-search .form-item {
    float: left;
    width: 70%;
    margin-right: 40px;
  }
}
@media screen and (min-width: 900px) {
  .header-search .form-item {
    width: 78%;
    margin-right: 25px;
  }
}
@media screen and (1200px: 0) {
  .header-search .form-item {
    width: 75%;
  }
}
.header-search input[type="text"] {
  background: #fff;
  width: 100%;
  height: 41px;
}

/*------------------------------------*\
$TOP NAV
\*------------------------------------*/
@media screen and (max-width: 1000px) {
  .secondary-nav-wrapper {
    margin: 0 -10px 10px -10px;
  }

  .primary-nav ul:before,
  .primary-nav ul:after {
    content: " ";
    display: table;
  }

  .primary-nav ul:after {
    clear: both;
  }

  .primary-nav ul {
    width: 100%;
    list-style: none;
    display: block;
    background: #1c2b38;
  }
  .primary-nav ul ul {
    margin: 0;
  }
  .primary-nav ul ul ul {
    background: url(../images/bg_tile.png) top left repeat;
  }

  .primary-nav ul a {
    padding: 20px 15px 15px;
    color: #fff;
  }

  .primary-nav ul li {
    position: relative;
    padding: 0;
    border-top: 1px solid #eee;
  }

  .primary-nav ul > li {
    float: left;
    background: none;
    font-family: PompeiStd-Light, "Times New Roman", Times, serif;
    font-size: 20px;
    font-size: 2rem;
  }
    .primary-nav ul > li li {
        font-size: 18px;
        font-size: 1.8rem;
        background: url("../images/sprite/btnBrown-arrow-r.png") no-repeat 15px 27px;
    }
  .primary-nav ul > li li a {
    padding-left: 30px;
  }
  .primary-nav ul > li li li {
    background-position: 20px 27px;
  }
  .primary-nav ul > li li li a {
    padding-left: 40px;
  }

  .primary-nav ul > li > a {
    display: block;
  }

  .primary-nav ul li ul {
    position: absolute;
    left: -9999px;
  }

  .primary-nav ul li.hover ul {
    left: 0;
    position: static;
  }

  .primary-nav ul li ul li.hover {
    left: 100%;
    top: 0;
  }

  .primary-nav ul li li a {
    display: block;
    position: relative;
    z-index: 100;
  }

  .primary-nav ul li li li a {
    z-index: 200;
  }

  .primary-nav ul__active {
    display: block;
  }

  .primary-nav ul > li {
    float: none;
    margin-bottom: 0;
  }

  .primary-nav ul li .more {
    background-image: url("../images/sprite/chevron-small-down.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 40px;
    width: 40px;
    float: right;
    cursor: pointer;
    z-index: 200;
    position: relative;
    margin: 13px 15px 10px 10px;
  }
  .primary-nav ul li .more:before {
    content: " ";
    border-left: 1px solid grey;
    margin-left: -10px;
    height: 40px;
    display: inherit;
  }

  .primary-nav ul li.hover .more {
    background-image: url("../images/sprite/chevron-small-up.png");
  }

  .primary-nav ul > li:first-child .hover .more {
    background-image: url("../images/sprite/chevron-small-up.png");
  }

  .primary-nav ul > li.hover > ul, .primary-nav ul li li.hover ul {
    position: static;
  }

  .primary-nav__sub-menu h2 {
    display: none;
  }

  .primary-nav__supporting-info {
    display: none;
  }

  .primary-nav ul > li li.primary-nav__contact-menu {
    color: #fff;
    padding: 20px;
    background: none;
  }
  .primary-nav ul > li li.primary-nav__contact-menu .more {
    display: none;
  }
  .primary-nav ul > li li.primary-nav__contact-menu h2 {
    display: none;
  }
  .primary-nav ul > li li.primary-nav__contact-menu h3 {
    color: #fff;
    margin: 20px 0 20px;
  }
  .primary-nav ul > li li.primary-nav__contact-menu a {
    padding: 0 0 0 0px;
  }
  .primary-nav ul > li li.primary-nav__contact-menu .link--primary, .primary-nav ul > li li.primary-nav__contact-menu .small .block--general-content__footer a, .small .block--general-content__footer .primary-nav ul > li li.primary-nav__contact-menu a, .primary-nav ul > li li.primary-nav__contact-menu .large .block--general-content__footer a, .large .block--general-content__footer .primary-nav ul > li li.primary-nav__contact-menu a {
    padding-left: 25px;
  }
  .primary-nav ul > li li.primary-nav__contact-menu .link--tel-black:before {
    content: url("../images/sprite/icon-phone_brown.png");
    float: left;
    display: block;
    padding-top: 1px;
    margin-right: 7px;
    display: block;
  }

  .primary-nav__offices {
    display: none;
  }

  .primary-nav ul > li li.primary-nav__offices a {
    padding: 0 0;
  }
}
@media (max-width: 767px) {
  .secondary-nav-wrapper {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1001px) {
  .primary-nav {
    clear: both;
    padding: 0px;
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: -10px;
    right: 0;
  }
  .primary-nav:hover {
    background: transparent;
  }
  .primary-nav ul {
    display: table;
    border-collapse: collapse;
    margin: 0px 10px;
    padding: 0;
    list-style: none;
  }
  .primary-nav li {
    list-style: none;
    background: none;
    padding: 0;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    text-align: center;
  }
  .primary-nav li:first-child a {
    margin-left: 0;
  }
  .primary-nav li:last-child a {
    margin-right: 0;
  }
  .primary-nav a {
    text-indent: 0;
    border-bottom: 1px solid #eee;
    font-weight: 700;
    color: #fff;
    padding: 20px;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .primary-nav a:visited {
    color: #1c2b38;
  }
  .primary-nav a:hover {
    color: #e40426;
    border-bottom: 1px solid #1c2b38;
  }
  .primary-nav a.selected {
    border-bottom: 1px solid #1c2b38;
  }
}
@media screen and (min-width: 1001px) and (min-width: 768px) {
  .primary-nav a {
    padding: 20px 0;
    margin: 0 15px;
    color: #1c2b38;
    border-bottom: 1px solid transparent;
    text-align: center;
  }
}
@media screen and (min-width: 1001px) {
  .primary-nav li > ul {
    left: -90000px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.2s,opacity 0.2s linear;
  }
  .primary-nav ul > li:hover ul {
    left: 0;
    display: block;
    background: #fff;
    visibility: visible;
    opacity: 1;
    transition-delay: 0.2s;
  }
  .primary-nav .primary-nav__sub-menu ul li {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  .primary-nav ul ul {
    margin: 0;
    padding: 0 0px;
    border-top: 1px solid #eee;
    position: absolute;
    top: inherit;
    right: 0;
    float: left;
    z-index: 99999;
    background: #fff;
    box-shadow: 0px 10px 10px -7px rgba(186, 186, 186, 0.75);
  }
  .primary-nav ul ul li {
    text-align: left;
    display: inherit;
    float: left;
    margin-bottom: 25px;
  }
  .primary-nav ul ul li a:hover {
    color: #e40426;
    border-bottom: 1px solid transparent;
  }
  .primary-nav ul ul li.primary-nav__sub-menu {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 25px 90px;
    margin-bottom: 0;
    border-right: 1px solid #eee;
  }
}
@media screen and (min-width: 1001px) and (min-width: 900px) {
  .primary-nav ul ul li.primary-nav__sub-menu {
    float: left;
    width: 58.33333%;
  }
}
@media screen and (min-width: 1001px) {
  .primary-nav ul ul li.primary-nav__sub-menu h2 {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .primary-nav ul ul li.primary-nav__sub-menu h2:before {
    content: " ";
    position: absolute;
    border-top: 4px solid #9d7949;
    display: block;
    position: absolute;
    bottom: 8px;
    width: 125px;
  }
  .primary-nav ul ul li.primary-nav__supporting-info {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 25px;
    margin-bottom: 0;
    border-left: 1px solid #eee;
    margin-left: -1px;
  }
}
@media screen and (min-width: 1001px) and (min-width: 900px) {
  .primary-nav ul ul li.primary-nav__supporting-info {
    float: left;
    width: 41.66667%;
  }
}
@media screen and (min-width: 1001px) {
  .primary-nav ul ul li.primary-nav__supporting-info img {
    max-width: 100%;
    height: auto;
  }
  .primary-nav ul ul li.primary-nav__supporting-info h2 {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .primary-nav ul ul li.primary-nav__supporting-info h2:before {
    content: " ";
    position: absolute;
    border-top: 4px solid #e40426;
    display: block;
    position: absolute;
    bottom: 8px;
    height: 4px;
    width: 125px;
  }
  .primary-nav ul ul li.primary-nav__supporting-info h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0;
  }
  .primary-nav ul ul li.primary-nav__supporting-info h3 a {
    color: #9d7949;
  }
  .primary-nav ul ul li.primary-nav__supporting-info p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .primary-nav ul ul li.primary-nav__supporting-info .block--case-study__content {
    border: 1px solid #eee;
    padding: 25px 20px;
  }
  .primary-nav ul ul li.primary-nav__supporting-info .block--case-study__footer {
    border: 1px solid #eee;
    border-width: 0 1px 1px 1px;
    padding: 25px 20px;
  }
  .primary-nav ul ul li.primary-nav__supporting-info .block--case-study__footer a {
    padding-left: 25px;
  }
  .primary-nav ul ul li.primary-nav__supporting-info .block--case-study__footer a:hover {
    text-decoration: none;
  }
  .primary-nav ul ul li.primary-nav__contact-menu {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 45px 45px 45px 90px;
    border-left: 1px solid #eee;
  }
}
@media screen and (min-width: 1001px) and (min-width: 900px) {
  .primary-nav ul ul li.primary-nav__contact-menu {
    float: left;
    width: 33.33333%;
  }
}
@media screen and (min-width: 1001px) {
  .primary-nav ul ul li.primary-nav__contact-menu h2 {
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .primary-nav ul ul li.primary-nav__contact-menu h2:before {
    content: " ";
    position: absolute;
    border-top: 4px solid #9d7949;
    display: block;
    position: absolute;
    bottom: 8px;
    width: 125px;
  }
  .primary-nav ul ul li.primary-nav__contact-menu h2 a {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 300;
  }
  .primary-nav ul ul li.primary-nav__contact-menu h3 {
    color: #1c2b38;
    margin-top: 30px;
  }
  .primary-nav ul ul li.primary-nav__contact-menu a {
    border: 0;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .primary-nav ul ul li.primary-nav__contact-menu a:hover, .primary-nav ul ul li.primary-nav__contact-menu a:focus {
    border: 0;
  }
  .primary-nav ul ul li.primary-nav__contact-menu a.btn, .primary-nav ul ul li.primary-nav__contact-menu .medium .block--general-content__footer a, .medium .block--general-content__footer .primary-nav ul ul li.primary-nav__contact-menu a {
    display: none;
  }
  .primary-nav ul ul li.primary-nav__offices {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 45px 40px;
    margin-bottom: 0;
    margin-left: -1px;
    border-left: 1px solid #eee;
  }
  .primary-nav ul ul li.primary-nav__offices h2 {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 20px;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .primary-nav ul ul li.primary-nav__offices h2:before {
    content: " ";
    position: absolute;
    border-top: 4px solid #e40426;
    display: block;
    position: absolute;
    bottom: 8px;
    height: 4px;
    width: 125px;
  }
}
@media screen and (min-width: 1001px) and (min-width: 900px) {
  .primary-nav ul ul li.primary-nav__offices {
    float: left;
    width: 66.66667%;
  }
}
@media screen and (min-width: 1001px) {
  .primary-nav ul ul a {
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .primary-nav ul ul ul {
    margin: 0;
    padding: 0;
    display: block;
    box-shadow: 0 0 0;
    width: 100%;
    position: relative;
    border-top: none;
  }
  .primary-nav ul ul ul li {
    width: 50%;
    padding: 0 0 0 25px;
    background: url(../images/icons/icon-cta.png) 0 3px no-repeat;
  }
  .primary-nav ul ul ul a {
    text-align: left;
    padding: 0;
    margin-bottom: 0;
  }
  .primary-nav ul ul ul a:hover {
    text-decoration: none !important;
  }

  .primary-nav .block--office {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 1001px) and (min-width: 900px) {
  .primary-nav .block--office {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1001px) {
  .primary-nav .block--office h3 {
    color: #9d7949;
  }
  .primary-nav .block--office h3 a {
    color: #9d7949;
  }
  .primary-nav .block--office p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
  }
  .primary-nav .block--office a {
    text-decoration: none;
    border: 0;
  }
  .primary-nav .block--office a:hover, .primary-nav .block--office a:focus {
    text-decoration: none;
    border: 0 none;
  }
  .primary-nav .block--office__footer {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1100px) {
  .primary-nav {
    left: 0;
    padding: 0 0 0 55px;
  }
  .primary-nav a {
    margin: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .primary-nav {
    padding: 0 0 0 50px;
  }
  .primary-nav a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.link--primary, .small .block--general-content__footer a, .large .block--general-content__footer a {
  font-weight: bold;
  font-size: 14px;
  color: #1c2b38;
  position: relative;
}
.link--primary:before, .small .block--general-content__footer a:before, .large .block--general-content__footer a:before {
  content: "";
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 6px;
}

.link--primary--input {
  display: inline;
}

input[type="submit"].link-input--primary {
  background: transparent;
  border: none;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 6px 0 6px 0px;
  color: #1c2b38;
  position: relative;
}
input[type="submit"].link-input--primary:hover {
  text-decoration: underline;
}

.link--primary--left:before {
  background: url('../images/master-sprite/sprite-sprite.png') 0 -1900px no-repeat;
  height: 17px;
  width: 17px;
}

.link--primary--right {
  position: relative;
  margin: 20px 10px 0 0;
}
.link--primary--right input {
  padding: 0 30px 0 0 !important;
}
@media screen and (min-width: 768px) {
  .link--primary--right input {
    padding: 0 !important;
  }
}
.link--primary--right:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background: url('../images/master-sprite/sprite-sprite.png') 0 -2008px no-repeat;
  height: 17px;
  width: 17px;
}

.link--secondary {
  font-weight: bold;
  font-size: 14px;
  color: #1c2b38;
  padding-left: 25px;
  position: relative;
}
.link--secondary:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
}

.link--tel {
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
  font-weight: bold;
  color: #1c2b38;
}
.link--tel:before {
  content: url("../images/sprite/icon-phone_brown.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
}

.link--email {
  font-size: 16px;
  font-size: 1.6rem;
  color: #1c2b38;
  clear: both;
  font-weight: bold;
}
.link--email:before {
  content: " ";
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 4px;
}

.link--gplus:before {
  content: " ";
}

.link--linkedin {
  font-weight: bold;
  font-size: 14px;
  color: #1c2b38;
  position: relative;
}
.link--linkedin:before {
  content: " ";
  display: inline-block;
  margin-bottom: -5px;
  margin-right: 6px;
}

.link--twitter {
  font-weight: bold;
  font-size: 14px;
  color: #1c2b38;
  position: relative;
}
.link--twitter:before {
  content: " ";
  display: inline-block;
  margin-bottom: -5px;
  margin-right: 6px;
}

.link--ea {
  font-size: 16px;
  font-size: 1.6rem;
  color: #1c2b38;
  clear: both;
  font-weight: bold;
}
.link--ea:before {
  content: "EA";
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 4px;
  color: #9d7949;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.link--tel-black {
  font-size: 16px;
  font-size: 1.6rem;
  clear: both;
  margin-bottom: 20px;
  font-weight: bold;
  color: #1c2b38;
  display: inline-block;
}
.link--tel-black:before {
  content: url("../images/sprite/icon-phone.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
}

.tel {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  clear: both;
  margin-bottom: 20px;
  font-weight: bold;
  color: #1c2b38;
}

.normal-link {
  font-weight: normal;
  display: inline;
  float: none;
  text-decoration: underline;
  color: #1c2b38;
}
.normal-link:visited {
  color: #1c2b38;
}
.normal-link:before {
  display: none;
}
.normal-link:hover {
  color: #e40426;
}

.cta-link-3 {
  display: block;
  clear: both;
  margin-bottom: 20px;
  font-weight: bold;
  color: #1c2b38;
}
.cta-link-3:visited {
  color: #1c2b38;
}
.cta-link-3:before {
  content: url("../images/sprite/icon-cta-blue.png");
  float: left;
  display: block;
  padding-top: 1px;
  margin-right: 7px;
  display: block;
}
.cta-link-3:hover {
  color: #e40426;
}

.link--white {
  color: #fff;
}
.link--white:visited {
  color: #fff;
}
.link--white:hover {
  color: #e40426;
}

.cta-red:before {
  content: url("../images/sprite/btn-arrow-l.png");
}
.cta-red:after {
  content: url("../images/sprite/btn-arrow-r.png");
}

.link--warning:before {
  content: " ";
  display: inline-block;
  margin: 0 10px -3px 0;
}

.header-nav {
  float: right;
  position: relative;
}

.header-sign-in,
.header-search {
  background: #eee;
}

.header-nav__register,
.header-nav__sign-out {
  color: #1c2b38;
  line-height: 20px;
  padding: 20px 15px;
  float: left;
  text-transform: uppercase;
}
@media (max-width: 350px) {
  .header-nav__register,
  .header-nav__sign-out {
    font-size: 12px;
  }
}

.header-nav__sign-out {
  color: #1c2b38;
}

.header-drop-roi-out {
  left: 0px;
  top: 100%;
  z-index: 999;
}
.header-drop-roi-out a {
  padding: 8px 21px;
  background: #fff;
  border: 1px solid #eee;
  display: none;
  border-top: none;
  text-transform: uppercase;
}
.header-drop-roi-out a.header-nav__sign-out {
  display: block;
  padding: 18px 21px;
  border-left: none;
}
@media (max-width: 767px) {
  .header-drop-roi-out {
    left: 20px;
  }
  .header-drop-roi-out a {
    display: block;
  }
  .header-drop-roi-out a:first-child {
    border-top: 1px solid #eee;
  }
}
@media (max-width: 767px) {
  .header-drop-roi-out {
    position: relative;
  }
  .header-drop-roi-out .header-nav-roi {
    display: none;
  }
  .header-drop-roi-out.open-mob-drop {
    display: block;
  }
  .header-drop-roi-out a {
    display: block;
  }
  .header-drop-roi-out a.header-nav__sign-out {
    padding: 8px 21px;
    top: -47px;
    position: relative;
    width: 109px;
    right: 77px;
    float: right;
    background: none;
    border: none;
  }
}

.profile-img-a {
  display: inline-block;
}

.header-nav__login {
  padding: 20px 15px;
  float: left;
  border-right: 1px solid #eee;
  text-transform: uppercase;
  line-height: 20px;
}
@media (max-width: 350px) {
  .header-nav__login {
    font-size: 12px;
  }
}

.header-nav__login--open {
  background-color: #eee;
}

.header-nav__search {
  display: inline-block;
  vertical-align: top;
  margin-top: 19px;
  margin-left: 10px;
}

.header-nav__logged-in {
  display: inline-block;
  float: left;
  padding: 11px 10px;
  border: 1px solid #eee;
  border-top: 0 none;
}
.ie8 .header-nav__logged-in {
  min-width: 400px;
}
.header-nav__logged-in p {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  margin: 6px 12px;
}
.header-nav__logged-in .btn, .header-nav__logged-in .medium .block--general-content__footer a, .medium .block--general-content__footer .header-nav__logged-in a {
  vertical-align: top;
  margin: -2px 5px;
}
.header-nav__logged-in .profile {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
  margin-left: 10px;
}

.header-nav__profile-img {
  border: 1px solid #c5c8ca;
  display: inline-block;
  float: left;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .header-nav__profile-img {
    float: none;
  }
}

.alert__mobile {
  border-radius: 50%;
  padding: 3px 8px;
  color: #fff;
  background: #02b529;
  font-size: 11px;
  font-size: 1.1rem;
}

@media screen and (max-width: 767px) {
  .header-nav {
    float: none;
    border-bottom: 1px solid #eee;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
  }

  .header-nav__logged-in {
    border: none;
    border-right: 1px solid #eee;
    padding-left: 20px;
    padding-right: 10px;
    float: none;
    width: auto;
    margin-right: 77px;
    text-align: right;
    display: block;
  }
  .header-nav__logged-in p {
    text-align: left;
    margin-left: 0;
    float: left;
  }

  .alert__mobile {
    display: inline-block;
    margin-top: 6px;
  }

  .profile {
    margin-right: 20px;
  }

  .header-nav__search {
    position: absolute;
    right: 50px;
    top: 0px;
  }

  .primary-nav__more {
    position: absolute;
    right: 10px;
    top: 10px;
    outline: none;
  }
}
.social {
  display: inline-block;
}
.social:before {
  display: none;
}

.social {
  margin-bottom: 20px;
  padding: 0;
  display: table;
}
@media screen and (min-width: 768px) {
  .social {
    display: inline-block;
  }
}
.social li {
  display: table-cell;
  list-style: none;
  float: left;
  background: none;
  margin: 0;
  margin-right: 15px;
  padding: 0;
}
.social a {
  display: inline-block;
  text-align: left;
  text-indent: -9000em;
}

.social--small {
  display: none;
  float: right;
  padding: 25px 0;
}
@media screen and (min-width: 768px) {
  .social--small {
    display: inline-block;
    margin-bottom: 0;
  }
}
.social--small li {
  margin-right: 7px;
}

.block--newsletter {
  clear: both;
  background: #1c2b38;
}
@media screen and (min-width: 768px) {
  .block--newsletter {
    overflow: auto;
  }
}
.block--newsletter label {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-size: 1.54rem;
  font-weight: 700;
  width: 165px;
  padding-top: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (min-width: 900px) {
  .block--newsletter label {
    margin-bottom: 0;
    padding-left: 10px;
  }
}
.block--newsletter fieldset {
  border: 0;
}
@media (min-width: 1100px) {
  .block--newsletter.dashboard-news {
    margin: 0 -91px;
  }
  .block--newsletter.dashboard-news.home-news {
    margin: 0;
  }
}

@media (min-width: 1100px) {
  .block--consultant {
    margin: 0 -91px;
  }
  .block--consultant.home-news {
    margin: 0;
  }
}

.block--newsletter__email {
  padding: 16px 4px;
  background: #1c2b38;
}
@media screen and (min-width: 768px) {
  .block--newsletter__email {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 39px 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .block--newsletter__email {
    float: left;
    width: 66.66667%;
  }
}

@media screen and (min-width: 900px) {
  .block--newsletter__email {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 900px) and (min-width: 768px) {
  .block--newsletter__email {
    float: left;
    width: 66.66667%;
  }
}

.block--newsletter__email input[type=text] {
  height: 41px;
}
@media screen and (max-width: 767px) {
  .block--newsletter__email input[type=text] {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .block--newsletter__email input[type=text] {
    width: 65%;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
@media screen and (min-width: 900px) {
  .block--newsletter__email input[type=text] {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  .block--newsletter__email input[type=text] {
    width: 72.5%;
  }
}
.block--newsletter__email .input-validation-error {
  border: 1px solid #ff0000;
}
.block--newsletter__email .field-validation-error {
  margin-left: 175px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.6rem;
}
.block--newsletter__email h2 {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .block--newsletter__submit {
    padding: 0px 0px 20px 0;
  }
}
@media screen and (min-width: 768px) {
  .block--newsletter__submit {
    padding: 16px 40px;
    margin: 0;
    background-color: transparent;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 39px 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .block--newsletter__submit {
    float: left;
    width: 33.33333%;
  }
}

@media screen and (min-width: 900px) {
  .block--newsletter__submit {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding-right: 55px;
  }
}
@media screen and (min-width: 900px) and (min-width: 768px) {
  .block--newsletter__submit {
    float: left;
    width: 33.33333%;
  }
}

@media screen and (max-width: 767px) {
  .block--newsletter__submit .btn--primary--input {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .block--newsletter__submit .btn--primary--input {
    display: inline-block;
  }
}

.form--newsletter-signup .btn--primary, .form--newsletter-signup .medium .block--general-content__footer a, .medium .block--general-content__footer .form--newsletter-signup a {
  background-color: #02b529;
}
.form--newsletter-signup .btn--primary:hover:after, .form--newsletter-signup .medium .block--general-content__footer a:hover:after, .medium .block--general-content__footer .form--newsletter-signup a:hover:after {
  background: url(/Static/images/icon-btn.png) 0px -16px no-repeat;
}

.block--accordion h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-size: 25px;
  font-size: 2.5rem;
}
.block--accordion h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.block--accordion .toggler {
  cursor: pointer;
  border: solid 1px #eee;
  padding: 40px 20px;
}
.block--accordion .toggler h5 {
  position: relative;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9d7949;
  margin: 0;
  line-height: normal;
  padding-right: 20px;
}
.block--accordion .toggler h5:after {
  display: block;
  position: absolute;
  content: "";
  right: 0;
  top: 3px;
}
.block--accordion .toggler:first-child {
  border-top: solid 1px #eee;
}
.block--accordion .toggler.open {
  background-color: #eee;
}
.block--accordion .toggler.open h5 {
  color: #1c2b38;
}
.block--accordion .toggler:hover {
  background-color: #eee;
}
.block--accordion .toggler:hover h5 {
  color: #1c2b38;
}
.block--accordion .toggled {
  display: none;
  border: solid 1px #eee;
  border-top: none;
  padding: 40px 20px;
}

.header-sign-in {
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .header-sign-in {
    padding: 30px;
  }
}
.header-sign-in legend {
  font-weight: 700;
  font-size: 16px;
  font-size: 1.6rem;
  background: none;
  margin-bottom: 0px;
  padding-bottom: 30px;
  font-family: "Open Sans", sans-serif;
}
.header-sign-in legend:before {
  display: none;
}
.header-sign-in .form-group {
  margin-top: 17px;
  margin-right: 25px;
}
@media screen and (min-width: 768px) {
  .header-sign-in .form-group {
    display: inline-block;
  }
}
.header-sign-in .form-item {
  width: inherit;
}
.header-sign-in li {
  width: 100%;
  display: block;
  clear: both;
  list-style: none;
  background: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .header-sign-in li {
    clear: none;
    float: left;
    width: auto;
    display: inline-block;
  }
}
.header-sign-in li.header-sign-in__seperator-text {
  padding: 10px;
}
.header-sign-in li.header-sign-in__linkedin {
  padding: 0;
  margin-top: 20px;
}
.header-sign-in li.header-sign-in__submit {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .header-sign-in li.header-sign-in__seperator-text, .header-sign-in li.header-sign-in__linkedin, .header-sign-in li.header-sign-in__submit {
    display: block;
  }
}
.header-sign-in p {
  line-height: 4.4em;
}

.header-sign-in__reset-password {
  margin-top: 20px;
}
.header-sign-in__reset-password .btn, .header-sign-in__reset-password .medium .block--general-content__footer a, .medium .block--general-content__footer .header-sign-in__reset-password a {
  margin-top: 20px;
}

.listing p {
  margin-top: 20px;
}
.listing p strong em {
  color: #9d7949;
}
.listing .metadata span {
  display: block;
}
@media screen and (min-width: 768px) {
  .listing .metadata span {
    display: inline-block;
  }
}
.listing .metadata span a {
  display: inline-block;
}
.listing .metadata a {
  display: block;
  margin-bottom: 10px;
}
.listing .metadata a:after {
  content: ',';
  margin-right: 5px;
  color: #1c2b38;
}
.listing .metadata a:last-child:after {
  content: '';
  width: 5px;
}
@media screen and (min-width: 768px) {
  .listing .metadata a {
    display: inline-block;
    margin-bottom: 0;
  }
}
.listing .metadata .author a:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .listing .metadata .author {
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .listing .metadata {
    margin-bottom: 20px;
  }
}

.listing__item--highlighted {
  position: relative;
}
.listing__item--highlighted img {
  width: 100%;
}
.listing__item--highlighted h2 {
  background-color: #1c2b38;
  padding: 40px 20px;
  color: #fff;
  margin: 0;
}
.listing__item--highlighted .has-borders {
  border: solid 1px #eee;
}
.listing__item--highlighted .no-border--top {
  border-top: none;
}
.listing__item--highlighted .date {
  margin-top: 0;
}

.listing__item {
  padding: 20px 20px 20px 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #eee;
}
.listing__item:before, .listing__item:after {
  content: " ";
  display: table;
}
.listing__item:after {
  clear: both;
}
.listing__item:first-child {
  padding-top: 0;
}
.listing__item img {
  float: left;
  margin: 5px 20px 0 0;
  width: 104px;
  border: solid 1px #eee;
}

.listing-label-featured {
  background-color: #cf1e2a;
  color: #fff;
  padding: 10px 20px;
  display: table;
  position: absolute;
  top: 20px;
  box-shadow: 1px 3px 3px #888;
}
.listing-label-featured:before {
  content: '';
  display: inline-block;
  width: 29px;
  height: 21px;
  margin-right: 15px;
  background: url(../images/icons/star-white.png) center center no-repeat;
}
.listing-label-featured:after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 45px;
  background: url(../images/icons/featured-after.png) center center no-repeat;
  position: absolute;
  right: -7px;
  top: 0;
}
.listing-label-featured span {
  display: table-cell;
  vertical-align: middle;
}

.category {
  margin-right: 10px;
}
.category span {
  color: #9d7949;
}

.category
.criteria {
  color: #9d7949;
}

.search-results--stats {
  border-bottom: solid 1px #eee;
  padding: 20px 10px;
}
@media screen and (min-width: 768px) {
  .search-results--stats {
    padding: 40px 10px;
    margin-bottom: 40px;
  }
}

.component--job-listing .v-separator, .component--job-listing .job-salary__header {
  display: none;
}

.job-listing--wrapper {
  background-color: #fff;
}
.job-listing--wrapper ul {
  padding: 10px 0;
}
.job-listing--wrapper ul:nth-child(odd) {
  background-color: #f8f8f8;
}
.job-listing--wrapper li {
  background: none;
}
.job-listing--wrapper .job-description ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.job-listing--wrapper .job-description ul ul {
  margin-top: 15px;
}
.job-listing--wrapper .job-description ul li {
  padding: 0 0 0 15px;
  background: url("../images/sprite/chevron-right.png") no-repeat 0 4px;
  margin-bottom: 15px;
}
.job-listing--wrapper .job-description ul.block--list-box li {
  padding: 0;
  background: none;
}
.job-listing--wrapper h2 {
  font-size: 25px;
  font-size: 2.5rem;
  background: url("../images/sprite/heading-bg-tan.png") no-repeat 0 100%;
  padding-bottom: 20px;
}
.job-listing--wrapper h2 a {
  color: #1c2b38;
}
.job-listing--wrapper h2 a:hover, .job-listing--wrapper h2 a:focus {
  color: #e40426;
}
.job-listing--wrapper .job-salary {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}
.job-listing--wrapper p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
}

.job-status a.btn-saved-assignment {
  color: #ff0000 !important;
}
.job-status a.btn-saved-assignment:before {
  content: " ";
}

.article-listing-search .refine-search__inputs {
  display: none;
}
@media screen and (min-width: 768px) {
  .article-listing-search .refine-search__inputs {
    display: block !important;
  }
}
.article-listing-search .btn--link {
  background: transparent;
  display: inline;
}
@media screen and (min-width: 768px) {
  .article-listing-search .btn--link {
    display: none;
  }
}

.search-filter {
  background: #fff;
  border: 1px solid #eee;
}
@media screen and (min-width: 768px) {
  .search-filter {
    margin-bottom: 70px;
  }
}
.search-filter fieldset {
  border: none;
}
.search-filter input[type="text"] {
  background: #fff;
  width: 100%;
}
.search-filter .form-group {
  margin-bottom: 0;
}
.search-filter .form-item {
  display: block;
  width: auto;
}
.search-filter .link--primary, .search-filter .small .block--general-content__footer a, .small .block--general-content__footer .search-filter a, .search-filter .large .block--general-content__footer a, .large .block--general-content__footer .search-filter a {
  background-color: #fff;
}

.search-filter__title {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-size: 25px;
  font-size: 2.5rem;
  margin-top: 20px;
}
.search-filter__title:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}

.search-again {
  background: #eee;
  padding: 20px;
}

.search-again__filter {
  padding: 20px;
}
.search-again__filter select,
.search-again__filter .select {
  width: 100%;
  margin-bottom: 20px;
}

.sitemap {
  clear: both;
}
.sitemap h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin: 30px 0;
}
.sitemap h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.sitemap h2:first-child {
  border-top: 0 none;
}
.sitemap li {
  background: url("../images/sprite/icon-cta.png") no-repeat 0 1px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  padding-left: 15px;
  padding-left: 22px;
}
.sitemap li li {
  background: url("../images/sprite/chevron-right.png") no-repeat 0 5px;
}
.sitemap li li li {
  font-weight: normal;
}
.sitemap ul ul li {
  padding-left: 13px;
}
.sitemap a {
  color: #1c2b38;
}
.sitemap a:hover, .sitemap a:focus {
  color: #e40426;
}

#epi-quickNavigator > li {
  margin-bottom: 0;
  padding: 0;
  background-image: none;
}

#epi-quickNavigator-menu {
  margin-top: 0;
}
#epi-quickNavigator-menu li {
  background-image: none;
}

#ProfileImage {
  margin-top: 6px;
}

@media screen and (min-width: 1200px) {
  .form-group img + .form-item #ProfileImage {
    margin-left: 325px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 900px) {
  .form-group img + .form-item #ProfileImage {
    margin-left: 325px;
    margin-top: 10px;
  }
}

@media (max-width: 899px) and (min-width: 797px) {
  .form-group img + .form-item #ProfileImage {
    margin-left: 315px;
  }
}
@media (max-width: 768px) {
  .form-wrapper .form-group img {
    clear: left;
  }
}
.register-progress {
  margin-left: 19px;
  padding-left: 0px;
  margin-bottom: 40px;
  display: none;
}
.register-progress:before, .register-progress:after {
  content: " ";
  display: table;
}
.register-progress:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .register-progress {
    display: block;
  }
}
.register-progress li {
  display: block;
  position: relative;
  list-style: none;
  background: none;
  padding: 0;
  border: none;
  padding: 0;
  margin: 0 10px 0 0;
  opacity: 0.4;
  width: auto;
}
@media screen and (min-width: 768px) {
  .register-progress li {
    width: 23%;
    display: inline-block;
    float: left;
  }
}
.register-progress li.register-progress--active {
  border-bottom: 4px solid #9d7949;
  opacity: 1;
}
.register-progress li.register-progress--active a {
  color: #1c2b38;
  padding: 0px 10px 20px 0;
}
.register-progress li.register-progress--active span {
  margin-right: 8px;
  padding: 3px 8px;
  color: #fff;
  background: #1c2b38;
  text-align: center;
  border-radius: 50%;
}
.register-progress a {
  display: inline-block;
  padding: 0px 20px 20px 0;
  color: #091017;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
}
@media (min-width: 1235px) {
  .register-progress a {
    padding: 0px 20px 20px 0;
  }
}
.register-progress span {
  margin-right: 8px;
  padding: 3px 8px;
  color: #fff;
  background: #1c2b38;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  float: left;
}

.register-form legend {
  margin-left: 15px;
}

.register-template .main-content__title h1 {
  display: none;
}
@media screen and (min-width: 768px) {
  .register-template .main-content__title h1 {
    display: block;
  }
}

.comments-wrapper {
  clear: both;
  margin-top: 50px;
  margin-bottom: 20px;
  background: #f5f5f5;
  padding: 20px;
}
.comments-wrapper h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.comments-wrapper h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}

.comments-block {
  background: #f5f5f5;
  clear: both;
}

.comments-header {
  padding: 18px 18px 0 18px;
}
.comments-header h3 {
  margin-bottom: 25px;
}
.comments-header h3:after {
  content: " ";
  display: inline-block;
  float: right;
}
.comments-header p a {
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.comments-header p a:hover {
  text-decoration: underline;
}

.comment-list {
  padding: 20px 0;
}

.comment {
  padding: 0px 0px 20px;
  clear: both;
}
.comment hr {
  margin: 0 0 25px 0;
}

.comment:nth-child(even) {
  background: #fcfcfc;
}

.comment-status {
  position: relative;
  background-color: #eee;
  margin: -26px -18px 20px;
}
.comment-status:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 15px;
  height: 0;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  border-width: 10px;
}
.comment-status p {
  font-weight: bold;
  padding: 10px 20px;
  margin: 0;
}
.new .comment-status {
  background-color: #eee;
}
.new .comment-status:after {
  border-top-color: #eee;
}
.approved .comment-status {
  background-color: #deefd7;
}
.approved .comment-status:after {
  border-top-color: #deefd7;
}
.approved .comment-status p {
  color: #3c773d;
}
.reported .comment-status {
  background-color: #feee9a;
}
.reported .comment-status:after {
  border-top-color: #feee9a;
}
.reported .comment-status p {
  color: #8b6e3c;
}
.deleted .comment-status, .suspended .comment-status {
  background-color: #f2dede;
}
.deleted .comment-status:after, .suspended .comment-status:after {
  border-top-color: #f2dede;
}
.deleted .comment-status p, .suspended .comment-status p {
  color: #a94342;
}

.comment-content {
  margin-bottom: 10px;
}

.comment-report p {
  display: inline;
  margin-right: 20px;
}
.comment-report a {
  text-decoration: none;
}
.comment-report a:hover {
  text-decoration: underline;
}

.comment-meta {
  margin-bottom: 20px;
}

.comment-name {
  display: inline;
  margin-right: 10px;
}
.comment-name:after {
  content: "-";
  margin-left: 10px;
}

.comment-date {
  display: inline;
  margin-right: 10px;
}

.comment-report a {
  text-decoration: none;
}
.comment-report a:hover {
  text-decoration: underline;
}

.form--comments .form-group label {
  text-align: left;
  width: 100%;
  font-weight: bold;
}

.comments-form textarea {
  width: 325px;
  height: 125px;
}

.loading-panel {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}
.loading-panel .loading-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  background: #000 12px 12px;
  border-radius: 50%;
  padding: 12px;
  margin: -30px 0 0 -30px;
}

.js-tooltip {
  background: #000;
  height: 20px;
  width: 20px;
  color: #fff;
  display: block;
  border-radius: 50%;
  text-align: center;
  font-family: initial;
  font-size: 14.5px;
  font-size: 1.45rem;
  font-weight: 800;
}

.tooltip {
  position: absolute;
  z-index: 999;
  left: -9999px;
  background-color: #9d7949;
  color: #FFF;
  min-width: 250px;
}
.tooltip:before {
  content: "";
  border-style: solid;
  border-width: 0 10px 17px 10px;
  border-color: transparent transparent #9d7949 transparent;
  position: absolute;
  left: 210px;
  top: -15px;
}

.tooltip p {
  margin: 0;
  padding: 8px;
  color: #FFF;
  font-size: 13px;
  font-size: 1.3rem;
}

.connect-doc__tooltip-wrapper {
  margin-top: 5px;
  font-size: 12px !important;
  padding-top: 3px;
  color: #FFF;
}

.connect-doc__tooltip {
  display: inline-block;
  background: url(../images/icons/icon-tooltip.png) center center no-repeat;
  position: relative;
  margin-right: 6px;
  float: left;
  margin-left: 0px;
}
.connect-doc__tooltip:after {
  content: "";
  margin-left: 13px;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  width: 100px;
  top: -3px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .connect-doc__tooltip {
    margin-left: 0;
  }
}

.form-item__tooltip {
  margin: 10px 0 0 0;
  position: absolute;
  top: -25px;
  right: -25px;
  bottom: 15px;
  display: inline-block;
  background: url(../images/icons/icon-tooltip.png) center center no-repeat;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .form-item__tooltip {
    right: 0;
    padding: 10px;
    z-index: 99999;
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .form-item__tooltip {
    display: inline-block;
    margin: 0 0 0 10px;
    top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .form-group .form-item__tooltip {
    display: none;
  }
}
.form-group .form-item .form-item__tooltip {
  display: none;
}
@media screen and (min-width: 768px) {
  .form-group .form-item .form-item__tooltip {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 1210px) {
  .form-group .form-item .form-item__tooltip {
    display: none;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  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: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.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;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.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;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 68px;
  width: 37px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: purple;
  color: red;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  opacity: 0.5;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  opacity: 1;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 0.5;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0;
}
.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: red;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -55px;
  background: url(/Static/images/icons/carousel-nav-prev.png) 0px 0px no-repeat;
}

.slick-next {
  right: -55px;
  background: url(/Static/images/icons/carousel-nav-next.png) 0px 0px no-repeat;
}

.switcher {
  position: absolute;
  bottom: 0px;
  right: 40px;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .switcher {
    right: 10px;
  }
}
@media only screen and (max-width: 1100px) {
  .switcher {
    position: relative;
    right: 0px;
    text-align: right;
    top: -50px;
    margin-bottom: -60px;
  }
}
.switcher .btn-accent-icon a {
  margin-bottom: 0;
}

/*------------------------------------*\
    $COMPONENTS - Connect 
\*------------------------------------*/
/**
 * objects and abstractions specificallly for Connect section.
 */
.connect-header {
  background: #515861;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.connect-header__connect-title {
  width: 100%;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .connect-header__connect-title {
    display: block;
    z-index: 2;
  }
}
.connect-header__connect-title div {
  position: relative;
  margin-left: -90px;
  padding-left: 100px;
  padding-bottom: 1px;
}
@media screen and (min-width: 768px) {
  .connect-header__connect-title div {
    float: left;
  }
}
.connect-header__connect-title h2 {
  padding: 20px 0 0;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  color: #ffffff;
}
.connect-header__connect-title h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #9d7949;
  display: block;
  position: absolute;
  bottom: 8px;
  width: 125px;
}
@media screen and (min-width: 768px) {
  .connect-header__connect-title h2 {
    margin: 10px 0 20px -10px;
  }
}

.connect-header__time-date {
  float: right;
  text-align: right;
  padding-top: 20px;
}
.connect-header__time-date p {
  font-size: 14px;
}

.connect-header__page-title {
  margin: 13px 0px 0px 0px;
  display: none;
}
@media screen and (min-width: 768px) {
  .connect-header__page-title {
    position: absolute;
    right: 0;
    width: 50%;
    top: 10px;
    padding-top: 45px;
    padding-right: 20px;
    font-weight: bold;
    display: block;
    text-align: right;
    z-index: 1;
  }
}
.connect-header__page-title h1 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-size: 32px;
  font-size: 3.2rem;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.connect-header__page-title h1:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
@media screen and (min-width: 768px) {
  .connect-header__page-title h1 {
    margin-left: 34%;
    margin-bottom: 15px;
    padding-bottom: 18px;
  }
}

.current-date {
  font-size: 14px;
  font-size: 1.4rem;
}

.header-profile {
  padding-bottom: 10px;
  background: #1c2b38;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .header-profile {
    padding-bottom: 0;
  }
}

.header-profile__img {
  float: left;
  display: inline;
  padding: 30px 0 25px 0;
}
@media screen and (min-width: 768px) {
  .header-profile__img {
    margin-left: 28px;
  }
}
.header-profile__img img {
  border: 1px solid #fff;
}

.header-profile__details {
  padding-top: 30px;
  margin-left: 110px;
  padding-bottom: 30px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .header-profile__details {
    margin-left: 28px;
    float: left;
    margin-left: 10px;
  }
}
.header-profile__details h3,
.header-profile__details p,
.header-profile__details a {
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .header-profile__details h3 {
    word-break: break-all;
  }
}

.connect-header--large {
  display: none;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .connect-header--large {
    display: block;
    padding-left: 30px;
    margin: 0px;
  }
}
@media screen and (min-width: 900px) {
  .connect-header--large {
    margin-left: -80px;
    padding-left: 100px;
  }
}
.connect-header--large h2 {
  margin: 40px 0 20px 20px;
  padding: 49px 0 19px 0;
}
@media only screen and (min-width: 768px) {
  .connect-header--large h2 {
    margin: 0;
    padding: 20px 0;
  }
}

.connect-header--large__page-title {
  display: none;
}
@media screen and (min-width: 768px) {
  .connect-header--large__page-title {
    display: inherit;
    margin: 13px -80px 0px 0px;
    border-top: solid 1px #eee;
    right: 0;
    left: 0;
    z-index: 1;
    width: 100%;
  }
}
.connect-header--large__page-title p {
  margin-left: 58%;
  margin-top: 50px;
}

.dashboard-details {
  padding: 0;
  height: auto;
  overflow: visible;
  margin: 0 0 20px -20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .dashboard-details:after {
    content: '';
    background: #515861;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    z-index: 1;
  }
}
@media screen and (min-width: 1200px) {
  .dashboard-details {
    padding: 0 0 20px 0;
  }
}
.dashboard-details .dashboard-details-inner {
  margin: 0;
  background: #f8f8f8;
  padding: 20px 0 0 10px;
}
@media screen and (min-width: 768px) {
  .dashboard-details .dashboard-details-inner {
    padding: 0 0 0 10px;
    margin: 0;
  }
}
@media screen and (min-width: 1100px) {
  .dashboard-details .dashboard-details-inner {
    margin: 0;
  }
}
.dashboard-details h3 {
  color: #ffffff;
}

#pnlConsultantFooter {
  height: auto;
}
#pnlConsultantFooter .profile-img {
  margin-top: 15px !important;
  max-width: 120px;
  height: auto;
}
#pnlConsultantFooter .consultant-col h3 {
  margin: 0;
  font-weight: normal;
}
#pnlConsultantFooter .contact-us-col {
  margin: 10px 9px;
}
#pnlConsultantFooter .contact-us-col .link--primary:before, #pnlConsultantFooter .contact-us-col .small .block--general-content__footer a:before, .small .block--general-content__footer #pnlConsultantFooter .contact-us-col a:before, #pnlConsultantFooter .contact-us-col .large .block--general-content__footer a:before, .large .block--general-content__footer #pnlConsultantFooter .contact-us-col a:before {
  transform: rotate(90deg);
}
@media screen and (min-width: 1100px) {
  #pnlConsultantFooter .contact-us-col {
    margin: 0;
  }
}

.profile-img {
  float: left;
  margin-top: 0 !important;
  position: relative;
  z-index: 2;
}
.profile-img .profile-img__wrapper-inner {
  display: inline-block;
  position: relative;
}
.profile-img .profile-img__wrapper-inner .btn--primary--input {
  left: 0;
  width: 100%;
  background: none;
  text-align: center;
}
.profile-img .profile-img__wrapper-inner .btn--primary--input .btn--primary, .profile-img .profile-img__wrapper-inner .btn--primary--input .medium .block--general-content__footer a, .medium .block--general-content__footer .profile-img .profile-img__wrapper-inner .btn--primary--input a {
  position: relative;
  display: inline-block;
  width: auto;
  float: none !important;
  bottom: auto;
  left: auto;
  top: auto;
  right: auto;
}
.profile-img img,
.profile-img .profile-img__wrapper img {
  width: 100%;
  height: auto;
  border: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .profile-img img,
  .profile-img .profile-img__wrapper img {
    width: 235px;
  }
}
@media screen and (min-width: 900px) {
  .profile-img img,
  .profile-img .profile-img__wrapper img {
    max-width: 180px;
  }
}
@media screen and (min-width: 1200px) {
  .profile-img img,
  .profile-img .profile-img__wrapper img {
    max-width: 225px;
  }
}
.profile-img .btn, .profile-img .medium .block--general-content__footer a, .medium .block--general-content__footer .profile-img a {
  display: none;
}
@media screen and (min-width: 900px) {
  .profile-img .btn, .profile-img .medium .block--general-content__footer a, .medium .block--general-content__footer .profile-img a {
    display: block;
    position: absolute;
    bottom: 10%;
    left: 12%;
  }
}
@media screen and (min-width: 1200px) {
  .profile-img .btn, .profile-img .medium .block--general-content__footer a, .medium .block--general-content__footer .profile-img a {
    bottom: 10%;
    left: 18%;
  }
}

@media screen and (min-width: 768px) {
  .profile-img__view-btn {
    margin-top: -75px;
  }
}
.profile-img__view-btn a {
  margin: 0 auto;
  display: block;
  width: 165px;
}

.profile-details-wrapper {
  position: relative;
  z-index: 2;
}
.profile-details-wrapper .row, .profile-details-wrapper .block-area {
  margin: 0;
}

.profile-details {
  min-height: 99px;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .profile-details {
    padding: 10px 0;
    margin: 0 15px 0 0;
    width: 100%;
    background: none;
  }
}
@media screen and (min-width: 900px) {
  .profile-details {
    margin: 0;
  }
}
.profile-details p {
  text-align: left;
  float: left;
  margin-bottom: 10px;
}
.profile-details h2,
.profile-details p,
.profile-details a {
  color: #1c2b38;
}
.profile-details h2,
.profile-details h3 {
  padding: 10px;
  margin: 0;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .profile-details h2,
  .profile-details h3 {
    padding: 0;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.profile-details h4 {
  border-bottom: 2px solid #9d7949;
  color: #ffffff;
  font-weight: bold;
  width: auto;
  display: inline-block;
  padding-bottom: 4px;
  margin-top: 20px;
}
.profile-details p {
  padding: 0 10px;
  color: #ffffff;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .profile-details p {
    padding: 0;
  }
}
.profile-details li {
  background: none;
  color: #ffffff;
  padding: 0;
  margin-left: 0;
}
.profile-details a {
  color: #ffffff;
  padding: 0;
  margin: 0 0 15px 0;
  float: none;
  width: 100%;
}
.profile-details a:before {
  background: none;
}
.profile-details .profile-availability {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-available.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-availability a {
  margin-left: 0px;
}
.profile-details .profile-available {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-available.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-available a {
  margin-left: 0px;
}
.profile-details .profile-unavailable {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-unavailable.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-unavailable a {
  margin-left: 0px;
}
.profile-details .profile-available-shortly {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-available-shortly.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-available-shortly a {
  margin-left: 0px;
}
.profile-details .profile-tel {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-contact-number.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-email {
  color: #ffffff;
  background: url(../images/icons/icon-email-address.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
  word-wrap: break-word;
}
.profile-details .profile-email a {
  margin-left: 0;
}
@media screen and (max-width: 480px) {
  .profile-details .profile-email a {
    word-break: break-all;
  }
}
.profile-details .profile-edit {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-edit.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-edit a {
  margin-left: -22px;
}
.profile-details .profile-view {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-view.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-view a {
  margin-left: -22px;
}
.profile-details .profile-timesheets {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-timesheet.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-timesheets a {
  margin-left: -22px;
}
.profile-details .profile-objectives {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-dashboard.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-objectives a {
  margin-left: -22px;
}
.profile-details .profile-notification {
  padding-bottom: 10px;
  color: #ffffff;
  background: url(../images/icons/icon-notification.png) 0 0 no-repeat;
  padding-left: 40px;
  min-height: 42px;
}
.profile-details .profile-progress {
  background: #ffffff;
  display: inline-block;
  border-radius: 4px;
  position: absolute;
  z-index: 500;
  top: -20px;
  padding: 5px;
  left: 0;
}
.profile-details .profile-progress:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 10px solid #ffffff;
  border-bottom: 10px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.profile-details .profile-progress p {
  color: #555555;
  font-weight: bold;
}
.profile-details #lastUpdate {
  max-width: 200px;
  top: -40px;
}
.profile-details #lastUpdate:after {
  top: 58px;
  left: 20px;
}
.profile-details #progress {
  max-width: 185px;
  max-height: 60px;
  min-width: 185px;
  min-height: 60px;
  top: -40px;
}
.profile-details #progress:after {
  top: 58px;
  left: 20px;
}
.profile-details #progress .reminder-text {
  margin-top: 1px;
}
.profile-details #myProgress {
  border-radius: 4px;
  border: 2px solid #9d7949;
  background-color: #c5c5c5;
  width: 160px;
}
.profile-details #myBar {
  height: 15px;
  background-color: #9d7949;
}

.section-wrapper--assignment-preferences .row, .section-wrapper--assignment-preferences .block-area {
  background: #f8f8f8;
  position: inherit;
  min-height: 125px;
}

.assignment-preferences {
  padding-top: 5px;
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .assignment-preferences {
    padding-top: 30px;
  }
}
@media screen and (min-width: 900px) {
  .assignment-preferences {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .assignment-preferences span {
    min-width: 150px;
    display: table-cell;
  }
  .assignment-preferences span a {
    margin-left: 20px;
  }
}
.assignment-preferences p {
  font-size: 14px;
  font-size: 1.4rem;
}

.reminder-text {
  font-size: 12px;
  padding: 10px;
  width: 100%;
  display: inline;
  padding: 0;
}

#close1 {
  right: 2px;
  position: absolute;
  top: -7px;
  font-size: 20px;
  background: transparent;
  cursor: pointer;
  float: right;
}

#close2 {
  position: relative;
  top: -29px;
  right: -69px;
  font-size: 20px;
  background: transparent;
  cursor: pointer;
  float: right;
}

#notifications label {
  min-height: 32px !important;
  height: 32px !important;
}

.connect-candidate {
  background: #f8f8f8;
  margin-top: -20px;
  margin-bottom: 20px;
}
.connect-candidate:before, .connect-candidate:after {
  content: " ";
  display: table;
}
.connect-candidate:after {
  clear: both;
}

.candidate-profile__img {
  float: left;
  display: inline;
  padding: 20px 0;
  height: 43px;
  width: 43px;
}
@media screen and (min-width: 768px) {
  .candidate-profile__img {
    margin-left: 0px;
  }
}
.candidate-profile__img img {
  border: 1px solid #fff;
}

.candidate-profile__details {
  padding: 20px;
  margin-left: 10px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .candidate-profile__details {
    float: left;
    margin-left: 10px;
  }
}
.candidate-profile__details h3,
.candidate-profile__details p,
.candidate-profile__details a {
  color: #1c2b38;
  margin-bottom: 0;
}

.section-wrapper--assignment-preferences {
  margin-bottom: 40px;
}

.assignment-preferences__sectors {
  color: #ffffff;
  display: block;
  padding: 10px 0px;
  margin: 5px 0 5px 0;
  float: left;
  margin-bottom: 5px;
}

.connect__quick-links {
  height: auto;
  overflow: auto;
  margin-right: 0;
  position: relative;
  z-index: 2;
}
.connect__quick-links select {
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .connect__quick-links input[type="email"], .connect__quick-links input[type="number"], .connect__quick-links input[type="password"], .connect__quick-links input[type="tel"], .connect__quick-links input[type="url"], .connect__quick-links input[type="text"], .connect__quick-links textarea, .connect__quick-links select, .connect__quick-links .select {
    width: 100%;
  }
}
.connect__quick-links h3 {
  position: relative;
  padding-bottom: 5px;
  font-size: 25px;
  font-size: 2.5rem;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  font-weight: normal;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  margin-bottom: 5px;
}
.connect__quick-links h3:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.connect__quick-links a {
  display: block;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .connect__quick-links a {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  .connect__quick-links a {
    width: auto;
    float: none;
  }
}

.connect-alert {
  border: 1px solid #eee;
  display: table;
  position: relative;
  width: 100%;
  margin: 0 0 15px 0;
  z-index: 997;
}
.connect-alert p {
  display: inline-block;
}

.connect-alert__alert {
  display: inline-block;
  padding: 10px;
  float: left;
}
@media screen and (max-width: 767px) {
  .connect-alert__alert {
    display: table-cell;
    vertical-align: middle;
    float: none;
  }
}

.connect-alert--red .connect-alert__alert {
  background-color: #e40426;
}
.connect-alert--red .connect-alert__alert:before {
  content: " ";
  float: right;
}

.connect-alert--green .connect-alert__alert {
  background-color: #02b529;
}
.connect-alert--green .connect-alert__alert:before {
  content: " ";
  float: right;
}

.connect-alert__message {
  padding: 9px 0 0 15px;
}
@media screen and (min-width: 768px) {
  .connect-alert__message {
    display: inline-block;
  }
}

.connect-alert__close-wrapper {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}

.connect-alert__close {
  float: right;
  background-color: #fff;
  border: 0 none;
  text-indent: -90000em;
  text-align: left;
}

input[type="submit"].connect-alert__close {
  padding: 0;
}

.connect-footer {
  clear: both;
  background: #1c2b38;
}
@media screen and (min-width: 768px) {
  .connect-footer {
    padding: 0 90px;
    overflow: auto;
  }
}

.connect-footer__wrapper {
  padding: 16px 19px;
  background: #1c2b38;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .connect-footer__wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 16px 0px;
  }
}
@media screen and (min-width: 768px) and (min-width: 900px) {
  .connect-footer__wrapper {
    float: left;
    width: 75%;
  }
}

.connect-footer__img {
  float: left;
  margin: 0 30px 0 20px;
}
.connect-footer__img img {
  border: 1px solid #fff;
}

.connect-footer__content {
  float: left;
  display: inline;
}
.connect-footer__content h2, .connect-footer__content p {
  color: #fff;
}
.connect-footer__content h2 {
  font-size: 26px;
  font-size: 2.6rem;
}
.connect-footer__content p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
}

.connect-footer__contact {
  background-color: #141f28;
  padding: 16px 40px;
  margin: 0 0px;
}
.connect-footer__contact a {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .connect-footer__contact {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    padding: 39px 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 900px) {
  .connect-footer__contact {
    float: left;
    width: 25%;
  }
}

.connect-block {
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
}
.connect-block .block--general-content__content {
  padding: 0 !important;
}
.connect-block .large {
  padding: 0 !important;
}

.connect-block__header {
  position: relative;
}

.connect-block__title h2, .connect-block__title h3 {
  margin: 10px 0 20px;
  padding: 20px 0 20px 0;
  position: relative;
}
.connect-block__title h2:before, .connect-block__title h3:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #9d7949;
  display: block;
  position: absolute;
  bottom: 8px;
  width: 125px;
}

.connect-block__header-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  background-color: #1c2b38;
  z-index: 1;
  display: none;
}

.connect-block__header-bar--green {
  background-color: #02b529;
}

.connect-block__header-bar--red {
  background-color: #e40426;
}

.connect-block__header-bar--orange {
  background-color: #ff8311;
}

.connect-block__content {
  border: none;
  width: 100%;
}
.connect-block__content:before, .connect-block__content:after {
  content: " ";
  display: table;
}
.connect-block__content:after {
  clear: both;
}
.connect-block__content .col-md-6:first-child {
  border-right: 1px solid #eee;
}
.connect-block__content .col-md-6:last-child {
  border-left: 1px solid #eee;
  margin-left: -1px;
}
.connect-block__content p {
  font-size: 14px;
  font-size: 1.4rem;
}

.connect-block__content-footer {
  line-height: 3;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .connect-block__content-footer {
    float: right;
    width: 45%;
  }
}
.connect-block__content-footer .connect-obj__value {
  font-size: 18.5px;
  font-size: 1.85rem;
}

.connect-block__content--table {
  border: 0 none;
}

.connect-profile__container {
  padding: 0;
}
.connect-profile__container p {
  font-size: 14px;
  font-size: 1.4rem;
}

.connect-profile__container.col-md-6:nth-of-type(1) {
  padding-right: 30px;
}

.connect-profile__container.col-md-6:nth-of-type(2) {
  padding-left: 30px;
}
@media only screen and (max-width: 899px) {
  .connect-profile__container.col-md-6:nth-of-type(2) {
    padding-left: 0;
  }
}

.connect-block__footer {
  border: 1px solid #eee;
  border-top: 0 none;
  padding: 30px 20px;
}

.connect-block__content__title {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  font-weight: 400;
}

.connect-profile__container .form-group--checkbox label {
  width: 48%;
}

table.timesheets {
  width: 100%;
}
table.timesheets th, table.timesheets td {
  text-align: left;
  padding: 15px;
}
table.timesheets th.timesheets__wkCommencing[scope] {
  text-align: left;
}
table.timesheets tr:nth-child(odd) {
  background-color: #f8f8f8;
}
table.timesheets .wkcommencing {
  text-align: left;
}
table.timesheets label {
  width: auto;
  float: none;
}
table.timesheets .timesheets__totals td {
  background-color: red;
}
table.timesheets .wkDay {
  background: #f9f9f9;
}
table.timesheets .totalDays {
  text-align: center;
  min-width: 155px;
  font-size: 24px;
  font-size: 2.4rem;
}
table.timesheets .totalDays span {
  padding-bottom: 25px;
  display: block;
}
table.timesheets .timesheet-date {
  font-size: 16px;
  margin: 0;
}
table.timesheets .timesheet-ref {
  font-weight: 400;
}

.timesheets-table-footer {
  width: 100%;
}
.timesheets-table-footer td {
  padding: 15px 15px 10px 15px;
  border-top: 0;
  text-align: right;
}
.timesheets-table-footer td a {
  line-height: 45px;
  clear: both;
}
@media screen and (min-width: 600px) {
  .timesheets-table-footer td a {
    margin-right: 20px;
  }
}
.timesheets-table-footer td .rejectionNote-toggle, .timesheets-table-footer td .revertNote-toggle {
  float: left;
}

.ie8 .add-weekdays {
  display: none !important;
}

.timesheet--wrapper {
  margin-bottom: 20px;
}

.timesheet--wrapper h2 {
  margin-top: 10px;
}

.rejectionNote, .revertNote {
  width: 100%;
}

.responsive-table {
  overflow-x: auto;
}

.responsive-table.has-scroll {
  position: relative;
  overflow: hidden;
  /* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}

.responsive-table.has-scroll:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 100%;
  border-radius: 10px 0 0 10px / 50% 0 0 50%;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.25);
  content: '';
}

/* This is the element whose content will be scrolled if necessary */
.responsive-table.has-scroll > div {
  overflow-x: auto;
}

.responsive-table > div::-webkit-scrollbar {
  height: 12px;
}

.responsive-table > div::-webkit-scrollbar-track {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;
  background: #f0f0f0;
}

.responsive-table > div::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #ccc;
}

.rejected-timesheets__wrapper {
  background: #f2f2f2;
  padding-top: 20px;
  margin-bottom: 20px;
}

.rejectionNote__rejected {
  font-size: 14px;
  font-size: 1.4rem;
}
.rejectionNote__rejected:before {
  content: " ";
  display: inline-block;
  margin-right: 10px;
  margin-bottom: -3px;
}

.previous-timesheets h2 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.previous-timesheets h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}

.rejectionNote--client {
  background: #fff;
}

.rejectionNoteTxtArea {
  width: 100%;
  min-height: 120px;
  height: auto;
  margin-bottom: 20px;
}

.rejectionNoteTxtArea-footer {
  border-top: 1px solid #eee;
  padding: 20px 0 0;
  text-align: right;
}
.rejectionNoteTxtArea-footer a {
  margin-left: 20px;
}

.urgent {
  color: #e40426;
}

.timesheets__previous-timesheets {
  padding-top: 60px;
  padding-bottom: 20px;
}
.timesheets__previous-timesheets h2 {
  font-size: 22px;
  font-size: 2.2rem;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.timesheets__previous-timesheets h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.timesheets__previous-timesheets table {
  margin-bottom: 40px;
}

.connect-obj-block__wrapper {
  position: relative;
  margin-bottom: 40px;
}

.connect-obj-block__header {
  position: relative;
  overflow: auto;
}
.connect-obj-block__header h2 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px 20px 20px 75px;
  margin-bottom: 0;
  background: #1c2b38;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  z-index: 2;
}
@media (min-width: 900px) {
  .connect-obj-block__header h2 {
    float: left;
    width: 66.66667%;
  }
}
.connect-obj-block__header h2 span {
  border-radius: 50%;
  border: 4px solid #68d2df;
  margin-right: 20px;
  padding: 4px 11px;
  font-weight: bold;
  margin-left: -60px;
}

.connect-obj-block__content-wrapper {
  border: 1px solid #eee;
  border-top: 0;
}
.connect-obj-block__content-wrapper:before, .connect-obj-block__content-wrapper:after {
  content: " ";
  display: table;
}
.connect-obj-block__content-wrapper:after {
  clear: both;
}

.connect-obj-block__content {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 30px 0px;
}
@media (min-width: 900px) {
  .connect-obj-block__content {
    float: left;
    width: 66.66667%;
  }
}
@media screen and (min-width: 900px) {
  .connect-obj-block__content {
    border-right: 1px solid #eee;
  }
}
.connect-obj-block__content p {
  font-size: 14px;
  font-size: 1.4rem;
}

.connect-obj-block__donut-chart-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 3;
  margin: -30px 0 0;
}
@media (min-width: 900px) {
  .connect-obj-block__donut-chart-wrapper {
    float: left;
    width: 33.33333%;
  }
}

.connect-obj-block__donut-chart {
  overflow: auto;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
@media (min-width: 900px) {
  .connect-obj-block__donut-chart {
    float: left;
    width: 50%;
  }
}
.connect-obj-block__donut-chart h3 {
  background: #1c2b38;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}
.connect-obj-block__donut-chart h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
}
.connect-obj-block__donut-chart .chart {
  width: 120px;
  margin: 0 auto;
}
.connect-obj-block__donut-chart .connect-chart__donut-chart {
  padding: 0;
  margin: 20px 0;
  float: left;
  width: 100%;
}
.connect-obj-block__donut-chart .connect-chart__donut-chart:first-child {
  border: 0 none;
}
.connect-obj-block__donut-chart .connect-chart__donut-chart h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.connect-obj-block__milestones h3:before {
  content: " ";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -3px;
}

.connect-obj-accordion__header {
  clear: both;
  width: 100%;
  padding: 20px;
  border: 1px solid #eee;
  border-top: 0;
}
.connect-obj-accordion__header h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
}
.connect-obj-accordion__header h2:before {
  content: " ";
  float: left;
  margin-bottom: -3px;
  margin-right: 10px;
}

.connect-obj-accordion__content {
  border: 1px solid #eee;
  border-top: 0;
}
.connect-obj-accordion__content p {
  font-size: 14px;
  font-size: 1.4rem;
}

.connect-obj-accordion__content-wrapper {
  padding: 20px;
  overflow: auto;
}

.connect-obj__notes-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .connect-obj__notes-wrapper {
    float: left;
    width: 66.66667%;
  }
}

.connect-obj__notes-form {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .connect-obj__notes-form {
    float: left;
    width: 33.33333%;
  }
}
.connect-obj__notes-form label {
  width: auto;
  text-align: left;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.5;
}
.connect-obj__notes-form textarea {
  width: 100%;
  margin-bottom: 10px;
}
.connect-obj__notes-form .btn--primary--input {
  margin-bottom: 10px;
}

.connect-obj__table {
  width: 100%;
  border: 0 none;
}
.connect-obj__table th {
  border: 1px solid #000;
}
.connect-obj__table td {
  background-color: #eee;
  border-color: #dedede;
  padding: 25px 20px;
}
.connect-obj__table .milestone-completed-row {
  display: none;
}
.connect-obj__table .milestone-completed-row td {
  background: #fff;
  text-align: left;
}
.connect-obj__table .milestone-completed-row .form-inline {
  width: auto;
}
.connect-obj__table .milestone-completed-row .form-inline .select {
  text-align: left;
}
.connect-obj__table .milestone-edit-row td {
  text-align: left;
  background-color: #fff;
  font-weight: initial;
}

.connect-obj__milestone-id:before {
  content: " ";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -3px;
}

.connect-obj__milestone-info {
  text-align: left;
}

.connect-obj-completed a {
  color: #000;
}
.connect-obj-completed a:before {
  content: "";
  display: inline-block;
  margin-bottom: -3px;
  margin-right: 5px;
}

.connect-obj-completed-date:before {
  content: " ";
  display: inline-block;
  margin-right: 5px;
  margin-bottom: -3px;
}

.delete-milestone {
  clear: left;
  margin-top: 20px;
  display: block;
}
@media screen and (min-width: 768px) {
  .delete-milestone {
    margin: 0 0 0 20px;
    display: inline-block;
  }
}

.chart-key {
  margin-left: 20px;
}
.chart-key p {
  font-size: 14px;
  font-size: 1.4rem;
}

.chart-key__performance {
  display: inline;
}
.chart-key__performance:before {
  content: '\25CF';
  font-size: 1.4em;
  color: #02b529;
  padding-right: 10px;
}

.chart-key__milestones {
  display: inline;
  padding-left: 20px;
}
.chart-key__milestones:before {
  content: '\25CF';
  font-size: 1.4em;
  color: #d20f70;
  padding-right: 10px;
}

.connect-new-milestone {
  clear: both;
  border: 1px solid #eee;
  border-top: 0;
  padding: 20px;
}
.connect-new-milestone:before, .connect-new-milestone:after {
  content: " ";
  display: table;
}
.connect-new-milestone:after {
  clear: both;
}
.connect-new-milestone p {
  font-size: 14px;
  font-size: 1.4rem;
}

.connect-obj__block-form legend, .connect-obj__block-form label, .connect-obj__block-form .form-label {
  text-align: left;
  line-height: inherit;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  width: 100%;
}
.connect-obj__block-form textarea {
  height: 115px;
  width: 100%;
  margin-bottom: 20px;
}
.connect-obj__block-form fieldset {
  border: none;
}

.milestone-importance {
  border: 1px solid #eee;
  padding: 20px;
  margin-bottom: 20px;
}
.milestone-importance:before, .milestone-importance:after {
  content: " ";
  display: table;
}
.milestone-importance:after {
  clear: both;
}
.milestone-importance p {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.form-group--milestone-date {
  overflow: auto;
  clear: both;
  margin-bottom: 10px;
}
.form-group--milestone-date .form-label {
  display: block;
  text-align: left;
  width: 100%;
}

.milestone-importance__label {
  line-height: inherit;
  font-weight: 600;
  float: none;
  text-align: left;
  margin-bottom: 10px;
  display: inline-block;
}

.controls {
  position: relative;
  clear: both;
  padding: 20px;
  margin: 15px 0 -30px 0;
  /*background: url(../images/images/milestone-slider-bg.png) bottom left no-repeat;*/
  background-size: cover;
}
.controls:before, .controls:after {
  content: " ";
  display: table;
}
.controls:after {
  clear: both;
}
.controls li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.progress-bar {
  background: #eee;
  position: absolute;
  bottom: 32px;
  right: 0px;
  left: 0px;
  height: 8px;
  border-right-width: 45px;
  border-right-style: solid;
  border-color: #eee;
}

.playhead {
  height: 45px;
  width: 46px;
  border: 1px solid #eee;
  border-bottom-width: 2px;
  display: block;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 50%;
  text-align: center;
  padding-top: 10px;
}
.playhead:before {
  content: "";
  margin-right: 2px;
  display: inline-block;
}
.playhead:after {
  content: "";
  margin-left: 2px;
  display: inline-block;
}

.progress-complete {
  background: #d20f70;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50%;
  height: 8px;
}

input[type="text"].input-numerical {
  background: url(../images/icons/pound.png) 10px 48% no-repeat #DBDDDF;
  padding-left: 20px;
}

.connect-dash__wrapper {
  margin-bottom: 20px;
}
.connect-dash__wrapper h2 {
  margin: 10px 0 20px;
  padding: 20px 0 20px 0;
  position: relative;
}
.connect-dash__wrapper h2:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #9d7949;
  display: block;
  position: absolute;
  bottom: 8px;
  width: 125px;
}
.connect-dash__wrapper .block--general-content__header {
  min-height: 0;
}
.connect-dash__wrapper .block--general-content__header h2:before, .connect-dash__wrapper .block--general-content__header h2:after, .connect-dash__wrapper .block--general-content__header h3:before, .connect-dash__wrapper .block--general-content__header h3:after {
  display: none !important;
}
.connect-dash__wrapper .block {
  margin: 20px 0;
}
@media only screen and (max-width: 899px) {
  .connect-dash__wrapper .block {
    width: 100%;
    padding-top: 30px;
  }
}
.connect-dash__wrapper:last-child {
  margin-bottom: 55px;
}
.connect-dash__wrapper .block.small > div {
  padding: 0 19px;
}
.connect-dash__wrapper .block.medium {
  padding: 0 30px;
}
@media screen and (min-width: 900px) {
  .connect-dash__wrapper .block.medium {
    padding: 0 10px;
  }
}
.connect-dash__wrapper .block--latest {
  padding: 0 !important;
}
.connect-dash__wrapper .block--video--medium {
  margin: 0;
}

.connect-dash__header {
  background: #1c2b38;
  padding: 15px 20px;
  overflow: hidden;
}
.connect-dash__header h2 {
  display: block;
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
}
.connect-dash__header h2:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .connect-dash__header h2 {
    float: left;
  }
}
.connect-dash__header .form-item {
  width: auto;
}
.connect-dash__header .form-group {
  background: url(../images/bg_tile.png) top left repeat;
  padding: 15px 20px;
  margin: 0 -20px -22px;
}
@media screen and (min-width: 768px) {
  .connect-dash__header .form-group {
    float: right;
    margin: -20px -20px -22px;
  }
}
.connect-dash__header .select, .connect-dash__header select {
  padding-right: 40px;
}
@media screen and (min-width: 768px) {
  .connect-dash__header .select, .connect-dash__header select {
    float: right;
    width: 303px;
  }
}

.connect-dash__select {
  position: absolute;
  right: 0;
  top: 0;
  padding: 13px 20px 0;
  background: #000;
}

.connect-dash__content-wrapper {
  border: 1px solid #eee;
}
.connect-dash__content-wrapper:before, .connect-dash__content-wrapper:after {
  content: " ";
  display: table;
}
.connect-dash__content-wrapper:after {
  clear: both;
}
.connect-dash__content-wrapper h3 {
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 400;
  margin-bottom: 0;
}
.connect-dash__content-wrapper h3:before {
  content: " ";
  position: absolute;
  border-top: 4px solid #e40426;
  display: block;
  position: absolute;
  bottom: 8px;
  height: 4px;
  width: 125px;
}
.connect-dash__content-wrapper p {
  font-size: 14px;
  font-size: 1.4rem;
}

.connect-dash__content {
  padding: 20px 10px;
}
.connect-dash__content .connect-dash__role-title {
  font-size: 22.5px;
  font-size: 2.25rem;
}
.connect-dash__content .connect-dash__role-title:before {
  border: none !important;
}
.connect-dash__content .connect-dash__role-place {
  font-size: 18.5px;
  font-size: 1.85rem;
}
.connect-dash__content a {
  width: auto;
  display: block;
  margin-bottom: 20px;
  max-width: 260px;
}
.connect-dash__content h3 {
  font-size: 23px;
  font-size: 2.3rem;
}
.connect-dash__content .connect-dash__assignment-details {
  position: relative;
}
.connect-dash__content .connect-dash__assignment-details span {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .connect-dash__content .connect-dash__assignment-details span {
    position: absolute;
    left: 225px;
  }
}
.connect-dash__content .connect-dash__roi-value {
  font-size: 18.8px;
  font-size: 1.88rem;
  margin-bottom: 25px;
}

.table--timesheets {
  width: 100%;
  margin-bottom: 25px;
}
.table--timesheets td {
  text-align: left;
}
.table--timesheets td .link--primary, .table--timesheets td .small .block--general-content__footer a, .small .block--general-content__footer .table--timesheets td a, .table--timesheets td .large .block--general-content__footer a, .large .block--general-content__footer .table--timesheets td a,
.table--timesheets td .link--primary:before,
.table--timesheets td .small .block--general-content__footer a:before,
.small .block--general-content__footer .table--timesheets td a:before,
.table--timesheets td .large .block--general-content__footer a:before,
.large .block--general-content__footer .table--timesheets td a:before {
  margin-top: 14px;
}
.table--timesheets tr.table-footer {
  background: #fff;
}

.status {
  border-radius: 5px;
  padding: 5px 15px;
  max-width: 95px;
  text-align: center;
  margin: 0 auto;
}
.status span {
  display: none;
}
@media screen and (min-width: 768px) {
  .status span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
  }
}

.status--current {
  background: #02b529;
}

.status--pending {
  background: #ff8311;
}

.status--rejected {
  background: #e40426;
}

.connect-dash-chart__wrapper {
  width: 100%;
}

.connect-dash-chart__header h3 {
  color: #fff;
  background: #1c2b38;
  margin: 0;
  font-size: 14.5px;
  font-size: 1.45rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  padding: 15px 20px;
}
.connect-dash-chart__header h3:after, .connect-dash-chart__header h3:before {
  display: none;
}

.connect-dash-chart__content {
  text-align: center;
  border: 1px solid #eee;
}
.connect-dash-chart__content:before, .connect-dash-chart__content:after {
  content: " ";
  display: table;
}
.connect-dash-chart__content:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .connect-dash-chart__content {
    border-top: 0 none;
  }
}
.connect-dash-chart__content .connect-chart__donut-chart {
  margin: 20px 0;
  float: left;
  border-left: 1px solid #eee;
  width: 100%;
}
@media screen and (min-width: 400px) {
  .connect-dash-chart__content .connect-chart__donut-chart {
    width: 33.33%;
  }
}
.connect-dash-chart__content .connect-chart__donut-chart:first-child {
  border: 0 none;
}
.connect-dash-chart__content .connect-chart__donut-chart h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.connect-chart__donut-chart div > div {
  margin-left: 20px;
}
.connect-chart__donut-chart div > div .rvml + .rvml {
  display: none;
}
.connect-chart__donut-chart div > div .rvml + .rvml + .rvml {
  display: block;
}

.connect-dash-chart__footer {
  border: 1px solid #eee;
  border-top: 0 none;
  border-bottom: 0 none;
}

.connect-dash-chart__footer-link {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.connect-dash-chart__footer-link a {
  display: block;
}

.connect-block__search {
  background: #f2f2f2;
  margin-bottom: 20px;
  padding: 20px 25px;
}
.connect-block__search:before, .connect-block__search:after {
  content: " ";
  display: table;
}
.connect-block__search:after {
  clear: both;
}

.connect-search-form label {
  width: auto;
  text-align: left;
  padding-top: 9px;
}
.connect-search-form input[type="text"] {
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #eee;
  clear: both;
  padding: 11px 0 11px 15px;
}
@media screen and (min-width: 768px) {
  .connect-search-form input[type="text"] {
    clear: none;
    margin-bottom: 0;
    margin-right: 20px;
    float: left;
  }
}
.connect-search-form input[type="submit"] {
  line-height: 2.5em;
}
@media screen and (min-width: 768px) {
  .connect-search-form input[type="submit"] {
    margin-left: 20px;
  }
}
.connect-search-form input[type="submit"] .custom-select {
  width: 320px;
}
@media screen and (min-width: 768px) {
  .connect-search-form .interim-search-label {
    float: left;
    margin-right: 20px;
    font-weight: bold;
  }
}
.connect-search-form #foo {
  display: block;
  text-align: left;
  clear: both;
  margin-top: 5px;
}
.connect-search-form .form-group {
  float: left;
  width: 100%;
}
.connect-search-form .custom-select {
  width: 320px;
}

.connect__intro-text {
  padding: 20px 0;
}

.connect-doc__desc {
  color: #ffffff;
  font-size: 12px !important;
}

.connect-doc__wrapper {
  background: #1c2b38;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: -1px;
  position: relative;
}
@media (min-width: 900px) {
  .connect-doc__wrapper {
    float: left;
    width: 25%;
  }
}
.connect-doc__wrapper .documentDownloadLink:hover {
  text-decoration: none;
  color: #9d7949;
}

@media screen and (min-width: 768px) {
  .connect-doc__icon {
    float: left;
    text-align: left;
  }
}
.connect-doc__icon img {
  text-align: center;
  margin: 0 auto;
  height: 90px;
  width: auto;
}

.connect-doc__content {
  text-align: center;
  min-height: 65px;
}
@media screen and (min-width: 768px) {
  .connect-doc__content {
    text-align: left;
    margin-left: 50px;
  }
}
.connect-doc__content h3 {
  margin-bottom: 0;
  font-size: 16.5px;
  font-size: 1.65rem;
  font-weight: 600;
}
.connect-doc__content h3 a:hover {
  text-decoration: underline;
}
.connect-doc__content h3:after {
  display: none;
}
.connect-doc__content p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0;
  font-weight: 600;
  display: block;
}
.connect-doc__content p.connect-doc__expiry {
  font-weight: 400;
}

.connect-doc__footer {
  padding: 0;
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 100%;
}

.documentName {
  font-weight: bold;
}

.connect-doc--expired h3 {
  color: #e40426;
}
.connect-doc--expired .connect-doc__expiry {
  color: #e40426;
}
.connect-doc--expired hr {
  border-color: #e40426;
}

.connect-doc__expires {
  color: #ffffff;
  font-size: 12px !important;
}

.connect-doc--selected {
  background: #f8f8f8;
}

.connect-doc__form {
  border-top: 1px solid #eee;
  display: block;
  clear: both;
  padding: 20px 0;
  background: #FFF;
  color: #1c2b38;
}
.connect-doc__form .btn--primary--input input[type=submit] {
  padding: 0 38px 0 20px;
}
@media screen and (min-width: 768px) {
  .connect-doc__form {
    padding: 20px 0;
  }
  .connect-doc__form .btn--primary--input input[type=submit] {
    padding: 0 80px 0 20px;
  }
}
.connect-doc__form span {
  color: #1c2b38;
}
.connect-doc__form .select,
.connect-doc__form select {
  color: #555;
}
.connect-doc__form h3 {
  margin-left: 0;
  color: #1c2b38;
  font-size: 2.8rem !important;
  font-family: PompeiStd-Light, "Times New Roman", Times, serif !important;
  font-weight: 400 !important;
}
.connect-doc__form span.field-validation-error {
  color: #ff0000;
  display: none;
  float: left;
  clear: both;
}
.connect-doc__form .registration {
  margin: 0;
}
.connect-doc__form .form fieldset {
  margin-bottom: 0px;
  border: none;
  padding: 0;
}

#files {
  margin: 10px;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 150px;
}

.fileinput-button span {
  margin: 20px 20px 20px 0;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
.connect-dash__wrapper-docs .connect-dash__header .btn, .connect-dash__wrapper-docs .connect-dash__header .medium .block--general-content__footer a, .medium .block--general-content__footer .connect-dash__wrapper-docs .connect-dash__header a {
  display: block;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .connect-dash__wrapper-docs .connect-dash__header .btn, .connect-dash__wrapper-docs .connect-dash__header .medium .block--general-content__footer a, .medium .block--general-content__footer .connect-dash__wrapper-docs .connect-dash__header a {
    text-align: right;
    position: absolute;
    right: 20px;
    top: 10px;
    margin-top: 0;
  }
}

#document-block .connect-doc__wrapper {
  background: #1c2b38;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border-top: 5px solid white;
  border-right: 5px solid white;
  border-bottom: none;
  border-left: none;
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  padding: 20px;
  padding-top: 40px;
  padding-bottom: 100px;
}
#document-block .connect-doc__wrapper:nth-child(4n+4) {
  border-right: none;
}
@media only screen and (max-width: 899px) {
  #document-block .connect-doc__wrapper {
    width: 50%;
    float: left;
  }
  #document-block .connect-doc__wrapper:nth-child(4n+4) {
    border-right: 5px solid white;
  }
}
@media only screen and (max-width: 480px) {
  #document-block .connect-doc__wrapper {
    width: 100%;
  }
  #document-block .connect-doc__wrapper:nth-child(4n+4) {
    border-right: 5px solid white;
  }
}
#document-block h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-size: 20px;
  margin-bottom: 10px;
}
#document-block .connect-doc__icon {
  float: none;
  text-align: center;
  margin-bottom: 20px;
}
#document-block .connect-doc__content {
  text-align: left;
  margin-left: 0px;
}
#document-block .document-details {
  display: block;
}
#document-block .link--primary, #document-block .small .block--general-content__footer a, .small .block--general-content__footer #document-block a, #document-block .large .block--general-content__footer a, .large .block--general-content__footer #document-block a {
  font-weight: normal;
}
#document-block .link--primary, #document-block .small .block--general-content__footer a, .small .block--general-content__footer #document-block a, #document-block .large .block--general-content__footer a, .large .block--general-content__footer #document-block a,
#document-block .documentDownloadLink {
  color: #ffffff;
}
#document-block .documentDownloadLink:hover {
  text-decoration: none;
  color: #9d7949;
}
#document-block .link--primary:before, #document-block .small .block--general-content__footer a:before, .small .block--general-content__footer #document-block a:before, #document-block .large .block--general-content__footer a:before, .large .block--general-content__footer #document-block a:before {
  background: url(../images/icons/icon-cta.png) 0 0 no-repeat;
}
#document-block .fileinput-button {
  background: url(../images/icons/icon-cta.png) 0 0 no-repeat;
}

.doc_upload label {
  width: 100%;
}

.HDP-Percentage {
  display: none;
}

.chartWrapper {
  height: 250px;
}

.interim-profile__img {
  float: left;
  padding: 30px 0 25px 0;
  width: 50px;
}
@media screen and (min-width: 768px) {
  .interim-profile__img {
    width: 130px;
    margin-left: 28px;
  }
}
.interim-profile__img img {
  border: 1px solid #fff;
}

.interim-profile__details {
  position: relative;
  max-width: 320px;
  padding: 30px 0;
  margin-left: 60px;
}
@media screen and (min-width: 768px) {
  .interim-profile__details {
    margin-left: 20px;
    float: left;
  }
}
.interim-profile__details p, .interim-profile__details a {
  margin-bottom: 10px;
  padding-bottom: 0;
}
.interim-profile__details a {
  display: block;
}

.interim-profile__name {
  font-family: PompeiStd-Light, "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: 25px;
  font-size: 2.5rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

p.interim-profile__role {
  font-size: 19.5px;
  font-size: 1.95rem;
}

.interim-profile__charts {
  width: 100%;
  clear: both;
}
@media screen and (min-width: 1000px) {
  .interim-profile__charts {
    border-top: 1px solid #eee;
    float: right;
    display: inline;
    width: 45%;
    clear: none;
    border-right: 0;
    border-top: 0;
  }
}
.interim-profile__charts .connect-dash-chart__content {
  border-top: 1px solid #eee;
}
@media screen and (min-width: 1000px) {
  .interim-profile__charts .connect-dash-chart__content {
    border-top: 0 none;
    border-bottom: 0 none;
    border-right: 0;
  }
}
.interim-profile__charts .connect-dash-chart__content p {
  font-size: 13px;
  margin: -7px 0 0 23px;
}

.connect-profile__wrapper fieldset {
  margin-bottom: 40px;
}

.connect-partial__form {
  display: none;
  clear: both;
}
.connect-partial__form .form-group {
  clear: both;
  float: left;
  width: 100%;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .connect-partial__form .form-group label {
    width: 315px;
    display: inline-block;
  }
}
.connect-partial__form .form-group--checkbox p, .connect-partial__form .form-group--radio p {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .connect-partial__form .form-group--checkbox p, .connect-partial__form .form-group--radio p {
    width: 30%;
  }
}
.connect-partial__form .form-group--checkbox label, .connect-partial__form .form-group--radio label {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .connect-partial__form .form-group--checkbox label, .connect-partial__form .form-group--radio label {
    width: 50%;
  }
}
.connect-partial__form .form-item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .connect-partial__form .form-item {
    width: 340px;
    display: inline-block;
  }
}

.connect-partial__edit {
  margin: 30px 0 30px 0;
  float: left;
  clear: both;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .connect-profile__interests .form-item {
    width: 70%;
  }
}
.connect-profile__interests .form-item label {
  height: auto !important;
  line-height: 25px !important;
}
@media screen and (min-width: 768px) {
  .connect-profile__interests .form-item label {
    width: 45% !important;
    float: left;
    height: 45px !important;
    line-height: 45px !important;
  }
}

.account-info .form-group label, .account-info .form-group .form-label {
  display: inline-block;
  width: 30%;
}

/*------------------------------------*\
    $NON-MODULAR
\*------------------------------------*/
/**
 * template-specific/temporary pages etc.
 */
/*------------------------------------*\
    $T01-INDEX
\*------------------------------------*/
/*------------------------------------*\
    $T6-assignment-details
\*------------------------------------*/
.assignment-details__header {
  margin-bottom: 50px;
}
.assignment-details__header .btn-save-assignment {
  margin-left: 20px;
}

.assignment-details__title {
  border-bottom: solid 1px #eee;
  padding-bottom: 20px;
  margin-bottom: 30px;
  padding-left: 20px;
}

.assignment-details__content {
  margin-bottom: 30px;
  padding-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
.assignment-details__content p, .assignment-details__content h5 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.assignment-details__content + .block-area {
  padding-left: 20px;
}

.assignment-details__table td {
  padding: 9px 20px 9px 0;
  text-align: left;
  border: 0 none;
  font-weight: 400;
  word-break: break-all;
}
.assignment-details__table td.txt-bold {
  font-weight: 700;
}

@media screen and (min-width: 900px) {
  .register-template .secondary-nav {
    border-bottom: 0;
  }
  .register-template .block--register--large {
    margin-top: -14px;
  }
  .register-template .block--register__header {
    padding-bottom: 13px;
  }
}
.small {
  min-height: 160px;
}

.validate-form {
  padding-left: 20px;
}
.validate-form .form-item {
  display: inline-block;
  width: 100%;
}

.validate-continue {
  float: right;
  margin-bottom: 20px;
}

/*------------------------------------*\
    $TEMP FIXES
\*------------------------------------*/
.blockarea .block.small {
  width: 100%;
  padding: 0;
}

/*------------------------------------*\
    $PRINT
\*------------------------------------*/
/**
 * print style
 */
/*------------------------------------*\
    $PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, .header-nav__search a:after, .header-nav__logged-in .profile 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;
  }
}

/*# sourceMappingURL=master.css.map */