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

 */

.selection, .content--list ul { margin: 0; padding: 0; }
.selection > li, .content--list ul > li { list-style: none; }



/** ClearFix **/
.content--overview:after, .content--list:after { display: table; clear: both; content: ""; }
.selection, .content--list ul { margin: 0; padding: 0; }
.selection > li, .content--list ul > li { list-style: none; }
.selection { width: 100%; font-family: "NoSpace"; }
.selection > li { font-family: Roboto, sans-serif; display: inline-block; vertical-align: top; }

/** Buttons Base **/
.core .content__search .form__block button { 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; }
.core .content__search .form__block button { background: transparent; color: black; border: 2px solid black; }

/** Homepage Section Overviews (Overrides?) **/

/** Interior Page Header **/
h3, .core .content__overview h3, .core .content__list h3 { font: 2.6em/1.3em Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 10px; color: #595959; }

/** Interior Page Title **/
.core .page-title { padding: 10px 0; background: #578270; box-shadow: 0 0px 5px #46685a inset; color: #b5d9ce; font-family: Roboto Condensed, sans-serif; font-weight: 500; text-align: center; font-size: 2.6em; text-transform: uppercase; }
.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; }
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; }

.serviceHeadContent { text-align: center; }

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

 */

.selection, .content--list ul { margin: 0; padding: 0; }
.selection > li, .content--list ul > li { list-style: none; }

@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; }
.content--search { margin-bottom: 50px; }
.content--search fieldset { border: none; padding: 0; }
.form--items > input { background: #e6e6e6; color: #595959; padding: .9em; border: none; width: 300px; }

@media screen and (min-width: 20em) {
    .form--items > input { width: 63%; }
}

.form--items > button { font-family: "Roboto Condensed"; font-weight: bold; height: 50px; background: white; border: 2px solid #e6e6e6; color: #999999; padding: 0 .5em; text-transform: uppercase; transition: all 0.5s ease; }
.form--items > button:hover { background: #e6e6e6; transition: all 0.5s ease; }
.selection-title:before { position: absolute; top: 45px; left: 0; right: 1px; margin: auto; }
.selection img {
    position: absolute;
    top: 60px;
    left: 0;
    right: 1px;
    margin: auto;
}
.selection li { width: 99.5%; position: relative; margin: 0 auto; height: 250px; margin-bottom: 0.66%; margin-left: 0.33%; float: left; }

@media screen and (min-width: 30em) {
    .selection li { width: 49%; }
}

@media screen and (min-width: 48em) {
    .selection li { width: 49%; }
}

@media screen and (min-width: 20em) {
    .selection li { margin-right: 0.33%; }
}

.selection li:nth-child(3n+1) { margin-left: 0px; }

@media screen and (min-width: 20em) {
    .selection li:nth-child(3n+1) { margin-left: 0.33%; }
}

.selection svg { width: 35px; height: 40px; z-index: 10; margin-top: 20px; }
.selection svg path { fill: #003764; }

.rel-practices a.back { float: right; font-weight: 500; margin-right: 10px; text-transform: uppercase; color: #5b6165; }
.rel-practices a.back:hover { color: #003764; }
.selection-title { font: 1.6em Sentinel Ssm A, Sentinel Ssm B, serif; display: block; color: white; text-align: center; width: 100%; padding-top: 165px; vertical-align: middle; height: 250px; transition: background .2s ease-in-out; background: #003764; }
.selection-title:before { background: #FFF; border-radius: 50%; content: ""; width: 80px; height: 80px; }
.selection-title:hover { color: white; }


.selection li > strong { position: absolute; left: 20%; bottom: 20px; right: 20%; text-align: center; text-transform: uppercase; border-top: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0); }
.selection li > strong:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.selection strong > a { display: block; padding: 6px 0; color: rgba(255, 255, 255, 0.7); }
.content--list { margin: 50px 0 0 0; }
.content--list > ul { float: left; margin-left: 0; width: 50%; }

@media screen and (max-width: 48em) {
    .selection li > strong { left: 5%; right: auto; width: 90%; }
}

@media all and (max-width: 64em) {
    .content--list > ul { margin-left: 3%; width: 44%; }
}

@media all and (max-width: 30em) {
    .content--list > ul { margin-left: 3%; width: 100%; }
}

.content--list > ul li { margin-bottom: 10px; padding-left: 15px; line-height: 1.5; }
.content--list > ul li span { text-indent: -15px; }

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

    .content--list > ul > li { margin-left: 3%; }
}

.content--list a { color: #003764; }
.content--list a:hover { color: #595959; }
.is-extended { position: relative; }
.is-extended > a span:before { content: "+"; position: absolute; color: #003764; }
.is-extended > a span:before:hover { color: #595959; }
.is-extended > a span.read-less:before { content: '-'; }
.content--list ul.extended--content { display: none; width: 100%; float: none; }
.practices-selection { font-family: NoSpace; padding: 0; }
.practices-selection > li { font-family: Sentinel Ssm A, Sentinel Ssm B, serif; width: 32%; float: left; vertical-align: top; height: 200px; background: #219ed9; position: relative; margin: .6666666666%; list-style: none; transition: background .2s ease-in-out; }

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

    .practices-selection > li { width: 100%; }
}

.practices-selection > li .white { background: white; text-align: center; padding: .5em; position: absolute; left: 1.4em; bottom: 1.4em; right: 1.4em; color: #4d7393; }

.practices-selection > li .white > h1 { font-size: 6em; color: #003764; }

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

    .practices-selection > li .white > h1 { font-size: 4em; }
}

.practices-selection > li p { line-height: 1.7; font-family: Roboto Condensed, sans-serif; }
.practices-selection > li span { display: table-cell; vertical-align: middle; }
.practices-selection > li:hover { background: #1a7eae; }
.practices-selection > li.active { height: 625px; background: #eee; padding: 1.5em; }
.practices-selection > li.active > a { display: inline; margin-bottom: 1em; font-family: Roboto Condensed, sans-serif; display: table-cell; color: #003764; }
.practices-selection > li > a { color: white; display: table; width: 100%; height: 100%; font-size: 2em; text-align: center; }
.core .content { padding: 50px 0; }

@media screen and (min-width: 64em) {
    .core .content { padding: 25px 37px; }
}

.core .content__search form { display: inline-block; overflow: hidden; width: 50%; }
.core .content__search form fieldset { border: 0 none; padding: 0; margin: 0; }
.core .content__search form fieldset label { text-indent: -99em; display: none; }
.core .content__search .form__block input { background: #e6e6e6; font-family: Roboto, sans-serif; border: 0 none; padding: 10px 15px; width: 60%; transition: background 0.5s ease; }
.core .content__search .form__block input:focus { transition: background 0.5s ease; background: #f3f3f3; }
.core .content__search .form__block button { border-color: #cfcfcf; color: #cfcfcf; transition: all 0.5s ease; }
.core .content__search .form__block button:hover { transition: all 0.5s ease; border-color: #3b7462; background: #3b7462; color: white; }
.core .content__overview .content__grid_selection li { position: relative; width: 19.375em; padding: 2.5em; text-align: center; background: #003764; color: white; display: inline-block; overflow: hidden; /** Selection Background Mixin **/ /** Selection Icon Mixin **/ }
.core .content__overview .content__grid_selection li a { position: relative; color: white; font: 1.75em/1.3em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.75rem; z-index: 2; }
.core .content__overview .content__grid_selection li strong { position: relative; z-index: 2; }
.core .content__overview .content__grid_selection li strong a { position: inherit; z-index: 2; font: 1rem/1.3em Roboto Condensed, sans-serif; font-size: 1rem; line-height: 1.3em; font-family: Roboto Condensed, sans-serif; font-weight: 700; color: #e6e6e6; text-transform: uppercase; display: block; border-top: 1px solid #e6e6e6; width: 70%; padding: 15px 0 0; margin: 5px auto 0; transition: color 0.5s ease; }
.core .content__overview .content__grid_selection li strong a:hover { color: white; transition: color 0.5s ease; }
.core .content__overview .content__grid_selection li strong a::before, .core .content__overview .content__grid_selection li strong a:before { border-top: 1px solid #e6e6e6; position: absolute; top: 0; }
.core .content__overview .content__grid_selection li strong a:hover:before, .core .content__overview .content__grid_selection li strong a:hover::before { top: 10px; }
.core .content__overview .content__grid_selection li:last-child { padding: 40px 0; }
.core .content__overview .content__grid_selection li:last-child strong a { width: 50%; }
.core .content__overview .content__grid_selection li::before, .core .content__overview .content__grid_selection li:before { content: ""; position: relative; background: white; overflow: hidden; display: block; border-radius: 50%; width: 70px; height: 70px; text-indent: -99em; margin: 0 auto 20px; color: #003764; z-index: 2; }
.core .content__overview .content__grid_selection li::after, .core .content__overview .content__grid_selection li:after { content: ""; position: absolute; top: 40px; left: 120px; background: #b01c2e; overflow: hidden; display: block; border-radius: 50%; width: 70px; height: 70px; text-indent: -99em; margin: 0 auto 20px; color: #003764; z-index: 1; transition: all 0.5s ease-in-out 0.75s; -webkit-transform: scale(1); transform: scale(1); }
.core .content__overview .content__grid_selection li:nth-child(1):after { background: #b01c2e; }
.core .content__overview .content__grid_selection li:nth-child(2):after { background: #77bc1f; }
.core .content__overview .content__grid_selection li:nth-child(3):after { background: #578270; }
.core .content__overview .content__grid_selection li:nth-child(4):after { background: #3bace1; }
.core .content__overview .content__grid_selection li:nth-child(5):after { background: #f4c300; }
.core .content__overview .content__grid_selection li:nth-child(6):after { background: #cc6600; }
.core .content__overview .content__grid_selection li:nth-child(1):hover li strong:before, .core .content__overview .content__grid_selection li:nth-child(1):hover li strong::before { color: #b01c2e; transition: color 0.2s linear 0.3s; }
.core .content__overview .content__grid_selection li:nth-child(2):hover li strong:before, .core .content__overview .content__grid_selection li:nth-child(2):hover li strong::before { color: #77bc1f; transition: color 0.2s linear 0.3s; }
.core .content__overview .content__grid_selection li:nth-child(3):hover li strong:before, .core .content__overview .content__grid_selection li:nth-child(3):hover li strong::before { color: #578270; transition: color 0.2s linear 0.3s; }
.core .content__overview .content__grid_selection li:nth-child(4):hover li strong:before, .core .content__overview .content__grid_selection li:nth-child(4):hover li strong::before { color: #3bace1; transition: color 0.2s linear 0.3s; }
.core .content__overview .content__grid_selection li:nth-child(5):hover li strong:before, .core .content__overview .content__grid_selection li:nth-child(5):hover li strong::before { color: #f4c300; transition: color 0.2s linear 0.3s; }
.core .content__overview .content__grid_selection li:nth-child(6):hover li strong:before, .core .content__overview .content__grid_selection li:nth-child(6):hover li strong::before { color: #cc6600; transition: color 0.2s linear 0.3s; }
.core .content__overview .content__grid_selection li:hover::after, .core .content__overview .content__grid_selection li:hover:after { transition: all 0.5s ease-in-out; -webkit-transform: scale(10); transform: scale(10); }
.core .content__list { margin-bottom: 80px; overflow: hidden; }
.core .content__list h3 { margin-top: 75px; }
.core .content__list ul { float: left; width: 50%; min-width: 25%; }
.core .content__list ul li { display: block; padding: 5px 16px; }
.core .content__list ul li a { color: #003764; }
.core .content__list ul li.content__list_extended { padding: 5px 3px; }
.core .content__list ul li.content__list_extended:before, .core .content__list ul li.content__list_extended::before { content: "\f067"; font: 0.65em/1.3em "FontAwesome"; font-weight: 300; color: #003764; display: inline-block; margin-right: 5px; vertical-align: middle; }