@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;  }



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, .list--offices { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li, .list--offices > 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, .list--offices { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li, .list--offices > li { list-style: none; }



.content--news, .content--events, .search > ul, .list--offices { width: 100%; font-family: "NoSpace"; }

.content--news > li, .content--events > li, .search > ul > li, .list--offices > li { font-family: Roboto, sans-serif; display: inline-block; vertical-align: top; }



.content--news > li, .content--events > li, .search > ul > li, .list--offices > li { width: 49%; margin-bottom: 1.4%; }

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

    .content--news > li, .content--events > li, .search > ul > li, .list--offices > 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), .list--offices > 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), .list--offices > li:nth-child(odd) { margin-right: 0%; }
}



/** Buttons Base **/

/** Homepage Section Overviews **/

/** Interior Page Header **/

/** 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;  }



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, .list--offices { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li, .list--offices > 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: 2%; }

@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; text-decoration: none !important; }

.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, .list--offices { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li, .list--offices > 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; }

h3 { font-size: 2.6em; line-height: 1.3em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; color: #595959; margin-bottom: 10px; }



.list--offices > li { background: #003764; }

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

    .list--offices > li { margin-left: 0% !important; padding-right: 0% !important; margin-bottom: 3% !important; }
}

.list--offices > li > div.image { height: 200px; float: left; padding-right: 5%; overflow: hidden; }

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

    .list--offices > li > div.image { width: 100%; padding-right: 0%; margin-bottom: 5%; }
}

.list--offices > li > div.image > img { height: 100%; width: auto; float: left; margin-right: 2%; }

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

    .list--offices > li > div.image > img { height: auto; width: 100%; }
}

.list--offices > li h4 { font: 1.4em Sentinel Ssm A, Sentinel Ssm B, serif; color: white; padding: 17px 0 10px; display:inline-block; }

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

    .list--offices > li h4 { margin-left: 10px; }
}

.list--offices > li > p { color: white; margin-bottom: 10px; line-height: 1.2em; }

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

    .list--offices > li > p { margin-left: 10px; }
}

.list--offices .officePhone { color:#FFFFFF; }

.list--offices > li a { color: #DDD; }

.list--offices > li a:hover { color: white; }