@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);

@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);

@font-face {

  font-family: 'NoSpace';

  font-weight: normal;

  font-style: normal;

  src: url("/assets/fonts//zerowidthspaces.eot");

  src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg");

}

/**

 * Media Queries

 * Media Queries for global elements based on screen variants:

 */

@font-face {

  font-family: 'NoSpace';

  font-weight: normal;

  font-style: normal;

  src: url("/assets/fonts//zerowidthspaces.eot");

  src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg");

}

/**

 * Media Queries

 * Media Queries for global elements based on screen variants:

 */

p {

  margin: 0 0 24px;

}



a {

  color: #578270;

  text-decoration: none;

}

a:hover {

  color: #4B4B4B;

}

a:active, a:focus {

  color: #4B4B4B;

  outline: none;

}



hr {

  border-bottom: 1px solid #DDD;

  border-left: none;

  border-right: none;

  border-top: none;

  margin: 24px 0;

}



img,

video {

  margin: 0;

  max-width: 100%;

  height: auto;

}



abbr, acronym {

  border-bottom: 1px dotted #DDD;

  cursor: help;

}



address {

  display: block;

  margin: 0 0 12px;

}



hgroup {

  margin-bottom: 12px;

}



del {

  color: #717171;

}



blockquote {

  border: 0 none;

  color: #595959;

  margin: 0 0 24px 24px;

}

@media screen and (min-width: 48em) {

  blockquote {

    border-left: 3px solid #DDD;

    padding-left: 36px;

  }

}



cite {

  color: #8b8b8b;

  font-style: italic;

}

cite:before {

  content: '\2014 \00A0';

}



input, textarea {

  -webkit-appearance: none;

  -webkit-border-radius: 0;

}



/**

 * Heading groups and generic any-heading class.

 * To target any heading of any level simply apply a class of `.hN`, e.g.:

 *

   <hgroup>

       <h1 class=hN>inuit.css</h1>

       <h2 class=hN>Best. Framework. Ever!</h2>

   </hgroup>

 *

 */

hgroup .hN {

  margin-bottom: 0;

}



/**

 * A series of classes for setting massive type; for use in heroes, mastheads,

 * promos, etc.

 */

/*------------------------------------*\

    $SMALLPRINT

\*------------------------------------*/

/**

 * A series of classes for setting tiny type; for use in smallprint etc.

 */

.content--news, .content--events, .search > ul {

  margin: 0;

  padding: 0;

}

.content--news > li, .content--events > li, .search > ul > li {

  list-style: none;

}



/** ClearFix **/

.professionals-listing > li, .search--container .dropdown-wrapper {

  zoom: 1;

}

.professionals-listing > li:before, .search--container .dropdown-wrapper:before, .professionals-listing > li:after, .search--container .dropdown-wrapper:after {

  content: "";

  display: table;

  height: 0;

  overflow: hidden;

  clear: both;

}



.content--news, .content--events, .search > ul {

  margin: 0;

  padding: 0;

}

.content--news > li, .content--events > li, .search > ul > li {

  list-style: none;

}



.content--news, .content--events, .search > ul {

  width: 100%;

  font-family: "NoSpace";

}

.content--news > li, .content--events > li, .search > ul > li {

  font-family: Roboto, sans-serif;

  display: inline-block;

  vertical-align: top;

}



.content--news > li, .content--events > li, .search > ul > li {

  width: 49%;

  margin-bottom: 1.4%;

}

@media all and (max-width: 48em) {

  .content--news > li, .content--events > li, .search > ul > li {

    width: 100%;

    float: none;

    margin-left: 23px !important;

  }

}

.content--news > li:nth-child(odd), .content--events > li:nth-child(odd), .search > ul > li:nth-child(odd) {

  margin-right: 1%;

  padding-right: 2.5%;

}

@media all and (max-width: 48em) {

  .content--news > li:nth-child(odd), .content--events > li:nth-child(odd), .search > ul > li:nth-child(odd) {

    margin-right: 0%;

  }

}



/** Buttons Base **/

.content--featured a.btn__view__inverted, .btn--view { display: inline-block; text-transform: uppercase; padding: 8px 12px; color: white; background: #989181; font-weight: 600; font-family: Roboto Condensed, sans-serif; margin: 20px 0; text-decoration: none !important; }



.content--featured a.btn__view__inverted {

  background: transparent;

  color: black;

  border: 2px solid black;

}



/** Homepage Section Overviews **/

/** Interior Page Header **/

.content--grid > h1 {

  font: 2.6em/1.3em Sentinel Ssm A, Sentinel Ssm B, serif;

  margin-bottom: 10px;

  color: #595959;

}



/** Interior Page Title **/

.content--section > h4 {

  font: 1.875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif;

  font-size: 1.75rem;

  line-height: 1em;

  font-family: Sentinel Ssm A, Sentinel Ssm B, serif;

  margin-bottom: 15px;

}



.content--section {

  margin-bottom: 1.5em;

}



.listing {

  list-style: none;

  padding: 0;

  margin: 0;

}

.listing > li {

  margin-bottom: 1.5rem;

}



.listing__title {

  font: 1.35rem/1.2em Sentinel Ssm A, Sentinel Ssm B, serif;

  font-size: 1.35rem;

  line-height: 1.2em;

  font-family: Sentinel Ssm A, Sentinel Ssm B, serif;

  margin-bottom: 0px;

}



.listing__date {

  font-size: 0.8em;

  font-weight: 700;

  color: #999999;

}



.listing__tag {

  font-style: italic;

}

.listing__tag a {

  color: #999999 !important;

}

.listing__tag a:hover {

  color: black;

}



/** Social Icon Mixin **/

p {

  margin: 0 0 24px;

}



a {

  color: #578270;

  text-decoration: none;

}

a:hover {

  color: #4B4B4B;

}

a:active, a:focus {

  color: #4B4B4B;

  outline: none;

}



hr {

  border-bottom: 1px solid #DDD;

  border-left: none;

  border-right: none;

  border-top: none;

  margin: 24px 0;

}



img,

video {

  margin: 0;

  max-width: 100%;

  height: auto;

}



abbr, acronym {

  border-bottom: 1px dotted #DDD;

  cursor: help;

}



address {

  display: block;

  margin: 0 0 12px;

}



hgroup {

  margin-bottom: 12px;

}



del {

  color: #717171;

}



blockquote {

  border: 0 none;

  color: #595959;

  margin: 0 0 24px 24px;

}

@media screen and (min-width: 48em) {

  blockquote {

    border-left: 3px solid #DDD;

    padding-left: 36px;

  }

}



cite {

  color: #8b8b8b;

  font-style: italic;

}

cite:before {

  content: '\2014 \00A0';

}



input, textarea {

  -webkit-appearance: none;

  -webkit-border-radius: 0;

}



/**

 * Heading groups and generic any-heading class.

 * To target any heading of any level simply apply a class of `.hN`, e.g.:

 *

   <hgroup>

       <h1 class=hN>inuit.css</h1>

       <h2 class=hN>Best. Framework. Ever!</h2>

   </hgroup>

 *

 */

hgroup .hN {

  margin-bottom: 0;

}



/**

 * A series of classes for setting massive type; for use in heroes, mastheads,

 * promos, etc.

 */

/*------------------------------------*\

    $SMALLPRINT

\*------------------------------------*/

/**

 * A series of classes for setting tiny type; for use in smallprint etc.

 */

.content--news, .content--events, .search > ul {

  margin: 0;

  padding: 0;

}

.content--news > li, .content--events > li, .search > ul > li {

  list-style: none;

}



.wrapper--featured > span {

  font: bold 0.9em Roboto Condensed, sans-serif;

}

.wrapper--featured > h3 {

  font: 1.9em Sentinel Ssm A, Sentinel Ssm B, serif;

  margin-bottom: 40px;

}

.wrapper--featured > h3 > a {

  color: #FFF;

}

.wrapper--featured p {

  font-style: italic;

  margin-bottom: 0;

}



.content--news > li:nth-child(odd), .content--events > li:nth-child(odd) {

  margin-right: 1.5%;

}

@media all and (max-width: 48em) {

  .content--news > li, .content--events > li {

    margin-left: 0px !important;

  }

}

.content--news > li > span.industryicon, .content--events > li > span.industryicon {

  font: 0.9em Roboto Condensed, sans-serif;

  float: left;

  padding-left: 0px;

}

.content--news > li > span, .content--events > li > span {

  padding-left: 11%;

}

@media all and (max-width: 64em) {

  .content--news > li > span, .content--events > li > span {

    padding-left: 20%;

  }

}

@media all and (max-width: 48em) {

  .content--news > li > span, .content--events > li > span {

    padding-left: 22%;

  }

}

.content--news > li > h3, .content--events > li > h3 {

  font: 1.9em Sentinel Ssm A, Sentinel Ssm B, serif;

  padding-left: 11%;

}

@media all and (max-width: 64em) {

  .content--news > li > h3, .content--events > li > h3 {

    padding-left: 20%;

  }

}

@media all and (max-width: 48em) {

  .content--news > li > h3, .content--events > li > h3 {

    padding-left: 22%;

  }

}

.content--news > li > h3 > a, .content--events > li > h3 > a {

  color: #003764;

}

.content--news > li > h3:before, .content--events > li > h3:before {

  background-color: #003764;

  border-radius: 50%;

  content: "";

  width: 65px;

  height: 65px;

  position: absolute;

  left: -27px;

  top: 5px;

  z-index: 2;

}

@media all and (max-width: 64em) {

  .content--news > li > h3:before, .content--events > li > h3:before {

    left: 1px;

  }

}

.content--news > li p, .content--events > li p {

  font-style: italic;

  margin-bottom: 0;

  padding-left: 11%;

}

@media all and (max-width: 64em) {

  .content--news > li p, .content--events > li p {

    padding-left: 20%;

  }

}

@media all and (max-width: 48em) {

  .content--news > li p, .content--events > li p {

    padding-left: 22%;

  }

}



.content--news > li, .content--events > li, .content--events > li {

  margin-bottom: 7%;

}



.professionals-listing {

  list-style: none;

  padding-left: 0px;

}

.professionals-listing > li {

  padding-bottom: 4%;

}

.professionals-listing > li div {

  width: 32%;

  padding-right: 2%;

  float: left;

}

@media all and (max-width: 48em) {

  .professionals-listing > li div {

    width: 56%;

  }

}

.professionals-listing > li div img {

  width: 100%;

}

.professionals-listing > li div.professionals-image {

  width: 20%;

}

@media all and (max-width: 48em) {

  .professionals-listing > li div.professionals-image {

    width: 40%;

    min-height: 100px;

  }

}

.professionals-listing > li div.offices {

  width: 16%;

  padding-right: 0%;

}

@media all and (max-width: 48em) {

  .professionals-listing > li div.offices {

    width: 56%;

  }

}



.content--news, .content--events, .search > ul {

  margin: 0;

  padding: 0;

}

.content--news > li, .content--events > li, .search > ul > li {

  list-style: none;

}



.search--container {

  background: #578270;

}



.search > ul {

  padding: 3em;

}



.form--label {

  position: absolute;

  overflow: hidden;

  top: 0;

  right: 0;

  padding: 5px 3px;

  width: 50px;

  display: inline-block;

  background: #c1e1d4;

  text-indent: -100px;

  -webkit-transform: translate3d(0, 0, 3);

          transform: translate3d(0, 0, 3);

  z-index: 3;

  cursor: pointer;

}

.form--label::after, .form--label:after {

  margin-top: .1em;

  content: "\f002";

  font: 1.8em/1.3em "FontAwesome";

  color: #578270;

  padding: 0;

  display: inline-block;

  text-indent: 58px;

}

.form--label:hover::after, .form--label:hover:after {

  color: #4a917b;

}

.form--label.close::after, .form--label.close:after {

  content: "\f00d";

}



.filter--btns--group {

  position: relative;

  margin-top: 40px;

  margin-left: 0.5%;

  margin-right: 1%;

}

.filter--btns--group > button {

  padding: .575em .7em;

  text-transform: uppercase;

  color: #c1e1d4;

  background: #578270;

  border: 2px solid #c1e1d4;

  float: right;

  margin-left: 10px;

  font-family: Roboto Condensed, sans-serif;

  font-weight: bold;

}

.filter--btns--group > button:hover {

  background: #c1e1d4;

  color: #456859;

}

.filter--btns--group > button + button {

  border: none;

  padding: .7em .8em;

  background: #46685a;

}

.filter--btns--group > button + button:hover {

  background: #8db2a3;

  color: #2c4138;

}

.filter--btns--group > a {

  text-transform: uppercase;

  font-family: Roboto Condensed, sans-serif;

  font-weight: bold;

  color: #c1e1d4;

}

.filter--btns--group > a:before {

  content: "+";

}

.filter--btns--group > a.expanded:before {

  content: "-";

}



.search--container .form--item:before, .search--container .form--item:after {

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  right: 16px;

  border-style: solid;

  border-width: 10px 10px 0 10px;

}



.search--container ::-webkit-input-placeholder {

  color: #578270;

}

.search--container :-moz-placeholder {

  /* FF 4-18 */

  color: #578270;

}

.search--container ::-moz-placeholder {

  /* FF 19+ */

  color: #578270;

}

.search--container :-ms-input-placeholder {

  /* IE 10+ */

  color: #578270;

}

.search--container.green {

  background: #578270;

}

.search--container .btn {

  float: right;

  background: #4d7363;

  color: #c1e1d4;

  border: none;

  margin-left: .5em;

  padding: .5em;

  text-transform: uppercase;

}

.search--container .btn:first-child {

  margin-left: 0;

}

.search--container .btn:hover {

  background: white;

  color: #4d7363;

}

.search--container .dropdown-wrapper {

  position: relative;

}

.search--container .dropdown-wrapper input {

  height: 33px;

  width: 100%;

  padding: 0 .5em;

  border: none;

  background: #c1e1d4;

}

.search--container .dropdown-wrapper input::after, .search--container .dropdown-wrapper input:after {

  content: "\f002";

  position: absolute;

  top: 40%;

  left: 15px;

  font-family: "FontAwesome";

}

.search--container .dropdown-wrapper .form--block {

  width: 22.9%;

  vertical-align: top;

  margin-left: 0;

  margin-top: .95%;

  display: inline-block;

  height: 51px;

  position: relative;

}

.search--container .dropdown-wrapper .form--block > label {

  position: absolute;

  height: 51px;

  right: 0;

}

@media all and (max-width: 48em) {

  .search--container .dropdown-wrapper .form--block {

    width: 47%;

    margin-left: 0.5%;

    margin-right: 0.5%;

  }

}

@media all and (max-width: 30em) {

  .search--container .dropdown-wrapper .form--block {

    width: 97%;

    margin-left: 0.5%;

    margin-right: 0.5%;

  }

}

.search--container .dropdown-wrapper .form--block .form--items > input {

  display: inline-block;

  background: #c1e1d4;

  border: 0 none;

  color: #578270;

  font-size: 1.4em;

  font-family: sans-serif;

  padding: 10px 30px 10px 0.8em;

  width: 100%;

  margin-left: .8%;

  border: 0 none;

  height: 46px;

}

.search--container .dropdown-wrapper .form--block .form--btn {

  border: 0;

  position: absolute;

  top: 0;

  right: 0;

  opacity: 0;

  background: transparent;

  height: 51px;

}

.search--container .dropdown-wrapper .input-search {

  width: 25%;

  float: left;

  font-family: "FontAwesome";

}

.search--container .dropdown-wrapper .input-search:before {

  content: "\f002";

  border: none;

  width: 1.2em;

  height: 1.2em;

  position: absolute;

  top: 20%;

  right: 7px;

  background-color: transparent;

  position: absolute;

}

.search--container .dropdown-wrapper .input-search:after {

  display: none;

}

.search--container .form--item {

  vertical-align: top;

  cursor: pointer;

  position: relative;

  width: 24.32%;

  display: inline-block;

  padding: .4em .4em .4em .8em;

  margin-left: .95%;

  margin-top: .95%;

  color: #578270;

  background: #c1e1d4;

  font-size: 1.4em;

  font-family: sans-serif;

}

@media all and (max-width: 48em) {

  .search--container .form--item {

    width: 47%;

  }

}

@media all and (max-width: 30em) {

  .search--container .form--item {

    width: 97%;

  }

}

.search--container .form--item:hover {

  background: #b0d9c8;

}

.search--container .form--item:hover:after {

  border-color: #b0d9c8 transparent;

}

.search--container .form--item.active {

  padding-bottom: 30px;

}

.search--container .form--item.first {

  margin-left: 0.5%;

}

.search--container .form--item:before, .search--container .form--item:after {

  right: 16px;

}

.search--container .form--item:before {

  top: 45%;

  border-color: #578270 transparent;

}

.search--container .form--item:after {

  top: 38%;

  border-color: #c1e1d4 transparent;

}

.search--container .search {

  background: #c1e1d4;

  margin-left: 0.5%;

  overflow: visible;

  display: block;

  transition: height 0.3s;

}

@media all and (max-width: 48em) {

  .search--container .search {

    width: 95.5%;

    margin-left: 0.95%;

  }

}

@media all and (max-width: 30em) {

  .search--container .search {

    width: 97%;

    margin-left: 0.95%;

  }

}

.search--container .search ul {

  display: block;

}

.search--container .search li {

  line-height: 1.4;

  margin-left: 2%;

  width: 47%;

  position: relative;

}

@media all and (max-width: 30em) {

  .search--container .search li {

    width: 100%;

  }

}

.search--container .search a {

  font-size: 1em;

  text-decoration: none;

  color: #578270;

  padding: .2em 0;

}

.search--container .search a:hover {

  color: #595959;

}

.search--container .search a.active {

  color: #595959;

}

.search--container .search a.active:before {

  background: #595959;

  text-align: center;

  font-size: 12px;

  vertical-align: middle;

  width: 16px;

  height: 16px;

  color: #c1e1d4;

  content: "X";

  border-radius: 50%;

  position: absolute;

  left: -20px;

  top: 3px;

}

.search--container .search.hidden {

  overflow: hidden;

  height: 0px;

  transition: height 0.3s;

}

.search--container .search.hidden ul {

  display: none;

}



.open-search {

  background: #578270;

  cursor: pointer;

  position: absolute;

  left: 4%;

  font-family: Roboto Condensed, sans-serif;

  color: white;

  padding: 0.2em .5em;

  text-transform: uppercase;

}

.open-search:before {

  content: "\f067";

  font-family: FontAwesome;

  color: white;

  margin-right: 5px;

}

.open-search:hover.active {

  content: "\f068";

}

.open-search:hover:before {

  color: #595959;

}



@font-face {

  font-family: selection-icons;

  src: url("/assets/fonts/selection/selection-icons.eot?6cw4ey");

  src: url("/assets/fonts/selection/selection-icons.eot?#iefix6cw4ey") format("embedded-opentype"), url("/assets/fonts/selection/selection-icons.woff?6cw4ey") format("woff"), url("/assets/fonts/selection/selection-icons.ttf?6cw4ey") format("truetype"), url("/assets/fonts/selection/selection-icons.svg?6cw4ey#selection-icons") format("svg");

  font-weight: normal;

  font-style: normal;

}

.gray-box {

  background: #e6e6e6;

}



.wrapper--featured {

  position: absolute;

  right: 0;

  left: 60%;

  top: 0;

  bottom: 5px;

  padding: 2em;

  background: #003764;

  background: rgba(0, 55, 100, 0.7);

}

@media all and (max-width: 48em) {

  .wrapper--featured {

    position: relative;

    left: 0;

  }

}



.content--featured {

  width: 100%;

  margin-bottom: 50px;

  color: white;

  position: relative;

}

.content--featured a.btn__view__inverted {

  color: white;

  border: 2px solid white;

  font-weight: 600;

}

.content--featured a.btn__view__inverted img {

  width: 100%;

}

.content--featured a.btn__view__inverted:hover {

  background-color: #003764;

}



.content--grid .content--news li, .content--grid .content--events li {

  position: relative;

}

.content--grid .content--news li svg, .content--grid .content--events li svg {

  width: 40px;

  position: absolute;

  left: -14px;

  top: 17px;

  height: 40px;

  z-index: 10;

}

.content--grid .content--news li svg path, .content--grid .content--events li svg path {

  fill: #fff;

}

@media all and (max-width: 64em) {

  .content--grid .content--news li svg, .content--grid .content--events li svg {

    left: 13px;

  }

}

.content--grid .content--news li a:hover, .content--grid .content--events li a:hover {

  color: #2B5B83;

}

.content--grid .content--news li span.indicator, .content--grid .content--events li span.indicator {

  margin-left: 5px;

}

.content--grid .content--news li span.indicator img, .content--grid .content--events li span.indicator img {

  width: 25px;

}



.btn--view { text-align: center; display: table; background: #003764; font-size: 0.85em; margin: 20px auto; color: #7598B4; transition: color 0.8s; text-decoration: none !important; }

.btn--view:hover {

  color: #fff;

}



.search--container .content {

  padding-bottom: 45px;

}



@media all and (max-width: 48em) {

  .search--container .dropdown-wrapper .form--item.active {

    padding-bottom: 0.4em !important;

  }

}

@media screen and (min-width: 64em) {

  .search--container .dropdown-wrapper .form--item {

    position: absolute;

    top: 0px;

  }

}

@media screen and (min-width: 48em) {

  .search--container .dropdown-wrapper .form--item[data-id="industry"] {

    left: 23.4%;

  }

}

@media screen and (min-width: 48em) {

  .search--container .dropdown-wrapper .form--item[data-id="practice"] {

    left: 49%;

  }

}

@media screen and (min-width: 48em) {

  .search--container .dropdown-wrapper .form--item[data-id="type"] {

    left: 74.7%;

  }

}

@media all and (max-width: 48em) {

  .search--container .dropdown-wrapper .form--item {

    width: 98%;

    position: relative;

    left: 0 !important;

  }

}

@media all and (max-width: 48em) {

  .search--container .dropdown-wrapper .form--block {

    width: 98%;

    position: relative;

  }

}

@media screen and (min-width: 80em) {

  .search--container .dropdown-wrapper .search {

    top: 17px;

    position: relative;

  }

}

@media all and (max-width: 48em) {

  .search--container .dropdown-wrapper .search {

    width: 98%;

    position: relative;

  }

}

@media all and (max-width: 30em) {

  .search--container .dropdown-wrapper .search ul {

    padding: 1em 3em;

  }

}



@media all and (max-width: 30em) {

  .filter--btns--group {

    margin-top: 20px;

  }

}



.form--criteria {

  margin-bottom: 20px;

  margin-left: 10px;

}



div.search ul {

  list-style: none;

}

div.search a.non-option {

  color: #595959;

  cursor: context-menu;

}



div.wrapper--featured h3 {

  margin-right: 2%;

}