@charset "UTF-8";

/* ==========================================================================

   IMPORTS

   ========================================================================== */

/*

   Dependencies and 3rd-Party Frameworks  

   ========================================================================== */

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

/* ==========================================================================

   Normalize.scss settings

   ========================================================================== */

/**

 * Includes legacy browser support IE6/7

 *

 * Set to false if you want to drop support for IE6 and IE7

 */

/* ==========================================================================

   HTML5 display definitions

   ========================================================================== */

/*

 * Corrects `block` display not defined in IE 8/9.

 */

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

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }



/**

 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

 */

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



/**

 * Prevents modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */

audio:not([controls]) { display: none; height: 0; }



/**

 * Address styling not present in IE 8/9.

 */

[hidden] { display: none; }



/* ==========================================================================

   Base

   ========================================================================== */

/**

 * 1. Set default font family to sans-serif.

 * 2. Prevent iOS text size adjust after orientation change, without disabling

 * 3.Corrects text resizing oddly in IE 6/7 when body `font-size` is set using

 *    `em` units.

 */

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }



/**

 * Remove default margin.

 */

body { margin: 0; }



/* ==========================================================================

   Links

   ========================================================================== */

/**

 * Address `outline` inconsistency between Chrome and other browsers.

 */


/* ==========================================================================

   Typography

   ========================================================================== */

/**

 * Addresses font sizes and margins set differently in IE 6/7.

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari 5, and Chrome.

 */

h1 { font-size: 2em; margin: 0.67em 0; }



/**

 * Address styling not present in IE 8/9, Safari 5, and Chrome.

 */

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



/**

 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.

 */

b,
strong { font-weight: bold; }



/**

 * Address styling not present in Safari 5 and Chrome.

 */

dfn { font-style: italic; }



/**

 * Address differences between Firefox and other browsers.

 */

hr { box-sizing: content-box; height: 0; }



/**

 * Addresses styling not present in IE 8/9.

 */

mark { background: #ff0; color: #000; }



/**

 * Addresses margins set differently in IE 6/7.

 */

/**

 * Correct font family set oddly in Safari 5 and Chrome.

 */

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



/**

 * Improve readability of pre-formatted text in all browsers.

 */

pre { white-space: pre-wrap; }



/**

 *  Set consistent quote types.

 */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }



/**

 * Address inconsistent and variable font size in all browsers.

 */

small { font-size: 80%; }



/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

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



sup { top: -8px; }



sub { bottom: -0.25em; }



/* ==========================================================================

   Embedded content

   ========================================================================== */

/**

 * 1. Remove border when inside `a` element in IE 8/9.

 * 2. Improves image quality when scaled in IE 7.

 */

img { border: 0; }



/**

 * Correct overflow displayed oddly in IE 9.

 */

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



/* ==========================================================================

   Figures

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari 5.

 */

figure { margin: 0; }



/* ==========================================================================

   Forms

   ========================================================================== */

/**

 * Define consistent border, margin, and padding.

 */

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }



/**

 * 1. Correct `color` not being inherited in IE 8/9.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 * 3. Corrects text not wrapping in Firefox 3.

 * 4. Corrects alignment displayed oddly in IE 6/7.

 */

legend { border: 0; /* 1 */ padding: 0; /* 2 */ }



/**

 * 1. Correct font family not being inherited in all browsers.

 * 2. Correct font size not being inherited in all browsers.

 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.

 * 4. Improves appearance and consistency in all browsers.

 */

button,
input,
select,
textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }



/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

button,
input { line-height: normal; }



/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.

 * Correct `select` style inheritance in Firefox 4+ and Opera.

 */

button,
select { text-transform: none; }



/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 * 4. Removes 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],
html 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. Removes 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 */ }



/**

 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }



/**

 * Remove inner padding and search cancel button in Safari 5 and Chrome

 * on OS X.

 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



/**

 * Remove inner padding and border in Firefox 4+.

 */

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



/**

 * 1. Remove default vertical scrollbar in IE 8/9.

 * 2. Improve readability and alignment in all browsers.

 */

textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }



/* ==========================================================================

   Tables

   ========================================================================== */

/**

 * Remove most spacing between table cells.

 */

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



/**

 * Libraries or frameworks which are required for or used by other modules

 *

 * Import the grid-settings before importing Neat

 * There are settings specified in the grid-settings file that are

 * required by Neat and should be specified before Neat is included

 */

@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.

 */

footer .content--grid .social--container > ul ul { margin: 0; padding: 0; }

footer .content--grid .social--container > ul ul > li { list-style: none; }



/** ClearFix **/

footer .content--grid .social--container > ul ul { margin: 0; padding: 0; }

footer .content--grid .social--container > ul ul > li { list-style: none; }



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

.content--section a {
    text-decoration: underline;
}

.professionals-listing a { text-decoration: none !important; }


.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__title a {text-decoration:none !important;}


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



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.

 */

footer .content--grid .social--container > ul ul { margin: 0; padding: 0; }

footer .content--grid .social--container > ul ul > li { list-style: none; }



/**

 * Specfic Module Styles :: Main

 * All Resloutions and HIPDIs are included in

 * this file.

 */

*, *:before, *:after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { font-size: 100%; font-size: 1em; font-family: sans-serif; }

body { color: #4B4B4B; font-family: Roboto, sans-serif; font-size: 1em; line-height: 1.5; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; text-rendering: optimizeLegibility; margin: 0; }

/* custom */
h7 { margin: 0; font-size: 18px; }

html,
body { background-color: white; height: 100%; }



html { font-family: Roboto, sans-serif; }



a { color: #578270; text-decoration: none; }



a[href='javascript:nolink(0);'], a[href='javascript:nolink(0)']:hover { cursor: text; }



input:focus,
select:focus,
textarea:focus,
button:focus,
[contenteditable="true"]:focus {  }



.is-hidden { display: none; }



progress { display: none; }



.blockquote { color: #547d6c; margin: 15px 0px 15px 15px; display: block !important; line-height: 1; font-size: 1.25em; }

.blockquote:before { font-family: "FontAwesome"; content: "\f10d"; vertical-align: super; margin-right: 3px; }

.blockquote:after { font-family: "FontAwesome"; content: "\f10e"; vertical-align: super; margin-left: 3px; }



.content--search--toggle { padding: 0 3.125% 0; font-family: Roboto Condensed, sans-serif; }

.content--search--toggle .form-search-more { background: #578270; display: inline-block; padding: 0 9px 2px; }

.content--search--toggle .form-search-more a { color: #60ae96; font-weight: bold; }


.js-iframe-videowrap {position:relative;width:100%;padding-bottom:56.25%;}
.js-iframe-videowrap iframe {position:absolute;width:100%;height:100%;top:0;left:0;}


.offset--left { transition: all .2s ease; }

.offset--left #navigation__btn.offset--left, .offset--left #core { margin-left: 270px; transition: all .2s ease; }

.offset--left #navigation__btn.offset--left:after { content: "\f00d"; }

.offset--left .navigation--container__mobile { left: 0; transition: all .2s ease; }

.offset--left .navigation--container__mobile #search-btn-mobile { height: 40px; }

.office-contact-appointment-label { font-size: .8em}

#navigation__btn {
    position: fixed;
    display: inline-block;
    width: 100%;
    height: 40px;
    background: #e6e6e6;
    z-index: 9;
    -webkit-transform: translate3d(0, 0, 4px);
    transform: translate3d(0, 0, 4px);
    cursor: pointer;
    color: #999999;
}

#navigation__btn.offset--left { margin-left: 0px; }

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

    #navigation__btn { display: none; }
}

#navigation__btn::after, #navigation__btn:after { content: "\f0c9"; font-family: "FontAwesome"; font-size: 1.5rem; padding: 1.5px 15px; text-align: center; display: inline-block; width: 48px; margin-left: 0px; }



#core { transition: all .2s ease; z-index: 0; position: absolute; left: 0; width: 100%; overflow: hidden; }

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

    #core { position: relative; width: auto; }
}

#core.offset--left { left: 270px; }

#core > h2 { padding: 10px 0; background: #578270; color: #b5d9ce; font-family: Roboto Condensed, sans-serif; font-weight: 500; text-align: center; font-size: 1.5em; text-transform: uppercase; }

#core > h2.is-sticky { width: 100%; z-index: 19; }

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

    #core > h2.is-sticky { margin-top: 115px; position: fixed; }
}

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

    #core > h2 { font-size: 2.6em; }
}



section.below-sticky { position: relative; margin-top: 0px; }

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

    section.below-sticky { margin-top: 189px; }
}



.content { position: relative; padding-top: 1px; margin: 0 auto; overflow: hidden; max-width: 72.125em; }

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

    .content { padding: 45px 3.125% 95px; }
}

.content .page-tools { position: relative; float: right; color: #8a8a8a; }

.content .page-tools .share { float: left; padding: 5px; cursor: pointer; }

.content .page-tools .share:hover, .content .page-tools .share.open { color: #003764; }

.content .page-tools .share i { padding-left: 5px; }

.content .page-tools .pdf { float: left; padding: 5px; cursor: pointer; }

.content .page-tools .pdf a { color: #8a8a8a; }

.content .page-tools .pdf a:hover { color: #003764; }

.content .page-tools .share-box { display: none; position: absolute; background: #e6e6e6; top: 25px; z-index: 50; width: 175px; right: 0%; }

.content .page-tools .share-box div { margin: 10px; padding: 7px 10px 7px 20px; background: #fff; border: 1px solid #c2c2c2; font-family: "Roboto Condensed"; font-weight: 700; font-size: 16px; text-transform: uppercase; }

.content .page-tools .share-box div a { color: #9b9b9b; }

.content .page-tools .share-box div a:hover { color: #003764; }

.content .page-tools .share-box div i { padding: 2px; font-size: 1.25em; float: right; }

.content .page-tools .share-box div.twitter a:hover { color: #55acee; }

.content .page-tools .share-box div.linked-in a:hover { color: #0976b4; }

.content .content--base { padding: 3.125%; }

    .content .content--base a {text-decoration:underline;}

    .content .content--base .mobile--jumpto { display: none; }

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

    .content .content--base .mobile--jumpto { display: block; padding: 10px; margin-bottom: 5px; margin-top: 20px; background-color: #e6e6e6; color: #a1a1a1; }
}

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

    .content .content--base .mobile--jumpto:hover { color: #4b4b4b; }
}

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

    .content .content--base { padding: 0; }
}

.content .content--base > h4 { font: normal 2.375em/1.25em Sentinel Ssm A, Sentinel Ssm B, serif; margin: 0 auto 15px; }

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

    .content .content--base > h4 { font-size: 2.6875em; line-height: 1.3em; }
}

.content .content--base > img { margin-bottom: 1.875rem; }

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

    .content .content--base.column--two { width: 65%; }
}

.content .content--base.column--three { width: 30%; }

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

    .content .content--base.align--right { float: right; }
}

.content .content--base.align--left { float: left; }

.content .content--base.column--half { width: 49%; margin-left: 1%; }

.content .content--base.column--half:nth-child(even) { margin-left: 0; }

.content .content--meta { margin: 2.75rem 0; }

.content .content--meta > span { text-transform: uppercase; font: 700 0.875em/1.3em Roboto Condensed, sans-serif; display: inline-block; margin-bottom: 0.5rem; }

.content .content--meta > h4 { font: 500 1.5em/0.95em Roboto, sans-serif; color: #003764; }

.content .content--meta > p { font-style: italic; margin: 0; }

.content .content--meta > a { text-transform: uppercase; color: #698399; font-size: 1em; font-weight: 700; display: inline-block; overflow: hidden; text-indent: -5em; }

.content .content--meta > a:after, .content .content--meta > a::after { content: "\f003"; font: 700 1em/1.3em "FontAwesome"; color: #698399; padding: 0 10px; margin: -3px 10px 0; display: inline-block; vertical-align: middle; text-indent: 0.95em; }

.content .content--meta > a:hover, .content .content--meta > a:hover:after, .content .content--meta > a:hover:after { color: tint(#698399, 80); border-color: tint(#698399, 80); }

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

    .content aside { width: 30%; }
}

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

    .content aside { width: 18.4375em; }
}

.content aside .sidebar--image--iab { background: #003764; color: white; margin-bottom: 20px; }

.content aside .sidebar--image--iab img { width: 100%; }

.content aside .sidebar--image--iab > div { padding: 1.25em 1.875em; }

.content aside .sidebar--image--iab > div > a { text-transform: uppercase; color: #698399; font-size: 1em; font-weight: 700; display: inline-block; }

.content aside .sidebar--image--iab > div > a:after, .content aside .sidebar--image--iab > div > a::after { content: "\f003"; font: 700 1em/1.3em "FontAwesome"; color: #698399; padding: 0 10px; margin: -3px 10px 0; display: inline-block; vertical-align: middle; border-left: 1px solid #698399; }

.content aside .sidebar--image--iab > div > a:hover, .content aside .sidebar--image--iab > div > a:hover:after, .content aside .sidebar--image--iab > div > a:hover:after { color: tint(#698399, 80); border-color: tint(#698399, 80); }

.content aside .sidebar--image--iab > div > h4 { font: normal 1.75em/1em Sentinel Ssm A, Sentinel Ssm B, serif; }

.content aside .sidebar--image--iab > div > h4 a { color: white; }

.content aside .sidebar--image--iab > div > h4 a:hover { color: #698399; }

.content aside .sidebar--image--iab > div > p { font: italic 1.125em/1.3em Sentinel Ssm A, Sentinel Ssm B, serif; margin: 0; }

.content aside .sidebar--accordion { position: relative; width: 100%; padding: 10px 20px; background: #e6e6e6; border-top: 1px solid white; border-bottom: 1px solid #c4c4c4; display: table; margin-bottom: 2px; }

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

    .content aside .sidebar--accordion { padding: 10px; }
}

.content aside .sidebar--accordion > h5 { width: 100%; line-height: 1.3em; font: 500 1.5em/1.3em Roboto Condensed, sans-serif; padding: 0 30px; color: #a1a1a1; transition: color 0.5s; cursor: pointer; }

.content aside .sidebar--accordion > h5 > a { color: #a1a1a1; transition: color 0.5s; }

.content aside .sidebar--accordion > h5:before, .content aside .sidebar--accordion > h5::before { content: "\f107"; font: 500 30px/1.3em "FontAwesome"; color: #a1a1a1; padding: 0 10px; margin-left: -40px; display: inline-block; vertical-align: middle; transition: color 0.5s; }
.careers .content aside .sidebar--accordion > h5:before, .careers .content aside .sidebar--accordion > h5::before { visibility: hidden; content: "\f107"; font: 500 30px/1.3em "FontAwesome"; color: #a1a1a1; padding: 0 10px; margin-left: -40px; display: inline-block; vertical-align: middle; transition: color 0.5s; }

.content aside .sidebar--accordion > h5:hover { color: #4B4B4B; transition: color 0.5s; }

.content aside .sidebar--accordion > h5:hover a { color: #4B4B4B; transition: color 0.5s; }

.content aside .sidebar--accordion > h5:hover:before, .content aside .sidebar--accordion > h5:hover::before { color: #4B4B4B; transition: color 0.5s; }

.content aside .sidebar--accordion > ul { display: inline-block; margin: 0; padding: 0 30px 0 30px; list-style: none; width: 100%; }

.content aside .sidebar--accordion > ul > li { margin-bottom: 10px; padding: 5px 0; }

.content aside .sidebar--accordion > ul > li > a { color: #003764; font-size: 0.95em; }

.content aside .sidebar--accordion > ul > li > a:hover { color: #4B4B4B; }

.content aside .sidebar--accordion > ul img { width: 100%; }

.content aside .sidebar--accordion.can-expand h5:before, .content aside .sidebar--accordion.can-expand h5::before { content: "\f107"; }
.careers .content aside .sidebar--accordion.can-expand h5:before, .careers .content aside .sidebar--accordion.can-expand h5::before { visibility: hidden; content: "\f107";  }

.content aside .sidebar--accordion.can-expand > ul { display: none; }

.content aside .sidebar--accordion.is-expanded h5:before, .content aside .sidebar--accordion.is-expanded h5::before { content: "\f106"; }
.careers .content aside .sidebar--accordion.is-expanded h5:before, .careers .content aside .sidebar--accordion.is-expanded h5::before { visibility: hidden; content: "\f106"; }

.content aside .sidebar--accordion.active h5 a, .content aside .sidebar--accordion.active h5:before, .content aside .sidebar--accordion.active h5::before { color: #4B4B4B; }

.content aside .sidebar--accordion.active ul li.active a { color: #4B4B4B; font-weight: 500; }

.content#disclaimer { margin-bottom: 20px; }

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

    .content.detail { padding: 14px 3.125% 95px; }
}

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

    .content.detail .content--base.align--right { float: right; clear: right; }
}

.content.detail aside { padding-top: 30px; }



header.core--header, .content--grid { width: 100%; margin: 0 auto; }



header.core--header { top: 0; background: white; z-index: 1000; border-bottom: 3px solid #e6e6e6; padding-top: 20px; -webkit-transform: translate3d(0, 0, 3px); transform: translate3d(0, 0, 3px); }

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

    header.core--header { position: fixed; }

    header.core--header ~ h2.content-heading { margin-top: 115px; }
}

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

    header.core--header { overflow: hidden; padding-top: 0; }
}

header.core--header .site-megamenu { display: none; position: relative; height: 100px; }

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

    header.core--header .site-megamenu { height: 130px; }
}

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

    header.core--header .site-megamenu { height: 125px; }
}

header.core--header .site-megamenu .search-options { float: right; width: 44%; text-align: right; padding: 10px 0; }

header.core--header .site-megamenu .search-options .searchbox-clean--mega { margin-bottom: 6px; text-align: left; background-color: #f6f6f6; position: relative; border: 1px solid #dcdcdc; }

header.core--header .site-megamenu .search-options .searchbox-clean--mega > input { padding: 14px 15px; border: 0 none; width: 94%; background: transparent; }

header.core--header .site-megamenu .search-options #search-people { color: #909090; text-transform: uppercase; font-weight: 600; line-height: 1em; padding: 5px 8px; display: inline-block; border: 1px solid #dcdcdc; }

header.core--header .site-megamenu .close-mega { background: #e6e6e6; display: inline-block; padding: 0 5px 2px; position: relative; right: 0; }

header.core--header .site-megamenu .close-mega a { color: #b5d9ce; font-weight: bold; }

header.core--header .alphabits--megamenu { float: left; position: absolute; width: 52%; }

header.core--header .alphabits { overflow: hidden; list-style: none; font-size: 1.75em; padding: 0; margin: 0; }

header.core--header .alphabits li { float: left; margin-bottom: 0; margin-right: 19px; }

header.core--header .alphabits li a { color: #999; }

header.core--header .alphabits li a.disabled { color: #DDD; cursor: text; }

header.core--header .progress-bar { height: 3px; display: inline-block; background: #4a917b; width: 0; position: absolute; bottom: -4px; }

header.core--header .progress-bar.is-sticky { position: fixed; margin-top: 84px; }



.content--mega--toggle { display: none; position: fixed; top: 243px; z-index: 100; margin: 0 auto; width: 100%; }

.content--mega--toggle .form-close-mega { display: block; padding: 0 3.125%; position: relative; max-width: 72.125em; margin: 0 auto; }

.content--mega--toggle .form-close-mega a { background-color: #999; color: #4B4B4B; font-weight: bold; float: right; padding: 8px 12px; }



.content--grid { padding: 0; }

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

    .content--grid { width: 93.8%; padding: 10px 0; }
}



.content--full--width { width: 100%; }



.navigation__btn--container { height: 30px; background: #e6e6e6; }

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

    .navigation__btn--container { display: none; }
}

.navigation__btn--container > .navigation__btn { font-size: 1em; font-family: "FontAwesome"; content: "\f090"; color: black; display: block; width: 2em; height: 100%; }



.navigation--container__mobile { transition: all .2s ease; left: -270px; font-family: "Roboto Condensed"; z-index: 4; background: #e6e6e6; display: table; width: 270px; position: fixed; border-right: 1px solid #999999; height: 100%; top: 0; }

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

    .navigation--container__mobile { display: none; }
}

.navigation--container__mobile .site-search { background: #4a917b; position: relative; display: block; }

.navigation--container__mobile .site-search .form--btn { position: absolute; left: 0; width: 40px; bottom: 0; top: 0; background: transparent; border: none; }

.navigation--container__mobile .site-search .form--btn:before { font-family: "FontAwesome"; content: "\f002"; color: white; display: block; width: 40px; height: 40px; font-size: 1.8rem; margin-left: -9px; }

.navigation--container__mobile .site-search .form--search { background: transparent; border: none; height: 40px; padding: 10px 20px 10px 45px; font-size: 1rem; color: white; font-style: oblique; width: 100%; }

.navigation--container__mobile .site-search .form--search::-webkit-input-placeholder { /* WebKit browsers */ color: white; }

.navigation--container__mobile .site-search .form--search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; }

.navigation--container__mobile .site-search .form--search::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; }

.navigation--container__mobile .site-search .form--search:-ms-input-placeholder { /* Internet Explorer 10+ */ color: white; }

.navigation--container__mobile .nav--list { padding: 0; margin: 0; }

.navigation--container__mobile .nav--item { list-style: none; border-bottom: 1px solid #d1d1d1; border-top: 1px solid white; }

.navigation--container__mobile .nav--item:hover { background: #d9d9d9; color: #4a917b; }

.navigation--container__mobile .nav--item > a { color: #595959; padding: 10px 20px; font-size: 1.1em; width: 100%; height: 100%; display: block; text-transform: uppercase; font-weight: bold; }

.navigation--container__mobile nav + nav .nav--item > a { font-size: 1em; font-weight: bold; color: #999999; font-weight: 700; }



.navigation--container { max-width: 72.125em; }

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

    .navigation--container { overflow: hidden; }
}

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

    .navigation--container { padding: 0 3.125%; margin: 0 auto; }
}

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

    .navigation--container { width: 72.125em; }
}

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

    .navigation--container > h1 { width: 24%; float: left; }
}
.navigation--container > h1 > a { background: transparent url(/assets/images/branding/branding-main-logo.svg) 50% 50% no-repeat; background-size: 90%; display: block; text-indent: -20em; margin: 0 auto; margin: 2px auto; width: 100%; height: 102px; }

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

    .navigation--container > h1 > a { background-size: 50%; }
}

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

    .navigation--container > h1 > a { background-position: -35px -13px; background-size: 135%; }
}

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

    .navigation--container > h1 > a { background-size: 120%; }
}

.navigation--container .print-logo { display: none; }

.navigation--container .nav--group { z-index: 9; display: none; }

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

    .navigation--container .nav--group { display: block; position: relative; overflow: hidden; padding: 50px 0 0px; }
}

.navigation--container .nav--group .nav--item { background: #e6e6e6; }

.navigation--container .nav--group .nav--item:hover { background: #cfcfcf; }

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

    .navigation--container .nav--group { background: none; }

    .navigation--container .nav--group:hover { background: none; }
}

.navigation--container nav:first-child { background: #e6e6e6; }

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

    .navigation--container nav:first-child { position: absolute; top: 0; right: 25px; padding: 4px 17px 6px; z-index: 1; }
}

.navigation--container nav:first-child .nav--list { padding: 0; margin: 0; }

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

    .navigation--container nav:first-child .nav--list { float: right; position: relative; z-index: 2; }
}

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

    .navigation--container nav:first-child .nav--list { float: none; }
}

.navigation--container nav:first-child .nav--list .nav--item { text-transform: uppercase; font-size: 0.75rem; list-style: none; border-bottom: 1px solid #999999; border-top: 1px solid white; padding: .4em; font-weight: 600; }

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

    .navigation--container nav:first-child .nav--list .nav--item { border: none; padding: 0; display: inline-block; font-size: 0.75rem; }

    .navigation--container nav:first-child .nav--list .nav--item:hover { background: none; }
}

.navigation--container nav:first-child .nav--list .nav--item a { display: inline-block; color: #a1a1a1; font-family: Roboto Condensed, sans-serif; }

.navigation--container nav:first-child .nav--list .nav--item a:hover, .navigation--container nav:first-child .nav--list .nav--item a.active { color: #4a917b; }

.navigation--container nav:first-child .nav--list .nav--item a:after { content: ""; }

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

    .navigation--container nav:first-child .nav--list .nav--item a:after { color: #a1a1a1; content: " | "; padding: 0 5px; }
}

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

    .navigation--container nav + nav { position: relative; clear: both; float: right; z-index: 0; }
}

.navigation--container nav + nav .nav--list { padding: 0; margin: 0; }

.navigation--container nav + nav .nav--list .nav--item { text-transform: uppercase; display: block; border-bottom: 1px solid #e6e6e6; border-top: 1px solid white; padding: .4em; font-size: 1rem; font-weight: 700; border: none; display: inline-block; font-family: Roboto Condensed, sans-serif; }

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

    .navigation--container nav + nav .nav--list .nav--item { padding: 0.1em; }
}

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

    .navigation--container nav + nav .nav--list .nav--item { background: none; }

    .navigation--container nav + nav .nav--list .nav--item:hover { background: none; }
}

.navigation--container nav + nav .nav--list .nav--item a { position: relative; display: inline-block; color: #5b6165; padding: 0 5px; }

.cookie-consent-container {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 45px 10px;
    color: #7eb49c;
    background-color: #3b7463;
    z-index: 1000;
}

.cookie-exit {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 42px;
    line-height: 24px;
    cursor: pointer;
}

.cookie-consent-container a {
    color: #1f342b;
    text-decoration: underline;
}

@media screen and (min-width: 48em) {
    .cookie-consent-container { width: 404px; }
}

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

    .navigation--container nav + nav .nav--list .nav--item a { padding: 0.3em; line-height: 2.5em; /* &:hover {

         color: $color-brand-green;

         transition: color 0.2s ease;

         &:after {

             width: 100%;

              transform-origin-x: scale;

              transform: scaleX(1);

             transition: width 0.2s ease;

         }

     }*/ }

    .navigation--container nav + nav .nav--list .nav--item a:after { content: ""; width: 0; height: 3px; background: #4a917b; display: block; text-align: center; transform-origin-x: scale; -webkit-transform: scaleX(0); transform: scaleX(0); transition: width 0.2s ease; }

    .navigation--container nav + nav .nav--list .nav--item a.active { color: #4a917b; }

    .navigation--container nav + nav .nav--list .nav--item a.active:after, .navigation--container nav + nav .nav--list .nav--item a.active:hover:after { width: 100%; -webkit-transform: none; transform: none; }

    .interior--client-commitment .nav--list .nav--item a.client,
    .interior--professionals .nav--list .nav--item a.bio,
    .interior--practices-industries .nav--list .nav--item a.area,
    .interior--practices .nav--list .nav--item a.area,
    .interior--news-events .nav--list .nav--item a.news,
    .interior--general.about .nav--list .nav--item a.about,
    .interior--offices .nav--list .nav--item a.office,
    .interior--general.careers .nav--list .nav--item a.career,
    sitesearch--container { color: #4a917b !important; }

    .interior--client-commitment .nav--list .nav--item a.client::after,
    .interior--professionals .nav--list .nav--item a.bio::after,
    .interior--practices-industries .nav--list .nav--item a.area::after,
    .interior--practices .nav--list .nav--item a.area::after,
    .interior--news-events .nav--list .nav--item a.news::after,
    .interior--blogs .nav--list .nav--item a.blogs::after { content: ""; height: 3px; background: #4a917b; display: block; text-align: center; transform-origin-x: scale; -webkit-transform: scaleX(0); width: 100%; -webkit-transform: none; transform: none; }
}

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

    .navigation--container nav + nav .nav--list .nav--item a { padding: .3em .6em; }
}

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

    .navigation--container nav + nav .nav--list .nav--item a:hover { color: #4a917b; transition: color 0.2s ease; }

    .navigation--container nav + nav .nav--list .nav--item a:hover:after { width: 100%; transform-origin-x: scale; -webkit-transform: scaleX(1); transform: scaleX(1); transition: width 0.2s ease; }
}

.navigation--container .sitesearch--container { right: -16px !important; }

.navigation--container .sitesearch--container .form--label { padding: 0px 0px 4px 0px !important; width: 35px !important; height: 34px !important; }

.navigation--container .search--container, .navigation--container .sitesearch--container { display: inline-block; }

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

    .navigation--container .search--container, .navigation--container .sitesearch--container { padding-top: 34px; position: absolute; right: -40px; top: 0; border: red 1px; z-index: 1; width: 640px; }
}

.navigation--container .search--container fieldset, .navigation--container .sitesearch--container fieldset { border: 0 none; padding: 0; margin: 0; }

.navigation--container .search--container .form--label, .navigation--container .sitesearch--container .form--label { position: absolute; overflow: hidden; top: 0; right: 0; padding: 5px 3px; width: 40px; display: inline-block; background: #e6e6e6; text-indent: -100px; -webkit-transform: translate3d(0, 0, 3); transform: translate3d(0, 0, 3); z-index: 3; cursor: pointer; }

.navigation--container .search--container .form--label::after, .navigation--container .search--container .form--label:after, .navigation--container .sitesearch--container .form--label::after, .navigation--container .sitesearch--container .form--label:after { content: "\f002"; font: 20px/1.3em "FontAwesome"; color: #a1a1a1; padding: 0; display: inline-block; text-indent: 35px; position: absolute; right: 9px; top: 2px; }

.navigation--container .search--container .form--label:hover::after, .navigation--container .search--container .form--label:hover:after, .navigation--container .sitesearch--container .form--label:hover::after, .navigation--container .sitesearch--container .form--label:hover:after { color: #4a917b; }

.navigation--container .search--container .form--label.close::after, .navigation--container .search--container .form--label.close:after, .navigation--container .sitesearch--container .form--label.close::after, .navigation--container .sitesearch--container .form--label.close:after { content: "\f00d"; }

.navigation--container .search--container .form--items, .navigation--container .sitesearch--container .form--items { position: relative; background: #e6e6e6; padding: 5px 10px; z-index: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; width: 615px; right: -25px; }

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

    .navigation--container .search--container .form--items, .navigation--container .sitesearch--container .form--items { width: 590px; right: -50px; }
}

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

    .navigation--container .search--container .form--items, .navigation--container .sitesearch--container .form--items { display: none; }
}

.navigation--container .search--container .form--items > input, .navigation--container .sitesearch--container .form--items > input { width: 88.5%; background: transparent; border: 0 none; color: white; font: 1.6em/1.3em Roboto Condensed, sans-serif; font-weight: 300; opacity: 0.99; }

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

    .navigation--container .search--container .form--items > input, .navigation--container .sitesearch--container .form--items > input { color: #737373; }
}

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

    .navigation--container .search--container .form--items > input, .navigation--container .sitesearch--container .form--items > input { font-size: 2em; padding: 5px; }
}

.navigation--container .search--container .form--items .form--btn, .navigation--container .sitesearch--container .form--items .form--btn { border: 0; background: transparent; height: 55px; position: absolute; overflow: hidden; top: 0; right: 0; padding: 5px 3px; width: 40px; display: inline-block; text-indent: -100px; z-index: 3; cursor: pointer; }

.navigation--container .search--container .form--items .form--btn::after, .navigation--container .search--container .form--items .form--btn:after, .navigation--container .sitesearch--container .form--items .form--btn::after, .navigation--container .sitesearch--container .form--items .form--btn:after { font-size: 1.95em; text-indent: 45px; content: "\f002"; font: 20px/1.3em "FontAwesome"; color: #a1a1a1; padding: 0; display: inline-block; }



footer { background-image: linear-gradient(#11293b 0%, #11314b 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#11293b', endColorstr='#11314b'); /*For IE7-8-9*/ border-top: 5px solid #3b7462; color: #4d7393; -webkit-transform: translate3d(0, 0, 3px); transform: translate3d(0, 0, 3px); }

footer > h6 { border-top: 1px solid #456884; text-align: center; padding: 25px 6.125%; font-size: 0.8em; background: #11283b; opacity: 0.7; }

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

    footer > h6 { padding: 15px 6.125% 15px; }
}

footer .content--grid { position: relative; padding: 20px 0 0; }

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

    footer .content--grid { width: 68em; padding: 10px 0 35px; margin: 0 auto; }
}

footer .content--grid li > a { text-transform: uppercase; color: #4d7393; transition: color 0.5s; }

footer .content--grid li > a:hover { color: white; transition: color 0.5s; }

footer .content--grid .content--mask { padding: 70px 0 20px; }

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

    footer .content--grid .content--mask { padding: 18px 0 0; }
}

footer .content--grid .content--mask > ul { margin: 0; padding: 0; }

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

    footer .content--grid .content--mask > ul { padding: 0 50px; }
}

footer .content--grid .content--mask > ul > li { text-align: center; margin-bottom: 10px; list-style: none; }

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

    footer .content--grid .content--mask > ul > li { display: inline-block; margin: 0 0 0 2px; }

    footer .content--grid .content--mask > ul > li:after { content: " | "; padding: 0 5px; }

    footer .content--grid .content--mask > ul > li:last-child:after { content: ""; padding: 0; }
}

footer .content--grid .content--mask > ul > li a { font-size: 14px; }

footer .content--grid .social--container > ul { text-align: center; width: 100%; position: absolute; top: 2.5%; padding: 5px 6.125%; overflow: hidden; }

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

    footer .content--grid .social--container > ul { top: 5%; right: 0; width: 250px; padding: 5px 10px; }
    footer .content--grid .content--mask > ul.footer-links {
        margin-right: 250px;
    }
}

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

    footer .content--grid .social--container > ul { text-align: center; }
}

footer .content--grid .social--container > ul > li { position: relative; display: inline-block; margin: 0 4px; width: 30px; height: 30px; /** Social Icon Mixin **/ }

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

    footer .content--grid .social--container > ul > li { margin: 0; width: 40px; height: 40px; }
}

footer .content--grid .social--container > ul > li:first-child::before, footer .content--grid .social--container > ul > li:first-child:before, footer .content--grid .social--container > ul > li::after, footer .content--grid .social--container > ul > li:after { display: none; }

footer .content--grid .social--container > ul > li > a { background: #30506b; overflow: hidden; position: absolute; top: 0; left: 0; display: inline-block; border-radius: 50%; width: 35px; height: 35px; text-indent: -99em; color: #003764; }

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

    footer .content--grid .social--container > ul > li > a { width: 35px; height: 35px; }
}

footer .content--grid .social--container > ul > li > a:hover { background-color: white; }

footer .content--grid .social--container > ul > li > a::after, footer .content--grid .social--container > ul > li > a:after { content: ""; position: absolute; top: 0; left: 0; display: inline-block; font: 20px/1.3em "FontAwesome"; text-indent: 0; color: #112c42; }

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

    footer .content--grid .social--container > ul > li > a::after, footer .content--grid .social--container > ul > li > a:after { font-size: 20px; }
}

footer .content--grid .social--container > ul > li:nth-child(1) a::after, footer .content--grid .social--container > ul > li:nth-child(1) a::after { content: ""; padding: 5px 13px; }

footer .content--grid .social--container > ul > li:nth-child(2) a::after, footer .content--grid .social--container > ul > li:nth-child(2) a::after { content: ""; padding: 5px 9.5px; }

footer .content--grid .social--container > ul > li:nth-child(3) a::after, footer .content--grid .social--container > ul > li:nth-child(3) a::after { content: ""; padding: 5px 9px; }

footer .content--grid .social--container > ul > li:nth-child(4) a::after, footer .content--grid .social--container > ul > li:nth-child(4) a::after { content: ""; padding: 5px 8px; }

footer .content--grid .social--container > ul > li:nth-child(5) a::after, footer .content--grid .social--container > ul > li:nth-child(5) a::after { content: ""; padding: 5px 11px; }



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

    body.errorpage .content .content--base.column--two { width: 100%; text-align: center; }
}

.area-of-focus { padding: 2%; }



.area-of-focus:nth-child(odd) { background-color: #bbbbbb; }



.area-of-focus:nth-child(even) { background-color: #e6e6e6; }



.area-of-focus h4 { font: 1.5rem/1em "Sentinel", serif; font-size: 1.5rem; line-height: 1em; font-family: "Sentinel", serif; padding: 1% 0; cursor: pointer; }



.area-of-focus h4::before, .area-of-focus h4:before { content: "\f067"; margin-right: 5px; display: inline-block; font: 0.85em/1.3em "FontAwesome"; text-indent: 0; }



.area-of-focus.is-expanded > h4::before, .area-of-focus.is-expanded > h4:before { content: "\f068"; }



.area-of-focus .more-content { display: none; margin-left: 20px; }



.area-of-focus .more-content h5 { font: 1.3rem/1em "Sentinel", serif; font-size: 1.3rem; line-height: 1em; font-family: 'Sentinel', serif; padding-top: 2%; }



.area-of-focus .more-content ul.rel-profs { list-style: none; padding: 0; }



.area-of-focus .more-content ul.rel-profs li { float: left; width: 31%; padding-right: 2%; margin-bottom: 10px; }



.client-added-slider { overflow: hidden; }

.client-added-slider.slick-slider .slidecontrols .slick-prev, .client-added-slider.slick-slider .slidecontrols .slick-next { color: #999999; font-size: 2.4em; position: relative; top: -5px; }

.client-added-slider.slick-slider .slidecontrols { text-align: center; }

.client-added-slider .slick-dots .slick-active { background: url("/assets/images/sprite.png") -200px -109px no-repeat; }



.client-added-slide.slick-slide { float: left; }

.client-added-slide.slick-slide img { display: block; margin: 0 auto; margin-bottom: 10px; }



.slick-dots { color: #bbbbbb; padding-left: 0; }

.slick-dots li { position: relative; display: inline-block; background: url("/assets/images/sprite.png") -200px -50px no-repeat; height: 5px; width: 5px; text-indent: -9999px; margin: 0px 10px; padding: 0px; }

.slick-dots li a { display: block; height: 10px; width: 10px; }

.slick-dots li.slick-active { background-position: -150px -50px; }



.client-added-row .client-added-column { display: inline-block; width: 49%; }

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

    .client-added-row .client-added-column { width: 100%; }
}



/*

   Configuration and Base Functionality

   ========================================================================== */

/**

 * Helper functions used in the configuration and the rest of the app

 * Import functions and mixins here because they are used in the config file

 */

.content--navigation { margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #b8b8b8; }

.content--navigation > li { list-style: none; display: inline-block; margin-right: 8.5px; margin-bottom: 15px; }

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

    .content--navigation > li { margin-right: 15px; }
}

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

    .content--navigation > li { margin-right: 20.5px; }
}

.content--navigation > li:last-child { margin-right: 0; }

.content--navigation > li:last-child:after { content: ''; }

.content--navigation > li:after { content: '/'; display: inline-block; margin-left: 8.5px; }

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

    .content--navigation > li:after { margin-left: 0; content: ''; }
}

.content--navigation > li > a { font: 700 1rem/1.3em Roboto Condensed, sans-serif; font-size: 1rem; line-height: 1.3em; font-family: Roboto Condensed, sans-serif; font-weight: 700; text-transform: uppercase; color: #8a8a8a; padding-bottom: 15px; text-decoration: none !important; }

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

    .content--navigation > li > a { border-bottom: 3px solid transparent; }
}

.content--navigation > li > a:hover, .content--navigation > li > a.active { color: #4a917b; }

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

    .content--navigation > li > a:hover, .content--navigation > li > a.active { border-bottom: 3px solid #4a917b; }
}



/**

 * Configuration of the application styles

 *

 */

.itemBlockContainer { margin-top: 24px; }
.itemBlockContainer.withUnderline { border-bottom: 1px solid #e6e6e6; padding-bottom: 24px; }
.itemBlockContainer h5 { font-size: 22px; font-weight: 400; margin: 0; line-height: 22px; }
.marginTop24 { margin-top: 24px; }
.itemBlockContainer ul { font-size: 15px; }
ul.itemBlock > li { display: block; margin-top: 12px; }
ul.itemBlock > li:first-child { margin-top: 0; }
ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline > li { display: inline-block; margin: 0 4px; }
.bold { font-weight: 600; }
.sg-row { margin-left: auto; margin-right: auto; }
.sg-row:after { content: " "; display: table; clear: both; }
.sg-col-sm-3 { width: 25%; display: block; float: left; }
.sg-col-sm-9 { width: 75%; display: block; float: left; }
.content .page-tools .block { float: left; padding: 5px; cursor: pointer; }

.wb-editor-form { padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
.wb-editor-form-title, .wb-editor-form-content { box-shadow: none !important; border: none !important; background: transparent !important; padding: 8px 0px !important; margin: 0px !important; }
.wb-editor-form-content input { height: 60px; }
.wb-editor-form-content input, .wb-editor-form-content textarea { box-sizing: border-box; background-color: #c1e1d4; padding: 10px 0px 10px 25px; border: 1px solid #578270; width: 100%; color: #578270; }
.wb-editor-form-content input[type=submit] { background-color: #578270; padding: .575em .7em; border: 2px solid #c1e1d4; color: #c1e1d4; font-weight: bold; text-transform: uppercase; width: auto; height: auto; }
.wb-editor-form-content > div:not(.clear) { margin: 8px 0; }
.wb-editor-form-content .clear:after { content: " "; display: table; clear: both; }
.wb-editor-form-content .wb-editor-form-captcha-failed { color: red; font-size: 16px; line-height: 22px; }
.wb-editor-form-content .wb-editor-form-invalid { border: 1px solid red; }
.wb-editor-form-message { color: #578270; font-weight: bold; margin-bottom: 12px; }

.centered-image { display: flex; justify-content: center; align-items: center; margin-bottom: 24px; }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}