@charset "UTF-8";
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
/* Bourbon - http://bourbon.io - A simple and lightweight mixin library for Sass. */
/* Neat -  http://neat.io - A lightweight semantic grid framework for Sass and Bourbon. */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);
html {
    box-sizing: border-box;
}

*,
*::after,
*::before {
    box-sizing: inherit;
}


/* = Base = */
.group::before,
.group::after {
    content: "";
    display: table;
}
.group::after {
    clear: both;
}

/* = Reset = */
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
cite,
ƒ
code,
dd,
div,
dl,
dt,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
hr,
i,
iframe,
img,
label,
li,
nav,
object,
ol,
p,
pre,
section,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul,
video {
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: inherit;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
    display: inline-block;
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
    display: none;
}

/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
html {
    font-family: sans-serif;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

/**
* Remove default margin.
*/
body {
    margin: 0;
}

/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
    background: transparent;
}

/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
    outline: thin dotted;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
Typography
========================================================================== */
/**
* 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,
.strong {
    font-weight: bold;
}

/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn,
em,
.em {
    font-style: italic;
}

/**
* Address differences between Firefox and other browsers.
*/
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/*
* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
    -epub-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/*
* Addresses margins set differently in IE6/7.
*/
pre {
    margin: 0;
}

/**
* 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.
*/
q:before,
q:after {
    content: "";
    content: none;
}

small,
.small {
    font-size: 75%;
}

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

sub {
    bottom: -0.25em;
}

/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7.
*/
dl,
menu,
ol,
ul {
    margin: 0;
}

dd {
    margin: 0;
}

/*
* Addresses paddings set differently in IE6/7.
*/
menu {
    padding: 0;
}

ol,
ul {
    list-style-type: none;
    padding: 0;
}

/*
* Corrects list images handled incorrectly in IE7.
*/
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
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.
*/
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.
*/
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.
*/
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/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    margin-left: 1px;
    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;
    -webkit-box-sizing: content-box;
    /* 1 */
    -moz-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-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;
}

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

.image-replacement,
.ir {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.clearfix,
.cf {
    zoom: 1;
}
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
    content: "";
    display: table;
}
.clearfix:after,
.cf:after {
    clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
    font-family: Baskerville,"Goudy Old Style",Palatino,"Book Antiqua",serif !important;
    font-style: italic;
}

/* = Mixins = */
/* = BG Gradient Mixin = */
/* = Border Radius Mixins = */
/* = Button Mixins = */
/* = Clearfix = */
/* = Columns Mixin = */
/* = Form Mixins = */
/* = Grouping = */
/* = Link States = */
/* = No Bullets Mixin = */
/* = Opacity Mixin = */
/* = Reset Text Mixin = */
/* = Responsive Mixins = */
/* = Text Emphasis = */
/* = Text Overflow = */
/* = Visually Hidden Mixin = */
/* = Variables = */
/* = Typography = */
@font-face {
    src: url("/sup/fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("/sup/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("/sup/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("/sup/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("/sup/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("/sup/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");

    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
}
@font-face {
    src: url("/sup/fonts/nevis/nevis-Bold.eot?#iefix") format("embedded-opentype"), url("/sup/fonts/nevis/nevis-Bold.woff") format("woff"), url("/sup/fonts/nevis/nevis-Bold.ttf") format("truetype"), url("/sup/fonts/nevis/nevis-Bold.svg#nevis-Bold") format("svg");

    font-family: "nevis-Bold";
    font-style: normal;
    font-weight: normal;
}
fieldset h3,
#submit h2,
.highlight,
footer.primary .footer-col h4,
footer.primary .footer-col h4 a,
footer.primary h4,
footer.primary h4 a,
p.highlight,
.main h2,
.main h4,
aside.primary h4,
aside.primary h3,
ol.record_list li h3,
ol.accented li h3,
ol.accented li div.accent .year,
.benefits h3,
section.courses .featured-course .date .year,
section.courses .course-listing h2,
section.courses .course-listing .title,
.supplemental .section h4,
.supplemental .section h3,
.supplemental .board_message,
#mscpa_staff ul.staff li h3,
.narrative h3,
.organization_info h3,
.organization_name_address h3,
.contact_info h3,
.work_info h3,
body#affinity_programs .section h3 {
    font-family: "Droid Serif", serif;
    font-weight: 400;
}

ol.accented li div.accent .month,
ol.accented li div.accent .day,
section.courses .featured-course .date .month,
section.courses .featured-course .date .day {
    font-family: "Droid Serif", serif;
    font-weight: 700;
}

.job-postings ul,
.job-postings li,
ul h3,
section.courses .course-listing .description,
.supplemental .section,
.leadership_list h3,
#mscpa_staff ul.staff li h4 {
    font-family: "Droid Sans", sans-serif;
    font-weight: 400;
}

table th,
table.responsive th,
footer.primary a:not(.button),
section.courses .course-listing .date,
.dashboard-widget h3 {
    font-family: "Droid Sans", sans-serif;
    font-weight: 700;
}

.callout_block p strong,
.cards .card .meta,
nav.utility li.salutation span,
nav.utility a,
.dl-menuwrapper li a,
ol.meta li ul li em,
ol.meta li ul li span,
section.courses .featured-course .course-info ul,
.supplemental .secondary_nav {
    font-style: normal !important;
    font-weight: normal !important;
}

.callout_block p strong,
.cards .card .meta,
nav.utility li.salutation span,
nav.utility a,
.dl-menuwrapper li a,
ol.meta li ul li em,
ol.meta li ul li span,
section.courses .featured-course .course-info ul,
.supplemental .secondary_nav {
    font-family: "nevis-Bold";
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: inherit;
    font-family: "nevis-Bold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.1;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
    color: #777;
    font-weight: normal;
    line-height: 1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-bottom: 12.5px;
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-bottom: 12.5px;
    margin-top: 12.5px;
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 40px;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 28px;
}

h4,
.h4 {
    font-size: 20px;
}

h5,
.h5 {
    font-size: 16px;
}

h6,
.h6 {
    font-size: 14px;
}
.main ul,
.main ol {
    list-style-type: disc;
    margin-bottom: 1em;
    margin-left: 1.5em;
}
.main ol {
    list-style-type: decimal;
}

/* = Button Styles = */
.button.disabled,
button.disabled,
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
a.button.disabled {
    background-image: -webkit-linear-gradient(top, #888, #6F6F6F);
    background-image: -o-linear-gradient(top, #888, #6F6F6F);
    background-image: linear-gradient(to bottom, #888, #6F6F6F);
    border-color: #6F6F6F;
    cursor: default;
    pointer-events: none;
}

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

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.montana-connection-callout span {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #6794C8;
    border: 1px solid #6794C8;
    border-radius: 0;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: "nevis-Bold", Arial, sans-serif;
    font-size: 1.125em;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
    line-height: 1.6;
    line-height: 1.6;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
    opacity: 1;
    -moz-osx-font-smoothing: grayscale;
    padding: 10px 1em;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.button:focus,
.button.focus,
.button:active:focus,
.button:active.focus,
.button.active:focus,
.button.active.focus,
button:focus,
button.focus,
button:active:focus,
button:active.focus,
button.active:focus,
button.active.focus,
input[type="button"]:focus,
input[type="button"].focus,
input[type="button"]:active:focus,
input[type="button"]:active.focus,
input[type="button"].active:focus,
input[type="button"].active.focus,
input[type="reset"]:focus,
input[type="reset"].focus,
input[type="reset"]:active:focus,
input[type="reset"]:active.focus,
input[type="reset"].active:focus,
input[type="reset"].active.focus,
input[type="submit"]:focus,
input[type="submit"].focus,
input[type="submit"]:active:focus,
input[type="submit"]:active.focus,
input[type="submit"].active:focus,
input[type="submit"].active.focus,
a.button:focus,
a.button.focus,
a.button:active:focus,
a.button:active.focus,
a.button.active:focus,
a.button.active.focus {
    -webkit-box-shadow: inset 0 0 10px -2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: inset 0 0 10px -2px rgba(50, 50, 50, 0.2);
    box-shadow: inset 0 0 10px -2px rgba(50, 50, 50, 0.2);
}
.button:hover,
.button:focus,
.button.focus,
button:hover,
button:focus,
button.focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"].focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"].focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"].focus,
a.button:hover,
a.button:focus,
a.button.focus {
    background: #3C6DA6;
    border-color: #3C6DA6;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
}
.button:active,
.button.active,
button:active,
button.active,
input[type="button"]:active,
input[type="button"].active,
input[type="reset"]:active,
input[type="reset"].active,
input[type="submit"]:active,
input[type="submit"].active,
a.button:active,
a.button.active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    outline: 0;
}
.button.disabled,
.button[disabled],
fieldset[disabled] .button,
button.disabled,
button[disabled],
fieldset[disabled]
button,
input[type="button"].disabled,
input[type="button"][disabled],
fieldset[disabled]
input[type="button"],
input[type="reset"].disabled,
input[type="reset"][disabled],
fieldset[disabled]
input[type="reset"],
input[type="submit"].disabled,
input[type="submit"][disabled],
fieldset[disabled]
input[type="submit"],
a.button.disabled,
a.button[disabled],
fieldset[disabled]
a.button {
    box-shadow: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
}
.button.large,
button.large,
input[type="button"].large,
input[type="reset"].large,
input[type="submit"].large,
a.button.large {
    font-size: 1.25em;
    padding: 0.9375em 1.25em;
}
.button.button-sm,
button.button-sm,
input[type="button"].button-sm,
input[type="reset"].button-sm,
input[type="submit"].button-sm,
a.button.button-sm {
    border-radius: 20px !important;
    font-size: 0.9375em;
    padding: 0.375em 0.5em;
}
.button.button-md,
button.button-md,
input[type="button"].button-md,
input[type="reset"].button-md,
input[type="submit"].button-md,
a.button.button-md {
    padding: 0.8125em 1.25em;
}

.button-default {
    background-color: #FFF;
    border-color: #CCC;
    color: #333;
}
.button-default:focus,
.button-default.focus {
    background-color: #E6E6E6;
    border-color: #8C8C8C;
    color: #333;
}
.button-default:hover {
    background-color: #E6E6E6;
    border-color: #ADADAD;
    color: #333;
}
.button-default:active,
.button-default.active,
.open > .button-default.dropdown-toggle {
    background-color: #E6E6E6;
    border-color: #ADADAD;
    color: #333;
}
.button-default:active:hover,
.button-default:active:focus,
.button-default:active.focus,
.button-default.active:hover,
.button-default.active:focus,
.button-default.active.focus,
.open > .button-default.dropdown-toggle:hover,
.open > .button-default.dropdown-toggle:focus,
.open > .button-default.dropdown-toggle.focus {
    background-color: #D4D4D4;
    border-color: #8C8C8C;
    color: #333;
}
.button-default:active,
.button-default.active,
.open > .button-default.dropdown-toggle {
    background-image: none;
}
.button-default.disabled:hover,
.button-default.disabled:focus,
.button-default.disabled.focus,
.button-default[disabled]:hover,
.button-default[disabled]:focus,
.button-default[disabled].focus,
fieldset[disabled] .button-default:hover,
fieldset[disabled] .button-default:focus,
fieldset[disabled] .button-default.focus {
    background-color: #FFF;
    border-color: #CCC;
}
.button-default .badge {
    background-color: #333;
    color: #FFF;
}

.button-primary {
    background-color: #337AB7;
    border-color: #2E6DA4;
    color: #FFF;
}
.button-primary:focus,
.button-primary.focus {
    background-color: #286090;
    border-color: #122B40;
    color: #FFF;
}
.button-primary:hover {
    background-color: #286090;
    border-color: #204D74;
    color: #FFF;
}
.button-primary:active,
.button-primary.active,
.open > .button-primary.dropdown-toggle {
    background-color: #286090;
    border-color: #204D74;
    color: #FFF;
}
.button-primary:active:hover,
.button-primary:active:focus,
.button-primary:active.focus,
.button-primary.active:hover,
.button-primary.active:focus,
.button-primary.active.focus,
.open > .button-primary.dropdown-toggle:hover,
.open > .button-primary.dropdown-toggle:focus,
.open > .button-primary.dropdown-toggle.focus {
    background-color: #204D74;
    border-color: #122B40;
    color: #FFF;
}
.button-primary:active,
.button-primary.active,
.open > .button-primary.dropdown-toggle {
    background-image: none;
}
.button-primary.disabled:hover,
.button-primary.disabled:focus,
.button-primary.disabled.focus,
.button-primary[disabled]:hover,
.button-primary[disabled]:focus,
.button-primary[disabled].focus,
fieldset[disabled] .button-primary:hover,
fieldset[disabled] .button-primary:focus,
fieldset[disabled] .button-primary.focus {
    background-color: #337AB7;
    border-color: #2E6DA4;
}
.button-primary .badge {
    background-color: #FFF;
    color: #337AB7;
}

.button-success {
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFF;
}
.button-success:focus,
.button-success.focus {
    background-color: #449D44;
    border-color: #255625;
    color: #FFF;
}
.button-success:hover {
    background-color: #449D44;
    border-color: #398439;
    color: #FFF;
}
.button-success:active,
.button-success.active,
.open > .button-success.dropdown-toggle {
    background-color: #449D44;
    border-color: #398439;
    color: #FFF;
}
.button-success:active:hover,
.button-success:active:focus,
.button-success:active.focus,
.button-success.active:hover,
.button-success.active:focus,
.button-success.active.focus,
.open > .button-success.dropdown-toggle:hover,
.open > .button-success.dropdown-toggle:focus,
.open > .button-success.dropdown-toggle.focus {
    background-color: #398439;
    border-color: #255625;
    color: #FFF;
}
.button-success:active,
.button-success.active,
.open > .button-success.dropdown-toggle {
    background-image: none;
}
.button-success.disabled:hover,
.button-success.disabled:focus,
.button-success.disabled.focus,
.button-success[disabled]:hover,
.button-success[disabled]:focus,
.button-success[disabled].focus,
fieldset[disabled] .button-success:hover,
fieldset[disabled] .button-success:focus,
fieldset[disabled] .button-success.focus {
    background-color: #5CB85C;
    border-color: #4CAE4C;
}
.button-success .badge {
    background-color: #FFF;
    color: #5CB85C;
}

.button-info {
    background-color: #5BC0DE;
    border-color: #46B8DA;
    color: #FFF;
}
.button-info:focus,
.button-info.focus {
    background-color: #31B0D5;
    border-color: #1B6D85;
    color: #FFF;
}
.button-info:hover {
    background-color: #31B0D5;
    border-color: #269ABC;
    color: #FFF;
}
.button-info:active,
.button-info.active,
.open > .button-info.dropdown-toggle {
    background-color: #31B0D5;
    border-color: #269ABC;
    color: #FFF;
}
.button-info:active:hover,
.button-info:active:focus,
.button-info:active.focus,
.button-info.active:hover,
.button-info.active:focus,
.button-info.active.focus,
.open > .button-info.dropdown-toggle:hover,
.open > .button-info.dropdown-toggle:focus,
.open > .button-info.dropdown-toggle.focus {
    background-color: #269ABC;
    border-color: #1B6D85;
    color: #FFF;
}
.button-info:active,
.button-info.active,
.open > .button-info.dropdown-toggle {
    background-image: none;
}
.button-info.disabled:hover,
.button-info.disabled:focus,
.button-info.disabled.focus,
.button-info[disabled]:hover,
.button-info[disabled]:focus,
.button-info[disabled].focus,
fieldset[disabled] .button-info:hover,
fieldset[disabled] .button-info:focus,
fieldset[disabled] .button-info.focus {
    background-color: #5BC0DE;
    border-color: #46B8DA;
}
.button-info .badge {
    background-color: #FFF;
    color: #5BC0DE;
}

.button-warning {
    background-color: #F0AD4E;
    border-color: #EEA236;
    color: #FFF;
}
.button-warning:focus,
.button-warning.focus {
    background-color: #EC971F;
    border-color: #985F0D;
    color: #FFF;
}
.button-warning:hover {
    background-color: #EC971F;
    border-color: #D58512;
    color: #FFF;
}
.button-warning:active,
.button-warning.active,
.open > .button-warning.dropdown-toggle {
    background-color: #EC971F;
    border-color: #D58512;
    color: #FFF;
}
.button-warning:active:hover,
.button-warning:active:focus,
.button-warning:active.focus,
.button-warning.active:hover,
.button-warning.active:focus,
.button-warning.active.focus,
.open > .button-warning.dropdown-toggle:hover,
.open > .button-warning.dropdown-toggle:focus,
.open > .button-warning.dropdown-toggle.focus {
    background-color: #D58512;
    border-color: #985F0D;
    color: #FFF;
}
.button-warning:active,
.button-warning.active,
.open > .button-warning.dropdown-toggle {
    background-image: none;
}
.button-warning.disabled:hover,
.button-warning.disabled:focus,
.button-warning.disabled.focus,
.button-warning[disabled]:hover,
.button-warning[disabled]:focus,
.button-warning[disabled].focus,
fieldset[disabled] .button-warning:hover,
fieldset[disabled] .button-warning:focus,
fieldset[disabled] .button-warning.focus {
    background-color: #F0AD4E;
    border-color: #EEA236;
}
.button-warning .badge {
    background-color: #FFF;
    color: #F0AD4E;
}

.button-danger {
    background-color: #D9534F;
    border-color: #D43F3A;
    color: #FFF;
}
.button-danger:focus,
.button-danger.focus {
    background-color: #C9302C;
    border-color: #761C19;
    color: #FFF;
}
.button-danger:hover {
    background-color: #C9302C;
    border-color: #AC2925;
    color: #FFF;
}
.button-danger:active,
.button-danger.active,
.open > .button-danger.dropdown-toggle {
    background-color: #C9302C;
    border-color: #AC2925;
    color: #FFF;
}
.button-danger:active:hover,
.button-danger:active:focus,
.button-danger:active.focus,
.button-danger.active:hover,
.button-danger.active:focus,
.button-danger.active.focus,
.open > .button-danger.dropdown-toggle:hover,
.open > .button-danger.dropdown-toggle:focus,
.open > .button-danger.dropdown-toggle.focus {
    background-color: #AC2925;
    border-color: #761C19;
    color: #FFF;
}
.button-danger:active,
.button-danger.active,
.open > .button-danger.dropdown-toggle {
    background-image: none;
}
.button-danger.disabled:hover,
.button-danger.disabled:focus,
.button-danger.disabled.focus,
.button-danger[disabled]:hover,
.button-danger[disabled]:focus,
.button-danger[disabled].focus,
fieldset[disabled] .button-danger:hover,
fieldset[disabled] .button-danger:focus,
fieldset[disabled] .button-danger.focus {
    background-color: #D9534F;
    border-color: #D43F3A;
}
.button-danger .badge {
    background-color: #FFF;
    color: #D9534F;
}

.button-link {
    border-radius: 0;
    color: #5276DA;
    font-weight: normal;
}
.button-link,
.button-link:active,
.button-link.active,
.button-link[disabled],
fieldset[disabled] .button-link {
    background-color: transparent;
    box-shadow: none;
}
.button-link,
.button-link:hover,
.button-link:focus,
.button-link:active {
    border-color: transparent;
}
.button-link:hover,
.button-link:focus {
    background-color: transparent;
    color: #91A8E7;
    text-decoration: none;
}
.button-link[disabled]:hover,
.button-link[disabled]:focus,
fieldset[disabled] .button-link:hover,
fieldset[disabled] .button-link:focus {
    color: #777;
    text-decoration: none;
}

.button-lg {
    border-radius: 6px;
    font-size: 20px;
    line-height: 1.33333;
    padding: 12px 20px;
}

.button-sm {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 10px;
}

.button-xs {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.5;
    padding: 1px 5px;
}

.button-block {
    display: block;
    width: 100%;
}

.button-block + .button-block {
    margin-top: 5px;
}

input[type="submit"].button-block,
input[type="reset"].button-block,
input[type="button"].button-block {
    width: 100%;
}

/* = Form Styles = */
.firm_members .checkbox,
.coworkers .checkbox {
    margin: 0 !important;
}
.firm_members .checkbox input,
.coworkers .checkbox input {
    margin-top: 5px;
    vertical-align: top;
}

.coworkers {
    margin-top: 0.625em;
}

.g-recaptcha,
#submit {
    display: inline-block;
    width: 100% !important;
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-size: 100%;
    line-height: inherit;
}

.button,
.checkboxes,
.file,
.password,
.radios,
.reset,
.select,
.submit,
.text,
.textarea {
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;
}

legend {
    border: 0;
    border-bottom: 1px solid #E5E5E5;
    color: #333;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin-bottom: 25px;
    padding: 0;
    width: 100%;
}

label {
    color: #172B39;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 5px;
    max-width: 100%;
    width: 98%;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    line-height: normal;
    margin: 3px 0 0 1px;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

output {
    color: #555;
    display: block;
    font-size: 16px;
    line-height: 1.6;
    padding-top: 11px;
}

.text,
.password,
.textarea,
.select {
    width: 100%;
}

.select {
    cursor: pointer;
    position: relative;
}
.select:before {
    border-bottom: 2px solid #83459B;
    border-right: 2px solid #83459B;
    bottom: 20px;
    content: "";
    content: " ";
    height: 15px !important;
    pointer-events: none;
    position: absolute;
    right: 25px;
    transform: rotate(45deg);
    width: 15px !important;
    z-index: 100;
}

.select,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    max-width: 25em;
    position: relative;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: #F9F9F9;
    background-image: none;
    border: 1px solid #E5E5E5;
    border-radius: 0;
    color: #555;
    display: block;
    font-size: 16px;
    font-size: 16px;
    line-height: 1.6;
    line-height: 1.6;
    padding: 12px 20px;
    -webkit-transition: border-color ease-in-out 0.3s, box-shadow ease-in-out 0.2s;
    -moz-transition: border-color ease-in-out 0.3s, box-shadow ease-in-out 0.2s;
    transition: border-color ease-in-out 0.3s, box-shadow ease-in-out 0.2s;
    width: 100%;
}
select:hover,
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover {
    border-color: #BFBFBF;
}
select::-ms-expand,
textarea::-ms-expand,
input[type="text"]::-ms-expand,
input[type="password"]::-ms-expand,
input[type="datetime"]::-ms-expand,
input[type="datetime-local"]::-ms-expand,
input[type="date"]::-ms-expand,
input[type="month"]::-ms-expand,
input[type="time"]::-ms-expand,
input[type="week"]::-ms-expand,
input[type="number"]::-ms-expand,
input[type="email"]::-ms-expand,
input[type="url"]::-ms-expand,
input[type="search"]::-ms-expand,
input[type="tel"]::-ms-expand,
input[type="color"]::-ms-expand {
    background-color: transparent;
    border: 0;
}
select[disabled],
select[readonly],
fieldset[disabled] select,
textarea[disabled],
textarea[readonly],
fieldset[disabled]
textarea,
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled]
input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled]
input[type="password"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled]
input[type="datetime-local"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled]
input[type="date"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled]
input[type="month"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled]
input[type="time"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled]
input[type="week"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled]
input[type="number"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled]
input[type="email"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled]
input[type="url"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled]
input[type="tel"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled]
input[type="color"] {
    background-color: #EEE;
    opacity: 1;
}
select[disabled],
fieldset[disabled] select,
textarea[disabled],
fieldset[disabled]
textarea,
input[type="text"][disabled],
fieldset[disabled]
input[type="text"],
input[type="password"][disabled],
fieldset[disabled]
input[type="password"],
input[type="datetime"][disabled],
fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
fieldset[disabled]
input[type="datetime-local"],
input[type="date"][disabled],
fieldset[disabled]
input[type="date"],
input[type="month"][disabled],
fieldset[disabled]
input[type="month"],
input[type="time"][disabled],
fieldset[disabled]
input[type="time"],
input[type="week"][disabled],
fieldset[disabled]
input[type="week"],
input[type="number"][disabled],
fieldset[disabled]
input[type="number"],
input[type="email"][disabled],
fieldset[disabled]
input[type="email"],
input[type="url"][disabled],
fieldset[disabled]
input[type="url"],
input[type="search"][disabled],
fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
fieldset[disabled]
input[type="tel"],
input[type="color"][disabled],
fieldset[disabled]
input[type="color"] {
    cursor: not-allowed;
}

select:focus,
select.focus,
textarea:focus,
textarea.focus,
input[type="text"]:focus,
input[type="text"].focus,
input[type="password"]:focus,
input[type="password"].focus,
input[type="datetime"]:focus,
input[type="datetime"].focus,
input[type="datetime-local"]:focus,
input[type="datetime-local"].focus,
input[type="date"]:focus,
input[type="date"].focus,
input[type="month"]:focus,
input[type="month"].focus,
input[type="time"]:focus,
input[type="time"].focus,
input[type="week"]:focus,
input[type="week"].focus,
input[type="number"]:focus,
input[type="number"].focus,
input[type="email"]:focus,
input[type="email"].focus,
input[type="url"]:focus,
input[type="url"].focus,
input[type="search"]:focus,
input[type="search"].focus,
input[type="tel"]:focus,
input[type="tel"].focus,
input[type="color"]:focus,
input[type="color"].focus {
    background-color: #FFF;
    -webkit-box-shadow: inset 0 0 10px -2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: inset 0 0 10px -2px rgba(50, 50, 50, 0.2);
    box-shadow: inset 0 0 10px -2px rgba(50, 50, 50, 0.2);
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

textarea {
    height: auto;
    overflow: auto;
    resize: vertical;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"] {
        line-height: 47px;
    }
}
input[type="radio"],
input[type="checkbox"] {
    padding: 0;
}
input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
    cursor: not-allowed;
    vertical-align: top;
}

.coworkers input[type="checkbox"] {
    clear: both;
}

.radio,
.checkbox {
    clear: both;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0.625em !important;
    margin-top: 0.625em !important;
    vertical-align: top !important;
    width: 100%;
}
.radio label,
.checkbox label {
    display: inline-block;
    margin-left: 0.75em;
    width: 96%;
    width: calc(100% - 32px);
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
}

input[type="file"] {
    color: #333;
    display: block;
    font-size: 16px;
    width: 100%;
}

.registration .submit input[type="submit"] {
    margin-top: 1.25em !important;
    width: 100% !important;
}

.submit input[type="submit"] {
    margin: 0 !important;
}
.submit input[type="submit"] span {
    display: block;
    margin: 0;
}

.persistence label {
    display: inline-block !important;
    margin-bottom: 0.625em  !important;
    margin-left: 0.625em !important;
    width: auto  !important;
}

textarea:focus,
input:focus {
    outline: 0;
}

span.required {
    color: #F00;
}

fieldset {
    border: none;
    margin: 0 0 2.25em 0;
    overflow: hidden;
}
fieldset:before,
fieldset:after {
    content: " ";
    display: table;
}
fieldset:after {
    clear: both;
}
fieldset h3 {
    color: #F6B349;
    display: block;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin: 0 0 1rem;
    overflow: hidden;
    padding: 0 0.9375em 0 0;
    position: relative;
}
fieldset h3 span {
    background: #FFF;
    display: inline-block;
    padding-right: 1em;
    position: relative;
    z-index: 100;
}
fieldset h3:before {
    border-top: 1px solid #F6B349;
    content: "";
    height: 5px;
    position: absolute;
    top: 50%;
    width: 1200px;
}
fieldset .help {
    clear: both;
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 0;
}
form .help {
    clear: both;
    overflow: hidden;
}
@media only screen and (min-width: 64em) {
    fieldset .group > .password,
    fieldset .group > .text {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
    }
    fieldset .group > .text:last-child {
        margin-right: 0;
    }
    fieldset .group > .password.full,
    fieldset .group > .text.full {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    fieldset .group > .text.full:last-child {
        margin-right: 0;
    }
    fieldset .group > .text.address {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    fieldset .group > .text.address:last-child {
        margin-right: 0;
    }
    fieldset .group .billing_address {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    fieldset .group .billing_address:last-child {
        margin-right: 0;
    }
    fieldset .group .text.city,
    fieldset .group .text.billing_city {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
    }
    fieldset .group .text.city:last-child,
    fieldset .group .text.billing_city:last-child {
        margin-right: 0;
    }
    fieldset .group .text.state,
    fieldset .group .text.billing_state,
    fieldset .group .text.zip,
    fieldset .group .text.billing_zip_code,
    fieldset .group .text.credit_card_cvv_code,
    fieldset .group .text.credit_card_expiration_date {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%;
    }
    fieldset .group .text.state:last-child,
    fieldset .group .text.billing_state:last-child,
    fieldset .group .text.zip:last-child,
    fieldset .group .text.billing_zip_code:last-child,
    fieldset .group .text.credit_card_cvv_code:last-child,
    fieldset .group .text.credit_card_expiration_date:last-child {
        margin-right: 0;
    }
}
fieldset html.lt-ie9 .group > .text {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
}
fieldset html.lt-ie9 .group > .text:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group > .text.full {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
fieldset html.lt-ie9 .group > .text.full:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group > .text.address {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
fieldset html.lt-ie9 .group > .text.address:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group .billing_address {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
fieldset html.lt-ie9 .group .billing_address:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group .text.city,
fieldset html.lt-ie9 .group .text.billing_city {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
}
fieldset html.lt-ie9 .group .text.city:last-child,
fieldset html.lt-ie9 .group .text.billing_city:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group .text.state,
fieldset html.lt-ie9 .group .text.billing_state,
fieldset html.lt-ie9 .group .text.zip,
fieldset html.lt-ie9 .group .text.billing_zip_code,
fieldset html.lt-ie9 .group .text.credit_card_cvv_code,
fieldset html.lt-ie9 .group .text.credit_card_expiration_date {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
}
fieldset html.lt-ie9 .group .text.state:last-child,
fieldset html.lt-ie9 .group .text.billing_state:last-child,
fieldset html.lt-ie9 .group .text.zip:last-child,
fieldset html.lt-ie9 .group .text.billing_zip_code:last-child,
fieldset html.lt-ie9 .group .text.credit_card_cvv_code:last-child,
fieldset html.lt-ie9 .group .text.credit_card_expiration_date:last-child {
    margin-right: 0;
}

.group .text.credit_card_number,
#credit_card_number {
    position: relative;
}
.group .text.credit_card_number:before,
#credit_card_number:before {
    background-image: url(../images/credit_card_logos.png);
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0.75em;
    top: 46px;
    width: 121px;
    z-index: 10;
}

fieldset {
    border: none;
    margin: 0 0 2.25em 0;
}
fieldset:before,
fieldset:after {
    content: " ";
    display: table;
}
fieldset:after {
    clear: both;
}
fieldset h3 {
    color: #F6B349;
    display: block;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin: 0 0 1rem;
    overflow: hidden;
    padding: 0 0.9375em 0 0;
    position: relative;
}
fieldset h3 span {
    background: #FFF;
    padding-right: 1em;
    position: relative;
    z-index: 100;
}
fieldset h3:before {
    border-top: 1px solid #F6B349;
    content: "";
    height: 5px;
    position: absolute;
    top: 50%;
    width: 1200px;
}
fieldset .help {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 15px 0;
    padding: 0;
}
@media only screen and (min-width: 64em) {
    fieldset .group > .text {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
    }
    fieldset .group > .text:last-child {
        margin-right: 0;
    }
    fieldset .group > .text.full {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    fieldset .group > .text.full:last-child {
        margin-right: 0;
    }
    fieldset .group > .text.address {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    fieldset .group > .text.address:last-child {
        margin-right: 0;
    }
    fieldset .group .billing_address {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    fieldset .group .billing_address:last-child {
        margin-right: 0;
    }
    fieldset .group .text.city,
    fieldset .group .text.billing_city {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
    }
    fieldset .group .text.city:last-child,
    fieldset .group .text.billing_city:last-child {
        margin-right: 0;
    }
    fieldset .group .text.state,
    fieldset .group .text.billing_state,
    fieldset .group .text.zip,
    fieldset .group .text.billing_zip_code,
    fieldset .group .text.credit_card_cvv_code,
    fieldset .group .text.credit_card_expiration_date {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%;
    }
    fieldset .group .text.state:last-child,
    fieldset .group .text.billing_state:last-child,
    fieldset .group .text.zip:last-child,
    fieldset .group .text.billing_zip_code:last-child,
    fieldset .group .text.credit_card_cvv_code:last-child,
    fieldset .group .text.credit_card_expiration_date:last-child {
        margin-right: 0;
    }
}
fieldset html.lt-ie9 .group > .text {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
}
fieldset html.lt-ie9 .group > .text:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group > .text.full {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
fieldset html.lt-ie9 .group > .text.full:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group > .text.address {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
fieldset html.lt-ie9 .group > .text.address:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group .billing_address {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
fieldset html.lt-ie9 .group .billing_address:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group .text.city,
fieldset html.lt-ie9 .group .text.billing_city {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
}
fieldset html.lt-ie9 .group .text.city:last-child,
fieldset html.lt-ie9 .group .text.billing_city:last-child {
    margin-right: 0;
}
fieldset html.lt-ie9 .group .text.state,
fieldset html.lt-ie9 .group .text.billing_state,
fieldset html.lt-ie9 .group .text.zip,
fieldset html.lt-ie9 .group .text.billing_zip_code,
fieldset html.lt-ie9 .group .text.credit_card_cvv_code,
fieldset html.lt-ie9 .group .text.credit_card_expiration_date {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
}
fieldset html.lt-ie9 .group .text.state:last-child,
fieldset html.lt-ie9 .group .text.billing_state:last-child,
fieldset html.lt-ie9 .group .text.zip:last-child,
fieldset html.lt-ie9 .group .text.billing_zip_code:last-child,
fieldset html.lt-ie9 .group .text.credit_card_cvv_code:last-child,
fieldset html.lt-ie9 .group .text.credit_card_expiration_date:last-child {
    margin-right: 0;
}

form.create_new_password,
form.forgot_password {
    max-width: 31.25em;
}

.back-link {
    clear: both;
    display: block;
    margin-top: 1.5625em;
    overflow: hidden;
}

.muted-text {
    color: #AAABAB;
    float: right;
    font-size: 0.875em;
    line-height: 1.625rem;
}

.g-recaptcha,
#submit {
    margin-top: 1.5625em;
}
#submit h2 {
    color: #C7485C;
    font-size: 1.75rem;
    line-height: 1.875rem;
    margin: 0 0 0.3125em 0;
    padding: 0;
}

/* = Tables = */
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5em;
    overflow-x: scroll !important;
    width: 100%;
}
table caption {
    font-size: 12px;
    margin-bottom: 0.75em;
}
table tbody {
    overflow-x: scroll !important;
}
table td,
table th {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0.65em 1em;
    text-align: left;
    vertical-align: top;
}
table th {
    background: #9A9A9A;
    border-bottom: 1px solid #727272;
    border-right: 1px solid #727272;
    color: #FFF;
}
table td {
    background-color: #EBEBEB;
    border: 1px solid  #C4C4C4;
}

/* = Tables = */
body#member_directory table.responsive td:nth-child(1):before {
    content: "Member Name:";
}
body#member_directory table.responsive td:nth-child(2):before {
    content: "Organization Name:";
}
body#member_directory table.responsive td:nth-child(3):before {
    content: "Organization Address:";
}

table.responsive {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.125em;
    margin: 1.25em 0;
    min-width: 300px;
    width: 100%;
}
table.responsive a {
    display: block;
}
table.responsive caption {
    font-size: 12px;
    margin-bottom: 0.75em;
}
table.responsive th,
table.responsive td {
    background: transparent;
    background-color: #EBEBEB;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    padding: 0.65em 1em !important;
    text-align: left;
    vertical-align: top;
}
table.responsive tr {
    border: 1px solid #727272 !important;
    border-right: 1px solid #727272 !important;
}
table.responsive th {
    display: none;
}
table.responsive td {
    display: block;
    padding: 0.625em 0;
}
table.responsive td:first-child {
    padding-top: 1.25em;
}
table.responsive td:last-child {
    border-bottom: 1px solid #727272 !important;
    padding-bottom: 1.25em;
}
table.responsive td:nth-child(1):before {
    content: "Member Name:";
}
table.responsive td:nth-child(2):before {
    content: "Organization Name:";
}
table.responsive td:nth-child(3):before {
    content: "Organization Address:";
}
table.responsive td:before {
    clear: both;
    display: inline-block;
    font-weight: 700;
    line-height: 1.2;
    width: 100%;
}
@media (min-width: 650px) {
    table.responsive td:before {
        display: none;
    }
}
@media (min-width: 650px) {
    table.responsive th,
    table.responsive td {
        color: #525252;
        display: table-cell;
        padding: 0.65em 1em !important;
        text-align: left;
    }
    table.responsive th:first-child,
    table.responsive td:first-child {
        padding-left: 0;
    }
    table.responsive th:last-child,
    table.responsive td:last-child {
        padding-bottom: 0;
        padding-right: 0;
    }
    table.responsive tr {
        border: 1px solid #727272 !important;
        border-right: 1px solid #727272 !important;
    }
    table.responsive th {
        background: #9A9A9A;
        border-bottom: 1px solid #727272 !important;
        border-right: 1px solid #727272 !important;
        color: #525252 !important;
    }
    table.responsive td {
        background-color: #EBEBEB !important;
        border: 1px solid  #C4C4C4 !important;
    }
    table.responsive td:last-child {
        border-bottom: none !important;
    }
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    background: #FFF;
    color: #39393B;
    min-height: 100%;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 100%;
}

html {
    font-size: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Droid Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

#header,
#page-title,
#footer,
#torso,
.site {
    display: block;
    width: 100%;
}
#header:before,
#header:after,
#page-title:before,
#page-title:after,
#footer:before,
#footer:after,
#torso:before,
#torso:after,
.site:before,
.site:after {
    content: " ";
    display: table;
}
#header:after,
#page-title:after,
#footer:after,
#torso:after,
.site:after {
    clear: both;
}

.wrapper:before,
.wrapper:after {
    content: " ";
    display: table;
}
.wrapper:after {
    clear: both;
}

.container:before,
.container:after,
.roup:before,
.roup:after {
    content: "";
    display: table;
}
.container:after,
.roup:after {
    clear: both;
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 77.5em;
    padding-left: 16px;
    padding-right: 16px;
}

.columns > hr {
    display: none;
}
@media only screen and (min-width: 600px) {
    .columns {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .columns > * {
        display: table-cell;
        vertical-align: top;
    }
    .columns > hr {
        display: table-cell;
        width: 16px;
    }
}
html.lt-ie9 .columns {
    display: table;
    table-layout: fixed;
    width: 100%;
}
html.lt-ie9 .columns > * {
    display: table-cell;
    vertical-align: top;
}
html.lt-ie9 .columns > hr {
    display: table-cell;
    width: 16px;
}

a {
    color: #5276DA;
    outline: 0;
    text-decoration: none;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}
a:visited,
a:active {
    outline: 0;
}
a:hover,
a:focus {
    color: #91A8E7;
    outline: 0;
    text-decoration: none;
}

figure {
    margin: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

.img-rounded {
    border-radius: 6px;
}

hr {
    border: 0;
    border-top: 1px solid #EEE;
    margin-bottom: 25px;
    margin-top: 25px;
}

[role="button"] {
    cursor: pointer;
}

::-moz-selection {
    background: #FFF1B5;
    text-shadow: none;
}

::selection {
    background: #FFF1B5;
    text-shadow: none;
}

.meta {
    color: #888;
    font-size: 12px;
    margin-bottom: 0.5em;
    margin-top: -0.667em;
}

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

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: italic;
}

blockquote,
pre {
    color: #888;
    margin-bottom: 1.5em;
}
blockquote:before,
blockquote:after,
pre:before,
pre:after {
    content: "";
    display: table;
}
blockquote:after,
pre:after {
    clear: both;
}

blockquote {
    border-left: 1px solid #DDD;
    font-style: italic;
    padding-left: 16px;
}

article {
    margin-bottom: 3em;
}

.intro {
    color: #888;
}
.intro p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 0.8em;
}
.intro p strong a {
    color: #F2006D;
    outline: 0;
    text-decoration: none;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}
.intro p strong a:visited,
.intro p strong a:active {
    outline: 0;
}
.intro p strong a:hover,
.intro p strong a:focus {
    color: #91A8E7;
    outline: 0;
    text-decoration: none;
}

.highlight {
    border-radius: 4px;
    color: #83459B;
    font-size: 1.5rem;
    line-height: 2.0625rem;
    margin-bottom: 1.25em;
    margin-top: 0;
}
.highlight a {
    color: #5276DA;
}
.highlight p {
    margin-bottom: 0;
}

pre,
code {
    font-family: Menlo, "Ubuntu Mono", Consolas, "Courier New", monospace;
    font-size: 14px;
}

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

p {
    font-family: "Droid Sans", sans-serif;
    margin-bottom: 1.25em;
}

address {
    margin-bottom: 1.5em;
}

hr {
    border: 0;
    border-top: 1px solid #CCC;
    display: block;
    height: 0;
    width: 100%;
}

a {
    color: #5276DA;
    outline: 0;
    text-decoration: none;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}
a:visited,
a:active {
    outline: 0;
}
a:hover,
a:focus {
    color: #91A8E7;
    outline: 0;
    text-decoration: none;
}

ol,
ul,
dl {
    margin-bottom: 1.5em;
}

ol li,
ol dt,
ol dd,
ul li,
ul dt,
ul dd {
    margin-bottom: 0.5em;
}

ul {
    list-style-type: none;
}
ul li {
    position: relative;
}

ul.icon-list {
    list-style-type: none;
    margin-bottom: 0.25em;
    margin-left: 0;
}
ul.icon-list li {
    margin-bottom: 0.75em;
    padding-left: 1em;
}
ul.icon-list span.fa {
    color: #83459B;
    font-size: 1.375rem;
    left: 0;
    position: absolute;
    top: 0;
}
ul.icon-list.red span.fa {
    color: #C7485C;
}
ul.icon-list.orange span.fa {
    color: #F6B349;
}
ul.icon-list.purple span.fa {
    color: #83459B;
}
ul.icon-list.green span.fa {
    color: #68984E;
}
ul.icon-list.blue span.fa {
    color: #5276DA;
}

dt {
    font-weight: bold;
    padding-left: 0.5em;
}

dd {
    padding-left: 2em;
}

sup,
sub {
    font-size: 80%;
}

sup {
    vertical-align: top;
}

sub {
    vertical-align: bottom;
}

nav {
    position: relative;
}
nav:before,
nav:after {
    content: "";
    display: table;
}
nav:after {
    clear: both;
}
nav ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    position: relative;
}
nav ul li {
    display: block;
    float: left;
    margin-bottom: 0;
}
nav ul li a {
    padding: 0.5em 10px;
}
nav ul.container {
    padding-left: 6px;
    padding-right: 6px;
}

.main nav ul li ~ li {
    border-left: 1px solid #DDD;
}

/* = Branding = */
.branding {
    clear: both;
    display: inline-block;
    float: left;
    margin: 0;
    position: relative;
    z-index: 5000;
}
.branding a,
.branding img {
    display: block;
}
.branding img {
    display: block;
    height: 51px;
    max-width: 100%;
    width: 217px;
}
@media only screen and (min-width: 1024px) {
    .branding {
        clear: none;
        margin: 1.875em 0 0.9375em;
    }
}

.callout_block {
    background: url(/sup/img/site/bg_callout_block.jpg) no-repeat top right #74A89C;
    border: solid 1px #74A89C;
    color: #E3FBF7;
    line-height: 1.8;
    margin: 0 !important;
    margin-bottom: 24px !important;
    padding: 0.625em 24px 24px 24px;
    position: relative;
}

.callout_block p strong {
    color: #FFF;
    display: block;
    font-size: 1.5em;
    font-weight: normal;
    margin: 2px 0 0.5em 0;
    text-transform: uppercase;
}

.callout_block p a:link,
.callout_block p a:visited,
.callout_block p a:active {
    color: #E1FFFA;
    text-decoration: underline;
}

.callout_block p a:hover {
    color: #FFF;
    text-decoration: none;
}

.callout_block span {
    background-color: #628D8C;
    bottom: 0;
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%;
}

.callout_block span a.cta {
    background: url(/sup/img/site/bg_cta_button.jpg) no-repeat top left #94B7AF;
    border: solid 1px #5D8E83;
    bottom: 16px;
    color: #FFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
    position: absolute;
    right: 14px;
    text-decoration: none;
    text-transform: uppercase;
}

.callout_block span a.cta:hover {
    box-shadow: 0 10px 20px #446665;
    color: #FFF;
}

.no_link p {
    padding-bottom: 20px;
}

/* button links */
a.action {
    background: url(/sup/img/site/bg_action.jpg) repeat-x left center #F5F5F7;
    border: solid 1px #FFF;
    border: solid 1px #DADEE8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 10px #EEE, inset 0 -1px 0 #FFF;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 10px #EEE, inset 0 -1px 0 #FFF;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 10px #EEE, inset 0 -1px 0 #FFF;
    color: #6276B5;
    display: inline-block;
    font-weight: bold;
    margin-right: 15px;
    margin-top: 1em;
    padding: 4px 15px;
    text-decoration: none;
    width: auto;
}

a.action:hover {
    color: #5F8CD8;
    text-decoration: none;
}

.supplemental p a.action {
    text-decoration: none;
}

/* links to files */
a.file {
    background-image: url(/sup/img/site/filetypes/16/default.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-right: 22px;
}

a.jpg,
a.jpeg,
a.gif,
a.bmp,
a.tiff {
    background-image: url(/sup/img/site/filetypes/16/image.png);
}

a.ppt,
a.pptx {
    background-image: url(/sup/img/site/filetypes/16/powerpoint.png);
}

a.xls {
    background-image: url(/sup/img/site/filetypes/16/excel.png);
}

a.pdf {
    background-image: url(/sup/img/site/filetypes/16/pdf.png);
}

a.doc,
a.docx {
    background-image: url(/sup/img/site/filetypes/16/word.png);
}

a.zip {
    background-image: url(/sup/img/site/filetypes/16/zip.png);
}

/* Common */
.col_one_of_two {
    float: left;
    width: 50%;
}

.col_two_of_two {
    float: right;
    width: 50%;
}

/* = Cards / Card = */
.cards {
    clear: both;
    text-align: left;
}
.cards:before,
.cards:after {
    content: " ";
    display: table;
}
.cards:after {
    clear: both;
}
.cards .card {
    background: #FFF;
    border-radius: 0;
    border-top: 5px solid #CCC;
    height: 14.125em;
    margin-bottom: 1.618em;
    overflow: hidden;
    padding: 0.625em 1.25em 1.875em;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 25%;
}
.cards .card img {
    display: block;
    height: 3em;
    margin: 0 auto 1em;
    opacity: 0.4;
}
.cards .card h3 {
    color: #6794C8;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin: 0 0 0.5em;
    padding: 0;
    text-transform: uppercase;
}
.cards .card .meta {
    color: #A5A5A5;
    font-size: 0.9375rem;
    line-height: 2.5625rem;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
}
.cards .card p {
    color: rgba(82, 82, 82, 0.9);
    line-height: 1.5em;
    margin: auto;
}
.cards .card.blog {
    border-color: #C7485C;
}
.cards .card.blog .meta span {
    color: #C7485C;
}
.cards .card.news {
    border-color: #F6B349;
}
.cards .card.news .meta span {
    color: #F6B349;
}

.cards .card {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
.cards .card:last-child {
    margin-right: 0;
}
@media only screen and (min-width: 48.9375em) {
    .cards .card {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%;
    }
    .cards .card:last-child {
        margin-right: 0;
    }
    .cards .card:nth-child(2) {
        margin-right: 0;
    }
    .cards .card:nth-child(4) {
        margin-right: 0;
    }
    .cards .card-wide {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 65.88078%;
    }
    .cards .card-wide:last-child {
        margin-right: 0;
    }
}
.cards html.lt-ie9 .card {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
}
.cards html.lt-ie9 .card:last-child {
    margin-right: 0;
}
.cards html.lt-ie9 .card:nth-child(2) {
    margin-right: 0;
}
.cards html.lt-ie9 .card:nth-child(4) {
    margin-right: 0;
}
.cards html.lt-ie9 .card-wide {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
}
.cards html.lt-ie9 .card-wide:last-child {
    margin-right: 0;
}

/* = Col = */
@media only screen and (min-width: 48.9375em) {
    .col-1 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 6.17215%;
    }
    .col-1:last-child {
        margin-right: 0;
    }
}
.col-1 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 6.17215%;
}
.col-1 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-2 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 14.70196%;
    }
    .col-2:last-child {
        margin-right: 0;
    }
}
.col-2 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
}
.col-2 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-3 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%;
    }
    .col-3:last-child {
        margin-right: 0;
    }
}
.col-3 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
}
.col-3 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-4 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%;
    }
    .col-4:last-child {
        margin-right: 0;
    }
}
.col-4 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
}
.col-4 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-5 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 40.29137%;
    }
    .col-5:last-child {
        margin-right: 0;
    }
}
.col-5 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 40.29137%;
}
.col-5 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-6 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
    }
    .col-6:last-child {
        margin-right: 0;
    }
}
.col-6 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
}
.col-6 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-7 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 57.35098%;
    }
    .col-7:last-child {
        margin-right: 0;
    }
}
.col-7 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 57.35098%;
}
.col-7 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-8 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 65.88078%;
    }
    .col-8:last-child {
        margin-right: 0;
    }
}
.col-8 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
}
.col-8 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-9 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 74.41059%;
    }
    .col-9:last-child {
        margin-right: 0;
    }
}
.col-9 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 74.41059%;
}
.col-9 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-10 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 82.94039%;
    }
    .col-10:last-child {
        margin-right: 0;
    }
}
.col-10 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 82.94039%;
}
.col-10 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-11 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 91.4702%;
    }
    .col-11:last-child {
        margin-right: 0;
    }
}
.col-11 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 91.4702%;
}
.col-11 html.lt-ie9:last-child {
    margin-right: 0;
}

@media only screen and (min-width: 48.9375em) {
    .col-12 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    .col-12:last-child {
        margin-right: 0;
    }
}
.col-12 html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
.col-12 html.lt-ie9:last-child {
    margin-right: 0;
}

.omega {
    margin-right: 0;
}

/* = Featured Blocks = */
ul.features_blocks {
    display: inline-block;
    margin: 28px 0 0;
}

.features_blocks li {
    list-style: none;
    margin-bottom: 1.375em;
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    .features_blocks li {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
    }
    .features_blocks li:last-child {
        margin-right: 0;
    }
    .features_blocks li:nth-child(2n) {
        margin-right: 0;
    }
    .features_blocks li:nth-child(2n+1) {
        clear: left;
    }
}
.features_blocks li html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
}
.features_blocks li html.lt-ie9:last-child {
    margin-right: 0;
}
.features_blocks li html.lt-ie9:nth-child(2n) {
    margin-right: 0;
}
.features_blocks li html.lt-ie9:nth-child(2n+1) {
    clear: left;
}

.features_blocks li a {
    background: #FBECC1;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    box-shadow: 0 0 0 #FFF;
    display: block;
    padding: 12px 15px 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in;
}

.features_blocks li a:hover {
    background: #F8B449;
    box-shadow: 0 10px 40px #D4D3DE;
    color: #222;
    text-decoration: none;
}

.features_blocks .title {
    background: #FFF;
    background-image: none;
    background-image: none;
    color: #C7485C;
    color: #C7485C;
    display: block;
    font-size: 18px;
    margin: -9px -12px 10px;
    overflow: hidden;
    padding: 5px 13px;
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in;
}
.features_blocks .title:after {
    content: "\f0a9";
    filter: alpha(opacity=0);
    font: normal normal normal 24px/1 FontAwesome;
    opacity: 0;
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right 0.2s, opacity 0.2s;
    -moz-transition: right 0.2s, opacity 0.2s;
    transition: right 0.2s, opacity 0.2s;
}

.features_blocks a:hover .title:after {
    filter: alpha(opacity=100);
    opacity: 1;
    right: 15px;
}

.features_blocks .description {
    color: #333;
    display: block;
    margin: 0 0 12px;
    min-height: 100px;
}

/* = Footer Primary = */
footer.primary {
    background-color: #404040;
    border-top: 5px solid #F6B349;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
}
footer.primary:before,
footer.primary:after {
    content: " ";
    display: table;
}
footer.primary:after {
    clear: both;
}
@media only screen and (min-width: 48.9375em) {
    footer.primary .flex-container {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -o-align-items: stretch;
        align-items: stretch;
        -webkit-box-align: stretch;
        -moz-box-align: stretch;
        box-align: stretch;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-pack: start;
        -moz-box-pack: start;
        box-pack: start;
        display: -moz-flex;
        display: box;
        display: -moz-box;
        display: -webkit-box;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        -ms-flex-align: stretch;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }
}
footer.primary .flex-container html.lt-ie9 {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    display: -moz-flex;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -ms-flex-align: stretch;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
footer.primary .footer-super {
    overflow: hidden;
    padding-bottom: 1.875rem;
    padding-top: 3.75rem;
}
footer.primary .footer-sub {
    background: #FFF;
    overflow: hidden;
    overflow: hidden;
    padding-bottom: 1.875em;
    padding-top: 1.875em;
    width: 100%;
}
footer.primary .footer-sub p {
    color: #525252;
    margin: 0;
}
footer.primary .footer-col {
    color: #FFF;
    padding-right: 2.5em;
}
footer.primary .footer-col .col-title {
    display: block;
}
footer.primary .footer-col p {
    color: #FFF;
}
footer.primary .footer-col h4 {
    color: #FEEFD8;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 0.25rem 0;
    padding: 0;
    text-transform: none;
    white-space: nowrap;
}
footer.primary .footer-col h4 a {
    color: #FEEFD8;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 0.25rem 0;
    padding: 0;
    text-transform: none;
}
footer.primary .footer-col-1 {
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    footer.primary .footer-col-1 {
        -webkit-box-flex: 4;
        -moz-box-flex: 4;
        box-flex: 4;
        -webkit-flex: 4;
        -moz-flex: 4;
        -ms-flex: 4;
        flex: 4;
    }
}
footer.primary .footer-col-1 html.lt-ie9 {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
footer.primary .footer-col-2 {
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    footer.primary .footer-col-2 {
        -webkit-box-flex: 8;
        -moz-box-flex: 8;
        box-flex: 8;
        -webkit-flex: 8;
        -moz-flex: 8;
        -ms-flex: 8;
        flex: 8;
    }
}
footer.primary .footer-col-2 html.lt-ie9 {
    -webkit-box-flex: 8;
    -moz-box-flex: 8;
    box-flex: 8;
    -webkit-flex: 8;
    -moz-flex: 8;
    -ms-flex: 8;
    flex: 8;
}
footer.primary h3,
footer.primary .col-title {
    color: #F6B349;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 0.625em 0;
    padding: 0;
    text-transform: uppercase;
}
footer.primary h4 {
    color: #FEEFD8;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 0.25rem 0;
    padding: 0;
    text-transform: none;
}
footer.primary h4 a {
    color: #FEEFD8;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 0.25rem 0;
    padding: 0;
    text-transform: none;
}
footer.primary ul {
    margin-bottom: 0;
    padding: 0;
}
footer.primary li {
    line-height: 1.5em;
    list-style: none;
    margin-bottom: 0;
    text-align: left;
}
footer.primary address,
footer.primary p,
footer.primary li,
footer.primary a {
    display: block;
    font-size: 1rem;
    line-height: 1.6875rem;
}
footer.primary .actions {
    display: inline-block;
    margin: 2.5rem 0;
    width: 100%;
}
footer.primary a:not(.button) {
    color: #FFF;
    font-size: 1em;
    line-height: 1.6875em;
    text-transform: uppercase;
}
footer.primary .button {
    display: inline-block;
    float: left;
    font-size: 1.125rem;
    padding: 0.625em 1.5625em;
}
footer.primary .footer-links {
    float: left;
    width: calc(100% / 3);
}
footer.primary .footer-links a {
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
footer.primary .footer-links a:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
footer.primary .footer-links ul {
    margin-bottom: 1.875rem;
}
@media only screen and (max-width: 47.9375em) {
    footer.primary .footer-links {
        float: none;
        width: 100%;
    }
}
footer.primary .footer-links html.lt-ie9 {
    float: none;
    width: 100%;
}

/* = Footer Legal = */
footer .legal {
    display: inline-block;
    float: left;
    padding-left: 1.5625em;
}
footer .legal p {
    line-height: 2.5em;
}
@media only screen and (max-width: 47.9375em) {
    footer .legal {
        float: none;
        margin-top: 1.5625em;
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
    footer .legal p {
        font-size: 0.75em;
    }
}
footer .legal html.lt-ie9 {
    float: none;
    margin-top: 1.5625em;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
footer .legal html.lt-ie9 p {
    font-size: 0.75em;
}

/* = Footer Social = */
footer.primary ul.footer-social {
    display: inline-block;
    float: left;
}
@media only screen and (max-width: 47.9375em) {
    footer.primary ul.footer-social {
        float: none;
        text-align: center;
        width: 100%;
    }
}
footer.primary ul.footer-social html.lt-ie9 {
    float: none;
    text-align: center;
    width: 100%;
}
footer.primary ul.footer-social li {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0.625em;
}
footer.primary ul.footer-social li:first-child {
    margin-left: 0;
}
footer.primary ul.footer-social a {
    border-radius: 2.4375em;
    color: #FFF;
    display: block;
    height: 2.4375em;
    text-align: center;
    width: 2.4375em;
}
footer.primary ul.footer-social a span {
    display: block;
    font-size: 1.5625em;
    line-height: 1.5625em;
}
footer.primary ul.footer-social a.facebook {
    background-color: #3B5998;
}
footer.primary ul.footer-social a.linkedin {
    background-color: #0077B5;
}
footer.primary ul.footer-social a.twitter {
    background-color: #55ACEE;
}

/* = Header Primary = */
header.primary {
    background: #E7E7E7;
    background-color: #E7E7E7;
    background-image: url(../images/header-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 10px #000;
    display: block;
    -webkit-font-smoothing: antialiased;
    height: 150px;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 6000;
}
@media only screen and (min-width: 64em) {
    header.primary {
        height: 164px;
        width: 100%;
    }
}
header.primary html.lt-ie9 {
    height: 164px;
    width: 100%;
}

/* = Hero = */
.hero {
    background-attachment: scroll;
    background-color: #83459B;
    background-image: url(../images/hero-1920x720.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    position: relative;
}
.hero:before,
.hero:after {
    content: " ";
    display: table;
}
.hero:after {
    clear: both;
}
.hero h2 {
    font-size: 1.75rem;
    letter-spacing: -0.025em;
    letter-spacing: 0.0145em;
    line-height: 2rem;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
}
@media only screen and (min-width: 48.9375em) {
    .hero h2 {
        font-size: 1.75rem;
        line-height: 2rem;
        margin-bottom: 1.5625rem;
    }
}
.hero h2 html.lt-ie9 {
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 76em) {
    .hero h2 {
        font-size: 2.2rem;
        line-height: 2.875rem;
    }
}
.hero h2 html.lt-ie9 {
    font-size: 2.75rem;
    line-height: 2.875rem;
}
.hero p {
    float: left;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 2.5rem;
    max-width: 28.75rem;
}
.hero p.has-photo {
    /* Width fallback */
    max-width: 12rem;
    max-width: calc(100% - 50px - 1rem);
}
.hero .button {
    clear: both;
    float: left;
}
.hero img {
    clear: both;
    float: left;
    height: 150px;
    width: 150px;
}
@media only screen and (min-width: 64em) {
    .hero {
        background-attachment: fixed;
        background-position: bottom center;
    }
}
.hero html.lt-ie9 {
    background-attachment: fixed;
    background-position: bottom center;
}

.hero .row:before,
.hero .row:after {
    content: " ";
    display: table;
}
.hero .row:after {
    clear: both;
}
@media only screen and (max-width: 47.9375em) {
    .hero .container {
        padding: 0 !important;
    }
}
.hero html.lt-ie9 .container {
    padding: 0 !important;
}

.hero-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.5em 1.25em;
}
.hero-col.no-image .content {
    padding-right: 1.25em !important;
}
.hero-col:before,
.hero-col:after {
    content: " ";
    display: table;
}
.hero-col:after {
    clear: both;
}
.hero-col .content {
    float: left;
    position: relative;
}
.hero-col .button {
    margin-bottom: 1.25em;
    max-width: 340px;
}

.hero-col-2 {
    position: relative;
}

.content {
    display: block;
    margin: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
    z-index: 200;
}
.content:before,
.content:after {
    content: " ";
    display: table;
}
.content:after {
    clear: both;
}
@media only screen and (min-width: 48.9375em) {
    .content {
        padding-right: 120px;
    }
    .content img {
        height: 150px;
        width: 150px;
    }
}
.content html.lt-ie9 {
    padding-right: 120px;
}
.content html.lt-ie9 img {
    height: 150px;
    width: 150px;
}

@media only screen and (max-width: 47.9375em) {
    .hero-col-2:before {
        background: rgba(0, 0, 0, 0.3);
        bottom: 0;
        content: "";
        content: "";
        height: 1000px;
        left: 0;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        width: 1000px;
        z-index: 100;
    }
}
html.lt-ie9 .hero-col-2:before {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    content: "";
    height: 1000px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    width: 1000px;
    z-index: 100;
}

@media only screen and (min-width: 48.9375em) {
    .hero:before {
        background: rgba(0, 0, 0, 0.3);
        bottom: 0;
        content: "";
        content: "";
        height: 100%;
        min-height: 800px;
        opacity: 1;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
        width: 50%;
        z-index: 100;
    }
    .hero img {
        height: 150px;
        width: 150px;
    }

    .hero-col {
        float: left;
        overflow: hidden;
        padding: 3.75em 0;
        width: 50% !important;
    }

    .hero-col-1 .content {
        padding-right: 150px;
    }

    .hero-col-1 .content img {
        bottom: 1em;
        height: 150px;
        position: absolute;
        right: 2.5em;
        width: 150px;
    }

    .hero-col-2 .content {
        padding-left: 50px;
        padding-right: 150px;
    }
    .hero-col-2 .content img {
        bottom: 1em;
        height: 150px;
        position: absolute;
        right: 0;
        width: 150px;
    }
}
html.lt-ie9 .hero:before {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    content: "";
    content: "";
    height: 100%;
    min-height: 800px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    width: 50%;
    z-index: 100;
}
html.lt-ie9 .hero img {
    height: 150px;
    width: 150px;
}
html.lt-ie9 .hero-col {
    float: left;
    overflow: hidden;
    padding: 3.75em 0;
    width: 50% !important;
}
html.lt-ie9 .hero-col-1 .content {
    padding-right: 150px;
}
html.lt-ie9 .hero-col-1 .content img {
    bottom: 1em;
    height: 150px;
    position: absolute;
    right: 2.5em;
    width: 150px;
}
html.lt-ie9 .hero-col-2 .content {
    padding-left: 50px;
    padding-right: 150px;
}
html.lt-ie9 .hero-col-2 .content img {
    bottom: 1em;
    height: 5.625em;
    position: absolute;
    right: 0;
    width: 5.625em;
}

/* = Highlight = */
p.highlight {
    display: inline-block;
    font-weight: normal;
    width: 100%;
}
p.highlight img {
    display: block;
    margin: 0;
}
@media only screen and (min-width: 64em) {
    p.highlight img {
        display: inline-block;
        float: right;
        margin: 0 0 2.5em;
    }
}
p.highlight html.lt-ie9 img {
    display: inline-block;
    float: right;
    margin: 0 0 2.5em;
}

/* = Job Postings = */
.job-postings h3 {
    color: #F6B349;
    font-size: 1.125em;
    line-height: 1.375em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-bottom: 0;
    text-transform: uppercase;
}
.job-postings h3 a {
    font-size: 1.5em;
}
.job-postings ul {
    margin-left: 0;
    padding: 0;
}
.job-postings li {
    display: inline-block;
    line-height: 1.2;
    list-style-position: inside;
    margin-left: 0;
    padding-left: 0.9375em;
    padding-right: 1.5625em;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.job-postings ul,
.job-postings li {
    list-style: none;
    text-transform: none;
}
@media only screen and (min-width: 48.9375em) {
    .job-postings li {
        width: 49%;
    }
    .job-postings li {
        width: 49%;
    }
}
.job-postings html.lt-ie9 li {
    width: 49%;
}
.job-postings html.lt-ie9 li {
    width: 49%;
}

.job-postings li:before {
    color: #68984E;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.125em !important;
    left: 0;
    position: absolute;
}

/* = Utility Navigation = */
nav.utility {
    display: inline-block;
    float: right;
    position: relative;
    text-align: right;
    z-index: 2000;
}
nav.utility a {
    filter: alpha(opacity=100);
    opacity: 1;
}
nav.utility a:hover {
    filter: alpha(opacity=67);
    opacity: 0.67;
}
nav.utility ul {
    display: inline-block;
    text-align: right;
}
nav.utility li {
    position: relative;
}
nav.utility li:before {
    color: #C7485C;
    content: "•";
    font-size: 1.5625em;
    left: -5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
nav.utility li.cart {
    padding-left: 0.75em;
}
nav.utility li.cart:before {
    background-image: url("../images/Shopping Cart@2x.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 17px;
    content: "";
    display: block;
    height: 1.0625em;
    width: 1.5em;
}
nav.utility li.salutation span {
    color: #525252;
    display: block;
    font-size: 0.9375em;
    line-height: 1.5em;
    margin: 0;
    padding: 0.9375em 1.25em;
    position: relative;
    text-transform: uppercase;
}
@media only screen and (min-width: 48.9375em) {
    nav.utility li.salutation span {
        font-size: 1em;
    }
}
nav.utility li.salutation span html.lt-ie9 {
    font-size: 1em;
}
nav.utility a {
    color: #393939;
    display: block;
    font-size: 0.9375em;
    line-height: 1.5em;
    margin: 0;
    padding: 0.9375em 1.25em;
    position: relative;
    text-transform: uppercase;
}
@media only screen and (min-width: 48.9375em) {
    nav.utility a {
        font-size: 1em;
    }
}
nav.utility a html.lt-ie9 {
    font-size: 1em;
}
nav.utility li.join a {
    padding-right: 0;
}
@media only screen and (max-width: 47.9375em) {
    nav.utility {
        margin: 0.125em 0;
    }
}
nav.utility html.lt-ie9 {
    margin: 0.125em 0;
}

.main section:after {
    background: #DDD;
    content: "";
    display: block;
    height: 1px;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

.main aside {
    background: #E5E5E5;
    border-radius: 4px;
    color: #888;
    font-size: 14px;
    margin-bottom: 1em;
    padding: 1.333em;
}
@media only screen and (min-width: 48.9375em) {
    .main aside {
        float: right;
        margin-left: 1em;
        width: 33.33%;
    }
}
.main aside html.lt-ie9 {
    float: right;
    margin-left: 1em;
    width: 33.33%;
}

.main,
aside.primary {
    font-size: 1rem;
    line-height: 1.625rem;
}

aside.primary p {
    margin-bottom: 0.5em;
}

.main:before,
.main:after,
aside.primary:before,
aside.primary:after {
    content: " ";
    display: table;
}
.main:after,
aside.primary:after {
    clear: both;
}

#main {
    padding-top: 2.5em;
}

.main h2 {
    color: #C7485C;
    font-size: 1.625rem;
    line-height: 1.875rem;
    margin-bottom: 0.3125em;
}
.main h3 {
    font-size: 1.25em;
    margin-bottom: 0.9375em;
    margin-top: 0;
}
.main h4 {
    color: #F6B349;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin: 0 0 0.3125em;
    padding: 0;
}
@media only screen and (min-width: 48.9375em) {
    .main {
        margin-bottom: 3.75em;
    }
}
.main html.lt-ie9 {
    margin-bottom: 3.75em;
}

#mscpa_policies h1,
#mscpa_policies h2,
#mscpa_policies h3,
#mscpa_policies h4,
#mscpa_policies h5 {
    display: inline-block;
    width: 100%;
}

body.professional_development .submit {
    clear: both;
}

@media only screen and (min-width: 48.9375em) {
    body#course aside.primary {
        padding-top: 3.125em;
    }
}
body#course html.lt-ie9 aside.primary {
    padding-top: 3.125em;
}

aside.primary h4,
aside.primary h3 {
    color: #F6B349;
    font-size: 1.5em;
    margin-bottom: 0.3125em;
    margin-top: 2.1875em;
}
aside.primary table,
aside.primary div.info {
    margin-top: 1em;
}

aside.primary p.info {
    margin-top: 0 !important;
}

/* = Messaging = */
.success {
    background: #D2F8B0;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding: 1em;
    position: relative;
}
.success:before,
.success:after {
    content: " ";
    display: table;
}
.success:after {
    clear: both;
}
.success a {
    text-decoration: underline;
}

.error {
    background: #FFD8D9;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding: 1em;
    position: relative;
}
.error:before,
.error:after {
    content: " ";
    display: table;
}
.error:after {
    clear: both;
}
.error a {
    text-decoration: underline;
}

.info {
    background: #FAF9ED;
    border: solid 1px #E6E2B3;
    font-size: 1rem;
    line-height: 1.625rem;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding: 1em;
    position: relative;
}
.info:before,
.info:after {
    content: " ";
    display: table;
}
.info:after {
    clear: both;
}
.info a {
    text-decoration: underline;
}

.info {
    overflow: hidden;
}

.error p,
.success p {
    margin-bottom: 0;
}
.error ul,
.success ul {
    margin-bottom: 0;
}

.info p:last-child {
    margin: 0;
}

.success p:last-child {
    margin: 0;
}

/* = Mobile Navigation = */
* {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

body:after {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    content: "";
    filter: alpha(opacity=0);
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    width: 0;
    z-index: -1;
}

body.overlay:after {
    filter: alpha(opacity=100);
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    width: 100%;
    z-index: 2500;
}

.navigation {
    z-index: 5000;
}

@media only screen and (min-width: 64em) {
    .navigation button {
        display: none;
        visibility: hidden;
    }
}
.navigation button html.lt-ie9 {
    display: none;
    visibility: hidden;
}

@media only screen and (max-width: 1023px) {
    /* Common styles of menus */
    .navigation {
        -webkit-font-smoothing: antialiased;
        height: 1.25em;
        left: 50%;
        max-width: 100%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
        -webkit-perspective-origin: 50% 200%;
        -moz-perspective-origin: 50% 200%;
        perspective-origin: 50% 200%;
        position: relative;
        text-align: left;
        top: 3.5625rem;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        z-index: 5000;
    }
    .navigation:first-child {
        margin-right: 6.25rem;
    }

    .navigation button {
        background: #83459B !important;
        border: none;
        border-radius: 3.125rem !important;
        color: #FFF;
        cursor: pointer;
        height: 3.125rem;
        margin: 0;
        outline: none;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0.625em;
        width: 3.125rem;
        z-index: 5000;
        z-index: 9999;
    }
    .navigation button span {
        bottom: 7px;
        color: #C8A3D6;
        font-size: 0.5625rem;
        left: 26px;
        letter-spacing: 0.09375rem;
        position: absolute;
        text-transform: uppercase;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media only screen and (max-width: 1023px) and (min-width: 64em) {
    .navigation button {
        display: none;
        visibility: hidden;
    }
}
@media only screen and (max-width: 1023px) {
    .navigation button html.lt-ie9 {
        display: none;
        visibility: hidden;
    }

    .navigation button:hover,
    .navigation button.dl-active,
    .navigation ul {
        background: #83459B !important;
        margin-bottom: 0 !important;
    }

    .navigation button:after {
        background: #FFF;
        box-shadow: 0 7px 0 #FFF, 0 14px 0 #FFF;
        content: "";
        height: 2px;
        left: 50%;
        position: absolute;
        top: 0.75em;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 32px;
    }

    .dl-menuwrapper ul {
        background: #83459B;
        border-radius: 0.5em 0.5em;
        list-style: none;
        overflow: hidden;
        padding: 0;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .dl-menuwrapper ul li {
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }
    .dl-menuwrapper ul li.nav-parent {
        background: rgba(255, 255, 255, 0.1);
    }

    .dl-menuwrapper li a {
        color: #FFF;
        display: block;
        font-size: 1.125em;
        line-height: 1.4;
        overflow: hidden;
        padding: 0.75em 1em;
        position: relative;
        text-transform: uppercase;
        width: 100%;
    }

    .dl-menuwrapper li.dl-back {
        z-index: 1000;
    }

    .dl-menuwrapper li.dl-back > a {
        background: rgba(0, 0, 0, 0.1);
        color: rgba(0, 0, 0, 0.35);
        padding-left: 2.5rem;
    }
    .dl-menuwrapper li.dl-back > a:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        content: "\f04b";
        font-family: "FontAwesome";
        font-size: 0.875em;
        -webkit-font-smoothing: antialiased;
        line-height: 1;
        position: absolute;
        speak: none;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .dl-menuwrapper li.dl-back:after {
        color: rgba(212, 204, 198, 0.5);
        left: 0.625em;
        top: 1.25em !important;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .dl-menuwrapper li > a:after {
        color: rgba(0, 0, 0, 0.15);
        right: 0.625em;
    }

    .dl-menuwrapper .dl-menu {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        margin: 0 !important;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 6.25em;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        width: 100%;
        width: 100%;
    }
    .dl-menuwrapper .dl-menu:before,
    .dl-menuwrapper .dl-menu:after {
        content: " ";
        display: table;
    }
    .dl-menuwrapper .dl-menu:after {
        clear: both;
    }

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }

    /* Hide the inner submenus */
    .dl-menuwrapper li .dl-submenu {
        border-radius: 0.5em !important;
        display: none;
        margin: 0 !important;
    }

    /*
  When a submenu is openend, we will hide all li siblings.
  For that we give a class to the parent menu called "dl-subview".
  We also hide the submenu link.
  The opened submenu will get the class "dl-subviewopen".
  All this is done for any sub-level being entered.
  */
    .dl-menu.dl-subview li,
    .dl-menu.dl-subview li.dl-subviewopen > a,
    .dl-menu.dl-subview li.dl-subview > a {
        display: none;
    }

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

    /* Dynamically added submenu outside of the menu context */
    .dl-menuwrapper > .dl-submenu {
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 6.25em;
        width: 100%;
    }
}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(0deg);
    }
}
@-webkit-keyframes MenuAnimOut2 {
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
}
@-webkit-keyframes MenuAnimOut3 {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
}
@-webkit-keyframes MenuAnimOut4 {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
}
@-webkit-keyframes MenuAnimOut5 {
    100% {
        opacity: 0;
        -webkit-transform: translateY(40%);
    }
}
@keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
    }
}
@keyframes MenuAnimOut2 {
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes MenuAnimOut3 {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
    }
}
@keyframes MenuAnimOut4 {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
    }
}
@keyframes MenuAnimOut5 {
    100% {
        opacity: 0;
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
    }
}
.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(0deg);
    }
    20% {
        opacity: 0.5;
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px) rotateY(0deg);
    }
}
@-webkit-keyframes MenuAnimIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}
@-webkit-keyframes MenuAnimIn3 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
    }
}
@-webkit-keyframes MenuAnimIn4 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
    }
}
@-webkit-keyframes MenuAnimIn5 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes MenuAnimIn1 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
    }
    20% {
        opacity: 0.5;
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
    }
}
@keyframes MenuAnimIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes MenuAnimIn3 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
}
@keyframes MenuAnimIn4 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
}
@keyframes MenuAnimIn5 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}
@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
    }
}
@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
    }
}
@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
    }
}
@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
}
@keyframes SubMenuAnimIn1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes SubMenuAnimIn2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
}
@keyframes SubMenuAnimIn4 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
}
@keyframes SubMenuAnimIn5 {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
    }
}
@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
}
@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
    }
}
@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
    }
}
@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-200px);
    }
}
@keyframes SubMenuAnimOut1 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@keyframes SubMenuAnimOut2 {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
@keyframes SubMenuAnimOut3 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
    }
}
@keyframes SubMenuAnimOut4 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
    }
}
@keyframes SubMenuAnimOut5 {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
    }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    opacity: 1;
    position: relative;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: "";
}

/* = Naviation = */
@media only screen and (min-width: 64em) {
    nav.primary {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    nav.primary:before,
    nav.primary:after {
        content: " ";
        display: table;
    }
    nav.primary:after {
        clear: both;
    }

    .navigation button {
        clip: rect(0 0 0 0) !important;
        clip: rect(0, 0, 0, 0) !important;
        display: none !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        visibility: hidden !important;
        width: 1px !important;
    }
}
html.lt-ie9 nav.primary {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
html.lt-ie9 nav.primary:before,
html.lt-ie9 nav.primary:after {
    content: " ";
    display: table;
}
html.lt-ie9 nav.primary:after {
    clear: both;
}
html.lt-ie9 .navigation button {
    clip: rect(0 0 0 0) !important;
    clip: rect(0, 0, 0, 0) !important;
    display: none !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    visibility: hidden !important;
    width: 1px !important;
}

@media only screen and (min-width: 64em) {
    .dl-menuwrapper li.dl-back {
        clip: rect(0 0 0 0) !important;
        clip: rect(0, 0, 0, 0) !important;
        display: none !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        visibility: hidden !important;
        width: 1px !important;
    }

    .dl-menuwrapper li.nav-parent {
        clip: rect(0 0 0 0) !important;
        clip: rect(0, 0, 0, 0) !important;
        display: none !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        visibility: hidden !important;
        width: 1px !important;
    }

    /* = Navigation = */
    nav.primary {
        background: transparent;
        clear: both;
        float: left;
        -webkit-font-smoothing: antialiased;
        margin: 0 !important;
        -moz-osx-font-smoothing: grayscale;
        padding: 0;
        position: relative;
        width: 100%;
    }
    nav.primary ul {
        margin: 0;
        text-align: left;
        width: 100%;
    }
    nav.primary ul:before,
    nav.primary ul:after {
        content: " ";
        display: table;
    }
    nav.primary ul:after {
        clear: both;
    }
    nav.primary ul > li {
        background: transparent;
        display: none;
        float: left;
        padding: 0;
        position: relative;
    }
    nav.primary ul > li > a {
        background: transparent;
        color: #393939;
        display: block;
        display: block;
        font-size: 0.9em;
        line-height: 3em;
        padding: 0 0.625em;
        text-transform: uppercase;
    }
    nav.primary ul > li > a:before {
        content: "\f054";
        display: inline-block;
        float: right;
        font: normal normal normal 16px FontAwesome;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: auto;
        transform: translate(0, 0);
    }
}
@media only screen and (min-width: 64em) and (min-width: 75em) {
    nav.primary ul > li > a {
        padding: 0 1em;
    }
}
@media only screen and (min-width: 64em) {
    nav.primary ul > li:before {
        color: #C7485C;
        content: "•";
        font-size: 1.125em;
        left: -6px;
        line-height: 2.5em;
        position: absolute;
        text-align: center;
        top: 0;
    }
    nav.primary ul > li:first-child > a {
        padding-left: 0;
    }
    nav.primary ul > li:first-child:before {
        content: "";
    }
    nav.primary ul > li .dropdown {
        background-color: #F6B349;
        border-top: 5px solid #F6B349;
        -webkit-box-shadow: 0 10px 50px -8px rgba(0, 0, 0, 0.68);
        -moz-box-shadow: 0 10px 50px -8px rgba(0, 0, 0, 0.68);
        box-shadow: 0 10px 50px -8px rgba(0, 0, 0, 0.68);
        display: block;
        opacity: 0;
        padding: 0.375em 1.25em;
        pointer-events: none;
        position: absolute;
        text-align: center;
        text-align: center;
        -webkit-transition: visibility 0s, opacity 0s;
        -moz-transition: visibility 0s, opacity 0s;
        transition: visibility 0s, opacity 0s;
        visibility: hidden;
        width: 23.75em;
    }
    nav.primary ul > li .dropdown:after {
        border: solid transparent;
        border-bottom-color: #F6B349;
        border-width: 16px;
        content: " ";
        height: 0;
        left: 50%;
        margin-left: -16px;
        pointer-events: none;
        position: absolute;
        top: -32px;
        width: 0;
        z-index: 2000;
    }
    nav.primary ul > li.professional_development .dropdown:after {
        left: calc(50% - 95px);
    }
    nav.primary ul > li .dropdown a {
        color: #393939;
        display: block;
        font-size: 1em;
        line-height: 2.25em;
        padding: 0 !important;
        text-transform: uppercase;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    nav.primary ul > li .dropdown li {
        border-radius: 0.5em;
        cursor: pointer;
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }
    nav.primary ul > li .dropdown li a {
        color: #393939;
    }
    nav.primary ul > li .dropdown li:hover {
        background: #F6B349;
    }
    nav.primary ul > li .dropdown li:hover a {
        color: #B67309;
    }
    nav.primary ul > li .dropdown li:before {
        content: "";
    }
    nav.primary ul li:hover > a > span {
        color: #F6B349;
    }
    nav.primary ul li.active > a > span {
        color: #6794C8;
    }
    nav.primary ul li.active > a:before {
        margin-right: -0.5em;
    }
    nav.primary ul[data-focus="focus"]:before {
        display: none;
    }
    nav.primary ul[data-focus="focus"] li {
        display: block;
    }
    nav.primary ul.container {
        padding-left: 0;
        padding-right: 0;
    }
}
html.lt-ie9 {
    /* = Navigation = */
}
html.lt-ie9 .dl-menuwrapper li.dl-back {
    clip: rect(0 0 0 0) !important;
    clip: rect(0, 0, 0, 0) !important;
    display: none !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    visibility: hidden !important;
    width: 1px !important;
}
html.lt-ie9 .dl-menuwrapper li.nav-parent {
    clip: rect(0 0 0 0) !important;
    clip: rect(0, 0, 0, 0) !important;
    display: none !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    visibility: hidden !important;
    width: 1px !important;
}
html.lt-ie9 nav.primary {
    background: transparent;
    clear: both;
    float: left;
    -webkit-font-smoothing: antialiased;
    margin: 0 !important;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    position: relative;
    width: 100%;
}
html.lt-ie9 nav.primary ul {
    margin: 0;
    text-align: left;
    width: 100%;
}
html.lt-ie9 nav.primary ul:before,
html.lt-ie9 nav.primary ul:after {
    content: " ";
    display: table;
}
html.lt-ie9 nav.primary ul:after {
    clear: both;
}
html.lt-ie9 nav.primary ul > li {
    background: transparent;
    display: none;
    float: left;
    padding: 0;
    position: relative;
}
html.lt-ie9 nav.primary ul > li > a {
    background: transparent;
    color: #393939;
    display: block;
    display: block;
    font-size: 1.1875em;
    line-height: 3em;
    padding: 0 0.625em;
    text-transform: uppercase;
}
html.lt-ie9 nav.primary ul > li > a:before {
    content: "\f054";
    display: inline-block;
    float: right;
    font: normal normal normal 16px FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    transform: translate(0, 0);
}
@media only screen and (min-width: 75em) {
    html.lt-ie9 nav.primary ul > li > a {
        padding: 0 1.375em;
    }
}
html.lt-ie9 nav.primary ul > li:before {
    color: #C7485C;
    content: "•";
    font-size: 1.125em;
    left: -6px;
    line-height: 3.125em;
    position: absolute;
    text-align: center;
    top: 0;
}
html.lt-ie9 nav.primary ul > li:first-child > a {
    padding-left: 0;
}
html.lt-ie9 nav.primary ul > li:first-child:before {
    content: "";
}
html.lt-ie9 nav.primary ul > li .dropdown {
    background-color: #F6B349;
    border-top: 5px solid #F6B349;
    -webkit-box-shadow: 0 10px 50px -8px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 0 10px 50px -8px rgba(0, 0, 0, 0.68);
    box-shadow: 0 10px 50px -8px rgba(0, 0, 0, 0.68);
    display: block;
    opacity: 0;
    padding: 0.375em 1.25em;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-align: center;
    -webkit-transition: visibility 0s, opacity 0s;
    -moz-transition: visibility 0s, opacity 0s;
    transition: visibility 0s, opacity 0s;
    visibility: hidden;
    width: 23.75em;
}
html.lt-ie9 nav.primary ul > li .dropdown:after {
    border: solid transparent;
    border-bottom-color: #F6B349;
    border-width: 16px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -16px;
    pointer-events: none;
    position: absolute;
    top: -32px;
    width: 0;
    z-index: 2000;
}
html.lt-ie9 nav.primary ul > li .dropdown a {
    color: #393939;
    display: block;
    font-size: 1em;
    line-height: 2.25em;
    padding: 0 !important;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
html.lt-ie9 nav.primary ul > li .dropdown li {
    border-radius: 0.5em;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
html.lt-ie9 nav.primary ul > li .dropdown li a {
    color: #393939;
}
html.lt-ie9 nav.primary ul > li .dropdown li:hover {
    background: #F6B349;
}
html.lt-ie9 nav.primary ul > li .dropdown li:hover a {
    color: #B67309;
}
html.lt-ie9 nav.primary ul > li .dropdown li:before {
    content: "";
}
html.lt-ie9 nav.primary ul li:hover > a > span {
    color: #F6B349;
}
html.lt-ie9 nav.primary ul li.active > a > span {
    color: #6794C8;
}
html.lt-ie9 nav.primary ul li.active > a:before {
    margin-right: -0.5em;
}
html.lt-ie9 nav.primary ul[data-focus="focus"]:before {
    display: none;
}
html.lt-ie9 nav.primary ul[data-focus="focus"] li {
    display: block;
}
html.lt-ie9 nav.primary ul.container {
    padding-left: 0;
    padding-right: 0;
}

nav.secondary {
    display: none;
}

nav.supplemental ul li {
    float: none;
}
nav.supplemental ul li a {
    display: block;
    padding: 0.25em 0;
}
nav.supplemental ul li a:hover {
    color: #5276DA;
}
nav.supplemental ul ul a {
    color: #888;
    font-size: 12px;
    line-height: 2;
    padding: 0;
}
nav.supplemental > ul > li {
    padding-bottom: 0.5em;
}
nav.supplemental > ul > li ~ li {
    border-top: 1px solid #DDD;
    padding-top: 0.5em;
}

/* = Page Title = */
#page-title {
    background-color: #83459B;
    background-color: #83459B;
    background-image: url(../images/page-title-bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}
#page-title h1 {
    color: #FFF;
    font-size: 1.75rem;
    line-height: 1.1;
    margin: 1em 0 !important;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}
@media only screen and (min-width: 64em) {
    #page-title h1 {
        font-size: 2.25rem;
    }
}
#page-title html.lt-ie9 h1 {
    font-size: 2.25rem;
}

/* = Pagination = */
.pagination {
    display: inline-block;
    margin: 1.875em 0;
}

.pagination ul {
    background: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pagination li {
    background: none;
    float: left;
    list-style: none;
    margin: 0 0.75em 0.75em 0;
    padding: 0;
}

.pagination li.next a,
.pagination li.prev a {
    font-weight: bold;
    line-height: 40px;
}

.pagination li:not(.next):not(.prev) a {
    background-color: #E7E7E7;
    border: 1px solid #E2E8F1;
    border-radius: 40px;
    color: #555;
    display: block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    transition: background-color 0.25s;
    width: 40px;
}
.pagination li:not(.next):not(.prev) a:hover {
    background-color: #CECECE !important;
    color: #555 !important;
}

.pagination li.current a:link,
.pagination li.current a:visited,
.pagination li.current a:active,
.pagination li.current a:hover {
    background-color: #83459B !important;
    border: none;
    border-radius: 40px;
    color: #FFF !important;
    cursor: default;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 40px;
}

.pagination li a:hover {
    background-color: #62709A;
    color: #FFF;
    text-decoration: none;
}

.pagination li a em {
    font-style: normal;
}

.pagination li.prev,
.pagination li.next {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pagination li.prev a,
.pagination li.next a {
    background: none;
    border: 0;
    font-weight: normal;
}

.pagination li.prev a:hover,
.pagination li.next a:hover {
    color: #62709A;
}

/* = Record Lists = */
.record_detail h4 {
    font-size: 1em;
}
.record_detail .meta {
    font-size: 1em;
}

.record_category h2 {
    margin: 0 0 10px 0 !important;
}

/*#committees ul a {
  font-size: 1.125em;
}*/

ul h3 {
    font-size: 1.125rem;
}

.post-info {
    clear: both;
    display: inline-block;
}
.post-info .muted-text {
    float: none;
}

ol.record_list.news h3 {
    margin-bottom: 0;
}
ol.record_list .description > ul {
    display: inline-block;
}

ol.record_list li {
    background-image: none;
    border-bottom: solid 1px #E7E7E7;
    display: block;
    list-style: none;
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative;
    -webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
    width: 100%;
}
ol.record_list li:before,
ol.record_list li:after {
    content: " ";
    display: table;
}
ol.record_list li:after {
    clear: both;
}
ol.record_list li:before {
    color: rgba(131, 69, 155, 0.5);
    content: "\f138";
    font: normal normal normal 20px/1 FontAwesome;
    left: 0;
    position: absolute;
    top: 4px;
}

.inactive {
    opacity: 0.4;
}

.detail {
    opacity: 1;
}

.detail.inactive {
    opacity: 0.6;
}

ol.record_list li:last-child {
    border: 0;
}

ol.record_list li.inactive {
    opacity: 0.6;
}

ol.record_list li:hover.inactive {
    opacity: 1;
}

ol.record_list li .supplement {
    float: left;
    margin-right: 15px;
    margin-top: 3px;
    width: 90px;
}

ol.record_list li .supplement img {
    width: 100%;
}

ol.record_list li h3 {
    margin-bottom: 0.3125em;
    margin-top: 0;
    padding-left: 1.25em;
}
ol.record_list li h3 a {
    color: #5276DA;
    font-size: 1.375rem;
    line-height: 1.3;
}
@media only screen and (min-width: 48.9375em) {
    ol.record_list li h3 a {
        font-size: 1.5rem;
    }
}
ol.record_list li h3 html.lt-ie9 a {
    font-size: 1.5rem;
}

ol.record_list li p:last-child {
    margin-bottom: 0;
}

ol.record_list li ul li {
    border: none;
    list-style: none;
    margin: 0 0 7px;
    padding: 2px 0 2px 21px;
}

ol:before,
ol:after,
ul:before,
ul:after {
    content: " ";
    display: table;
}
ol:after,
ul:after {
    clear: both;
}

/* record_list variant, when more meta info needs to show in the list */
ol.meta li li {
    padding: 30px 0;
}

ol.meta li ul {
    border: none;
    clear: both;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    ol.meta li ul {
        clear: none;
        float: right;
        padding-left: 100px;
    }
}
ol.meta li ul html.lt-ie9 {
    clear: none;
    float: right;
    padding-left: 100px;
}

ol.meta li ul li {
    background: none;
    border: none;
    float: left;
    margin: 0;
    margin-bottom: 0.75em;
    padding: 0;
    width: 50%;
}
ol.meta li ul li:before {
    content: "";
}
@media only screen and (min-width: 64em) {
    ol.meta li ul li {
        width: 25%;
    }
}
ol.meta li ul li html.lt-ie9 {
    width: 25%;
}

ol.meta li ul li a {
    color: #888;
}

ol.meta li ul li em {
    color: #525252;
    display: block;
    font-size: 1rem;
    line-height: 1.1875rem;
    margin-bottom: 0.3125em;
}

ol.meta li ul li span {
    display: block;
    font-size: 1rem;
    line-height: 1.25 !important;
    text-transform: uppercase;
}

/* record_list variant, to accent date, fee, or key element */
ol.accented li {
    background: none;
    padding: 1.875em 0;
    position: relative;
}
ol.accented li:before {
    clip: rect(0 0 0 0) !important;
    clip: rect(0, 0, 0, 0) !important;
    display: none !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    visibility: hidden !important;
    width: 1px !important;
}
ol.accented li h3 {
    clear: both;
    display: block;
    float: right;
    line-height: 1.75rem;
    margin: 0;
    margin: 0 0 0.625em;
    padding: 0 0.625em 0 70px;
    width: 100%;
}
ol.accented li h3 a {
    color: #5276DA;
}
@media only screen and (min-width: 48.9375em) {
    ol.accented li h3 {
        clear: both;
        float: right;
        font-size: 1.375rem;
        line-height: 1.5625rem;
        padding: 0 0 0 100px;
    }
}
ol.accented li html.lt-ie9 h3 {
    clear: both;
    float: right;
    font-size: 1.375rem;
    line-height: 1.5625rem;
    padding: 0 0 0 100px;
}

ol.accented li div.accent {
    background-color: #83459B;
    border-radius: 0.25em;
    color: #FFF;
    display: inline-block;
    float: left;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto 1em;
    -moz-osx-font-smoothing: grayscale;
    padding: 0.375em 0.375em;
    position: absolute;
    text-align: center;
    width: 50px;
}
ol.accented li div.accent span {
    display: block;
    margin: 0;
    padding: 0;
}
ol.accented li div.accent .month {
    color: #FFF;
    font-size: 1rem;
    line-height: 1rem;
}
ol.accented li div.accent .day {
    color: #FFF;
    font-size: 1.875rem;
    line-height: 1.875rem;
}
ol.accented li div.accent .year {
    color: #FFF;
    display: block;
    font-size: 1rem;
    line-height: 1rem;
}
@media only screen and (min-width: 48.9375em) {
    ol.accented li div.accent {
        left: 0;
        margin-top: 0;
        padding: 8px;
        position: absolute;
        top: 24px;
        width: 3.75em;
    }
    ol.accented li div.accent span {
        display: block;
    }
    ol.accented li div.accent .month {
        font-size: 1.05375rem;
        line-height: 1.25625rem;
    }
    ol.accented li div.accent .day {
        font-size: 2.26875rem;
        line-height: 1;
    }
    ol.accented li div.accent .year {
        font-size: 1.05375rem;
        line-height: 1;
    }
}
ol.accented li div.accent html.lt-ie9 {
    left: 0;
    margin-top: 0;
    padding: 8px;
    position: absolute;
    top: 24px;
    width: 3.75em;
}
ol.accented li div.accent html.lt-ie9 span {
    display: block;
}
ol.accented li div.accent html.lt-ie9 .month {
    font-size: 1.05375rem;
    line-height: 1.25625rem;
}
ol.accented li div.accent html.lt-ie9 .day {
    font-size: 2.26875rem;
    line-height: 1;
}
ol.accented li div.accent html.lt-ie9 .year {
    font-size: 1.05375rem;
    line-height: 1;
}

ol.accented li div.accent a,
ol.accented li div.accent a:hover {
    color: #FFF;
    text-decoration: none;
}

ol.accented li div.accent {
    color: #FFF;
    font-size: 20px;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;
}

/* variant when record lists are grouped by category */
.record_category {
    background-color: #FFF;
    border-top: 1px solid #F7F7F7;
    box-shadow: 0 5px 15px #E9F1F0, 0 0 0 #DCECEB;
    margin-bottom: 40px;
    padding: 15px 15px 5px;
}

.record_category h2 {
    margin: 0;
}

.record_category ol.record_list {
    margin-left: 30px;
}

.record_category ol.record_list li {
    background: url(/sup/img/site/icon_bullet.png) no-repeat 0 13px;
    border: none;
    padding: 10px 0 10px 30px;
}

.record_list.members .supplement a {
    display: inline-block;
}
.record_list.members h3 {
    font-size: 1.125rem;
    margin: 0;
    padding: 0;
}
.record_list.members h3 em {
    font-size: 0.875rem;
}
.record_list.members > li {
    font-size: 0.875rem;
    padding: 1.25rem 0;
}
.record_list.members li ul {
    margin: 1rem 0;
    width: calc(100% - 105px);
}

/* --------------------------------------------------------------------- */
/* record detail views
/* --------------------------------------------------------------------- */
.record_detail {
    margin: 0 0 20px;
}
.record_detail:before,
.record_detail:after {
    content: " ";
    display: table;
}
.record_detail:after {
    clear: both;
}

.record_detail .meta + .narrative {
    width: 100%;
}
.record_detail .meta + .narrative:before,
.record_detail .meta + .narrative:after {
    content: " ";
    display: table;
}
.record_detail .meta + .narrative:after {
    clear: both;
}
@media only screen and (min-width: 48.9375em) {
    .record_detail .meta + .narrative {
        float: left;
        width: 64%;
    }
}
.record_detail .meta + .narrative html.lt-ie9 {
    float: left;
    width: 64%;
}

.record_detail .meta {
    background: #F4F4F4;
    border: 1px solid #E7E7E7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 30px;
    width: 100%;
}
.record_detail .meta:before,
.record_detail .meta:after {
    content: " ";
    display: table;
}
.record_detail .meta:after {
    clear: both;
}
@media only screen and (min-width: 48.9375em) {
    .record_detail .meta {
        float: left;
        margin-right: 5%;
        width: 30%;
    }
}
.record_detail .meta html.lt-ie9 {
    float: left;
    margin-right: 5%;
    width: 30%;
}

.record_detail .meta .module_in {
    padding: 6px 12px 10px;
}

.record_detail .meta h3,
.record_detail .meta h4 {
    background: #DAE2F0;
    padding: 6px 12px;
}

.record_detail .meta h3 {
    font-size: 1.125em;
    margin: 0;
    padding: 12px;
    text-transform: uppercase;
}

.record_detail .meta h4 {
    background: #FFF;
    font-size: 1.0625em;
    font-weight: normal;
    text-transform: uppercase;
}

.record_detail .meta p {
    line-height: 1.6;
    margin: 0;
}

.record_detail .meta ul {
    list-style: none;
    margin: 0;
}

.record_detail .meta li {
    background: none;
    line-height: 1.6;
    margin: 0 0 2px;
    padding: 0;
}

.record_detail .meta .org p:first-child {
    font-size: 14px;
}

/* return to list */
.return {
    border-top: 1px solid #E7E7E7;
    clear: both;
    margin-top: 1.875em;
    padding-top: 0.625em;
}

.record_detail .date {
    color: #768185;
}

.record_detail .return,
.record_detail .date {
    border: none;
    margin-top: -12px;
    padding-top: 0;
}

.record_detail .return.date a {
    padding-left: 0.5em;
}

/* = Searcj = */
body#search .form_callout input[type=submit] {
    margin-top: 0 !important;
}

.form_callout,
.search-form {
    background: #F7F7F7;
    border: 1px solid #DCE3ED;
    display: inline-block;
    padding: 20px 25px !important;
    position: relative;
    width: 100%;
}
.form_callout fieldset,
.search-form fieldset {
    margin: 0;
    position: relative;
}
.form_callout .col,
.search-form .col {
    overflow: hidden;
}
.form_callout .col:before,
.form_callout .col:after,
.search-form .col:before,
.search-form .col:after {
    content: " ";
    display: table;
}
.form_callout .col:after,
.search-form .col:after {
    clear: both;
}
.form_callout fieldset .group > .text,
.search-form fieldset .group > .text {
    width: 100%;
}
.form_callout label,
.search-form label {
    display: block;
    font-size: 0.9375em;
    margin-bottom: 10px;
    width: 100%;
}
.form_callout .select,
.search-form .select {
    max-width: 100%;
    width: 100%;
}
.form_callout select,
.search-form select {
    max-width: 100%;
    width: 100%;
}
.form_callout select,
.search-form select {
    background-color: #FFF;
}
.form_callout input[type="text"],
.search-form input[type="text"] {
    background-color: #FFF;
    margin-bottom: 10px;
    max-width: 100%;
}
.form_callout input[type="submit"],
.search-form input[type="submit"] {
    margin: 0 0 0 0 !important;
    width: 100%;
}

.search-form .search_courses input[type="submit"] {
    position: relative;
}

.search-form .search_courses fieldset > div:last-child {
    margin-top: 1em;
}

.search-form .search_courses .checkbox label {
    display: inline-block;
    width: auto;
}
@media only screen and (min-width: 48.9375em) {
    .form_callout .text,
    .search-form .text {
        margin-bottom: 0 0 1.25em !important;
        min-width: 400px;
    }
    .form_callout .col-8,
    .search-form .col-8 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    .form_callout .col-8:last-child,
    .search-form .col-8:last-child {
        margin-right: 0;
    }
    .form_callout .col-10,
    .search-form .col-10 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    .form_callout .col-10:last-child,
    .search-form .col-10:last-child {
        margin-right: 0;
    }
    .form_callout .col-2,
    .search-form .col-2 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 100%;
    }
    .form_callout .col-2:last-child,
    .search-form .col-2:last-child {
        margin-right: 0;
    }
    .form_callout .select,
    .search-form .select {
        margin: 0 0 20px 0 !important;
    }
    .form_callout input[type="text"],
    .search-form input[type="text"] {
        display: inline-block;
        margin: 0 0 10px !important;
    }
    .form_callout input[type="submit"],
    .search-form input[type="submit"] {
        margin: 0 0 0 0 !important;
    }

    .search-form input[type="submit"] {
        position: absolute;
    }
}
.form_callout html.lt-ie9 .text,
.search-form html.lt-ie9 .text {
    margin-bottom: 0 0 1.25em !important;
    min-width: 400px;
}
.form_callout html.lt-ie9 .col-8,
.search-form html.lt-ie9 .col-8 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
.form_callout html.lt-ie9 .col-8:last-child,
.search-form html.lt-ie9 .col-8:last-child {
    margin-right: 0;
}
.form_callout html.lt-ie9 .col-10,
.search-form html.lt-ie9 .col-10 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
.form_callout html.lt-ie9 .col-10:last-child,
.search-form html.lt-ie9 .col-10:last-child {
    margin-right: 0;
}
.form_callout html.lt-ie9 .col-2,
.search-form html.lt-ie9 .col-2 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
}
.form_callout html.lt-ie9 .col-2:last-child,
.search-form html.lt-ie9 .col-2:last-child {
    margin-right: 0;
}
.form_callout html.lt-ie9 .select,
.search-form html.lt-ie9 .select {
    margin: 0 0 20px 0 !important;
}
.form_callout html.lt-ie9 input[type="text"],
.search-form html.lt-ie9 input[type="text"] {
    display: inline-block;
    margin: 0 0 10px !important;
}
.form_callout html.lt-ie9 input[type="submit"],
.search-form html.lt-ie9 input[type="submit"] {
    margin: 0 0 0 0 !important;
}
@media only screen and (min-width: 64em) {
    .form_callout .col-8,
    .search-form .col-8 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 65.88078%;
    }
    .form_callout .col-8:last-child,
    .search-form .col-8:last-child {
        margin-right: 0;
    }
    .form_callout .col-10,
    .search-form .col-10 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 82.94039%;
    }
    .form_callout .col-10:last-child,
    .search-form .col-10:last-child {
        margin-right: 0;
    }
    .form_callout .col-2,
    .search-form .col-2 {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 14.70196%;
    }
    .form_callout .col-2:last-child,
    .search-form .col-2:last-child {
        margin-right: 0;
    }
    .form_callout .select,
    .search-form .select {
        margin: 0 !important;
    }
    .form_callout .text,
    .search-form .text {
        margin: 0 !important;
        padding-bottom: 0;
    }
    .form_callout input[type="text"],
    .search-form input[type="text"] {
        margin: 0 !important;
    }
    .form_callout input[type="submit"],
    .search-form input[type="submit"] {
        bottom: 0;
        margin: 0 !important;
        right: 0;
        width: auto;
    }
    .form_callout .select,
    .search-form .select {
        max-width: 120px;
    }

    .search-form .search_courses .select {
        max-width: 90%;
    }

    .form_callout label,
    .search-form label {
        white-space: nowrap;
    }
}
.form_callout html.lt-ie9 .col-8,
.search-form html.lt-ie9 .col-8 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
}
.form_callout html.lt-ie9 .col-8:last-child,
.search-form html.lt-ie9 .col-8:last-child {
    margin-right: 0;
}
.form_callout html.lt-ie9 .col-10,
.search-form html.lt-ie9 .col-10 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 82.94039%;
}
.form_callout html.lt-ie9 .col-10:last-child,
.search-form html.lt-ie9 .col-10:last-child {
    margin-right: 0;
}
.form_callout html.lt-ie9 .col-2,
.search-form html.lt-ie9 .col-2 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 14.70196%;
}
.form_callout html.lt-ie9 .col-2:last-child,
.search-form html.lt-ie9 .col-2:last-child {
    margin-right: 0;
}
.form_callout html.lt-ie9 .select,
.search-form html.lt-ie9 .select {
    margin: 0 !important;
}
.form_callout html.lt-ie9 .text,
.search-form html.lt-ie9 .text {
    margin: 0 !important;
}
.form_callout html.lt-ie9 input[type="text"],
.search-form html.lt-ie9 input[type="text"] {
    margin: 0 !important;
}
.form_callout html.lt-ie9 input[type="submit"],
.search-form html.lt-ie9 input[type="submit"] {
    margin: 0 !important;
    width: auto;
}
.search-form html.lt-ie9 input[type="submit"] {
    bottom: 0;
    position: absolute;
    right: 0;
}
.form_callout html.lt-ie9 .select,
.search-form html.lt-ie9 .select {
    max-width: 120px;
}
.form_callout html.lt-ie9 label,
.search-form html.lt-ie9 label {
    white-space: nowrap;
}

.search-form {
    margin-bottom: 3.125em !important;
}

/* = Section = */
section .section-header {
    margin: 3.75em 0 1.875em 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
section .section-header h2 {
    display: inline-block;
    font-size: 2.25em;
    margin-bottom: 0.625em;
    margin-top: 0.5em;
    padding-left: 0.625em;
    padding-right: 0.625em;
}
section .section-header .circles {
    display: inline-block;
    font-size: 0.875em;
}
section .section-header .circles i {
    margin: 0 0.3125em;
    vertical-align: top;
}
section .section-header.light {
    color: #FFF;
}
section .section-header.dark {
    color: #525252;
}
section h6 {
    color: #F6B349;
    font-size: 1.125em;
    line-height: 1.375em;
    text-transform: uppercase;
}
@media only screen and (min-width: 48.9375em) {
    section .section-header {
        margin-bottom: 0;
    }
    section h2 {
        font-size: 2.25em;
        margin-bottom: 1em;
    }
}
section html.lt-ie9 .section-header {
    margin-bottom: 0;
}
section html.lt-ie9 h2 {
    font-size: 2.25em;
    margin-bottom: 1em;
}

.torso > section {
    padding-bottom: 5rem;
    position: relative;
    width: 100%;
}
.torso > section:before,
.torso > section:after {
    content: " ";
    display: table;
}
.torso > section:after {
    clear: both;
}
.torso > section iframe {
    width: 100% !important;
}

/* = Section Benefits = */
section.benefits {
    background-color: #F5F5F5;
    color: #545454;
    padding-bottom: 2.5em;
    text-align: center;
}
section.benefits .container {
    position: relative;
}
section.benefits .icon-box {
    background-color: #6B6B6B;
    background-image: url(../images/bell_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 36px 44px;
    border-radius: 4.0625em;
    display: block;
    height: 4.0625em;
    margin: 1.875em auto;
    overflow: hidden;
    width: 4.0625em;
}
section.benefits .content-box:before,
section.benefits .content-box:after {
    content: " ";
    display: table;
}
section.benefits .content-box:after {
    clear: both;
}
section.benefits h5,
section.benefits p {
    display: block;
    margin: 0;
}
section.benefits h5 {
    color: #83459B;
    font-size: 1.25em;
    line-height: 1.375em;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    text-transform: uppercase;
}
section.benefits .button {
    margin: 1.875em;
    padding: 0.625em 1.25em;
}
@media only screen and (min-width: 48.9375em) {
    section.benefits {
        padding: 2.5em 0 2.5em 8.75em;
        text-align: left;
    }
    section.benefits .icon-box {
        margin: 0 0 0 -4.0625em;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    section.benefits .content-box {
        margin-left: 1.5625em;
        margin-right: 12.5em;
    }
    section.benefits .button {
        margin: 0;
        position: absolute;
        right: 3.125em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
section.benefits html.lt-ie9 {
    padding: 2.5em 0 2.5em 8.75em;
    text-align: left;
}
section.benefits html.lt-ie9 .icon-box {
    margin: 0 0 0 -4.0625em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
section.benefits html.lt-ie9 .content-box {
    margin-left: 1.5625em;
    margin-right: 12.5em;
}
section.benefits html.lt-ie9 .button {
    margin: 0;
    position: absolute;
    right: 3.125em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.benefits h3 {
    color: #F6B349;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin: 0 0 0.3125em;
    padding: 0;
}

/* = Section Careers = */
section.careers img {
    margin-bottom: 0.625em;
}
@media only screen and (min-width: 48.9375em) {
    section.benefits .content-box p {
        padding-right: 90px;
    }
    section.careers .column:nth-child(2) {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 40.29137%;
    }
    section.careers .column:nth-child(2):last-child {
        margin-right: 0;
    }
    section.careers .column:nth-child(3) {
        display: block;
        float: left;
        margin-right: 2.35765%;
        margin-right: 0;
        width: 57.35098%;
    }
    section.careers .column:nth-child(3):last-child {
        margin-right: 0;
    }
}
section.careers html.lt-ie9 .column:nth-child(2) {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 40.29137%;
}
section.careers html.lt-ie9 .column:nth-child(2):last-child {
    margin-right: 0;
}
section.careers html.lt-ie9 .column:nth-child(3) {
    display: block;
    float: left;
    margin-right: 2.35765%;
    margin-right: 0;
    width: 57.35098%;
}
section.careers html.lt-ie9 .column:nth-child(3):last-child {
    margin-right: 0;
}

/* = Section Course = */
section.courses {
    background-attachment: fixed;
    background-color: #68984E;
    background-image: url(../images/courses_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    padding-bottom: 0;
}
section.courses .column {
    min-height: 32.5em;
    position: relative;
}
section.courses .button {
    margin: 0.625em 0;
}
section.courses .featured-course {
    position: relative;
    z-index: 20;
}
section.courses .featured-course:before,
section.courses .featured-course:after {
    content: " ";
    display: table;
}
section.courses .featured-course:after {
    clear: both;
}
section.courses .featured-course h2 {
    color: #AEF286;
    font-size: 1.125em;
    line-height: 2.5625em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
section.courses .featured-course h3,
section.courses .featured-course .course-title {
    font-size: 2.25em;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
section.courses .featured-course .date {
    background-color: #2A431C;
    border-radius: 5.875em;
    height: 94px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0.625em;
    position: absolute;
    text-align: center;
    width: 94px;
}
section.courses .featured-course .date span {
    display: block;
    margin: 0;
    padding: 0;
}
section.courses .featured-course .date .month {
    color: #EFE391;
    font-size: 1.05375rem;
    line-height: 1.25625rem;
}
section.courses .featured-course .date .day {
    color: #EFE391;
    font-size: 2.26875rem;
    line-height: 1;
}
section.courses .featured-course .date .year {
    color: #89C26A;
    font-size: 1.05375rem;
    line-height: 1;
}
section.courses .featured-course .course-info {
    border-bottom: 1px solid #94C270;
    border-top: 1px solid #94C270;
    margin: 1.875em 0;
    padding: 1.25em 0 0.625em 7.25em;
}
section.courses .featured-course .course-info:before,
section.courses .featured-course .course-info:after {
    content: " ";
    display: table;
}
section.courses .featured-course .course-info:after {
    clear: both;
}
section.courses .featured-course .course-info ul {
    display: inline-block;
    font-size: 0.875em;
    line-height: 1.125em;
    list-style: none;
    margin: 0;
    padding: 0;
}
section.courses .featured-course .course-info ul li {
    display: inline-block;
    float: left;
    margin-bottom: 1.25em;
    width: 50%;
}
section.courses .featured-course .course-info ul .label {
    color: #AEF286;
    display: block;
    margin-bottom: 0.125em;
}
section.courses .featured-course .course-info ul .value {
    display: block;
    text-transform: uppercase;
}
section.courses .course-listing {
    list-style: none;
    margin: 0;
    padding: 0;
}
section.courses .course-listing li {
    border-top: 1px solid #94C270;
    margin: 0;
    padding: 2rem 0;
}
section.courses .course-listing li:first-child {
    border-top: none;
}
section.courses .course-listing h2,
section.courses .course-listing .title {
    color: #FFF;
    font-size: 1.375rem;
    margin: 0;
    padding: 0;
}
section.courses .course-listing h2 a,
section.courses .course-listing .title a {
    color: #FFF;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
section.courses .course-listing h2 a:hover,
section.courses .course-listing .title a:hover {
    opacity: 0.7;
}
section.courses .course-listing .date {
    color: #EFE391;
    font-size: 1.0625rem;
    line-height: 1.625em;
}
section.courses .course-listing .description {
    font-size: 1.0625rem;
    line-height: 1.625em;
    margin: 0;
    padding: 0;
}
@media only screen and (min-width: 48.9375em) {
    section.courses .overlay {
        background-image: url(../images/courses_bg_overlay.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        left: 0;
        position: absolute;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
    }
    section.courses .featured-course .date {
        margin: 0 1.25em 1.25em 0;
    }
    section.courses .featured-course .button {
        margin-bottom: 5.625em;
    }
    section.courses .column:nth-child(2) {
        display: block;
        float: left;
        margin-right: 2.35765%;
        padding-right: 3.125em;
        width: 40.29137%;
    }
    section.courses .column:nth-child(2):last-child {
        margin-right: 0;
    }
    section.courses .column:nth-child(3) {
        display: block;
        float: left;
        margin-right: 2.35765%;
        margin-right: 0;
        padding-left: 1.875em;
        width: 57.35098%;
    }
    section.courses .column:nth-child(3):last-child {
        margin-right: 0;
    }
}
section.courses html.lt-ie9 .overlay {
    background-image: url(../images/courses_bg_overlay.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0;
    position: absolute;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
section.courses html.lt-ie9 .featured-course .date {
    margin: 0 1.25em 1.25em 0;
}
section.courses html.lt-ie9 .featured-course .button {
    margin-bottom: 5.625em;
}
section.courses html.lt-ie9 .column:nth-child(2) {
    display: block;
    float: left;
    margin-right: 2.35765%;
    padding-right: 3.125em;
    width: 40.29137%;
}
section.courses html.lt-ie9 .column:nth-child(2):last-child {
    margin-right: 0;
}
section.courses html.lt-ie9 .column:nth-child(3) {
    display: block;
    float: left;
    margin-right: 2.35765%;
    margin-right: 0;
    padding-left: 1.875em;
    width: 57.35098%;
}
section.courses html.lt-ie9 .column:nth-child(3):last-child {
    margin-right: 0;
}

#course .narrative h3 {
    color: #525252;
    font-size: 1.5em;
}
#course .narrative h1,
#course .narrative h2,
#course .narrative h3,
#course .narrative h4,
#course .narrative h5,
#course .narrative h6 {
    margin-top: 0 !important;
}

/* = Section News = */
section.news {
    background-color: #F5F5F5;
}
@media only screen and (min-width: 48.9375em) {
    section.news .column:nth-child(2) {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 65.88078%;
    }
    section.news .column:nth-child(2):last-child {
        margin-right: 0;
    }
    section.news .column:nth-child(3) {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 31.76157%;
    }
    section.news .column:nth-child(3):last-child {
        margin-right: 0;
    }
}
section.news html.lt-ie9 .column:nth-child(2) {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
}
section.news html.lt-ie9 .column:nth-child(2):last-child {
    margin-right: 0;
}
section.news html.lt-ie9 .column:nth-child(3) {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
}
section.news html.lt-ie9 .column:nth-child(3):last-child {
    margin-right: 0;
}

/* = Segment = */
.segment {
    background-color: #F4F4F4;
    border-radius: 5px;
    margin: 1.25em 0 2.5em;
    overflow: hidden;
    padding: 0 1.5625em;
}

/* = Sponsors = */
ul.sponsors {
    margin-top: 1.25em;
    text-align: center;
}
ul.sponsors li {
    margin-bottom: 1.25em;
}
ul.sponsors li a {
    display: block;
}
ul.sponsors li img {
    display: block;
}
@media only screen and (min-width: 48.9375em) {
    ul.sponsors li {
        display: block;
        float: left;
        margin-bottom: 30px;
        margin-right: 2.35765%;
        width: 100%;
    }
    ul.sponsors li:last-child {
        margin-right: 0;
    }
    ul.sponsors li:nth-child(3n) {
        margin-right: 0;
    }
    ul.sponsors li:nth-child(3n+1) {
        clear: left;
    }
}
ul.sponsors html.lt-ie9 li {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 31.76157%;
}
ul.sponsors html.lt-ie9 li:last-child {
    margin-right: 0;
}
ul.sponsors html.lt-ie9 li:nth-child(3n) {
    margin-right: 0;
}
ul.sponsors html.lt-ie9 li:nth-child(3n+1) {
    clear: left;
}

/* = Supplemental = */
.supplemental {
    margin-bottom: 6.25em;
}
.supplemental:before,
.supplemental:after {
    content: " ";
    display: table;
}
.supplemental:after {
    clear: both;
}
.supplemental .info {
    margin-top: 0;
}
.supplemental .section {
    color: #172B39;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 1.25em 0;
    overflow: hidden;
    padding: 0.625em 0;
}
.supplemental .section > h3,
.supplemental .section > h4,
.supplemental .section > p {
    padding-left: 24px  !important;
    padding-right: 24px !important;
}
.supplemental .section h4,
.supplemental .section h3 {
    color: #F6B349;
    font-size: 1.25em;
}
.supplemental .section p {
    margin-bottom: 0.5em;
}
.supplemental .board_message {
    color: #ADADAD;
    font-style: italic;
}
.supplemental .secondary_nav {
    background: #F4F4F4;
    list-style: none;
    list-style-position: inside;
    margin: 0 0 0.625em 0;
    padding: 24px 1em 24px 1.875em;
    text-transform: uppercase;
}
.supplemental .secondary_nav:before,
.supplemental .secondary_nav:after {
    content: " ";
    display: table;
}
.supplemental .secondary_nav:after {
    clear: both;
}
.supplemental .secondary_nav li {
    margin: 0 0 0.875em;
    position: relative;
}
.supplemental .secondary_nav li a {
    color: #6794C8;
    display: block;
    font-size: 1rem;
    line-height: 1.25;
}
.supplemental .secondary_nav li a:hover {
    color: #9FBCDC;
}
.supplemental .secondary_nav li.active a {
    color: #68984E;
}
.supplemental .secondary_nav li.active:after {
    background: #68984E;
    border-radius: 16px;
    content: "";
    height: 16px;
    left: -38px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
    z-index: 2;
}
.supplemental .secondary_nav li.active:before {
    background: #FFF;
    border-radius: 26px;
    content: "";
    height: 26px;
    left: -42px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    width: 26px;
    z-index: 1;
}

/* charts in supplemental column */
.supplemental .cpa_breakdown {
    margin-top: 1.25em;
}

.supplemental .cpa_breakdown h5 {
    font-size: 0.875rem;
    margin-bottom: 0.3em;
    padding-top: 0;
}

.supplemental .cpa_breakdown em {
    color: #999;
    display: block;
    font-size: 0.75em;
    font-style: normal;
    margin-bottom: 1em;
    margin-top: -10px;
}

.supplemental .cpa_breakdown span.percent {
    border-bottom: solid 3px #696FA2;
    color: #696FA2;
    display: block;
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.supplemental .cpa_breakdown ul,
.supplemental .cpa_breakdown ul li {
    background-image: none;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.supplemental .cpa_breakdown ul {
    -webkit-font-smoothing: antialiased;
    margin: 0 0 1.4em 0;
    -moz-osx-font-smoothing: grayscale;
}

.supplemental .cpa_breakdown ul li span.label {
    color: #DDD;
    display: block;
    font-size: 0.875em;
    font-style: normal;
    font-weight: normal;
    font-weight: 700;
}

.supplemental .cpa_breakdown ul li.men,
.supplemental .cpa_breakdown ul li.women {
    color: #DDD;
    font-size: 1rem;
    font-weight: 700;
    list-style: none;
}

.supplemental .cpa_breakdown ul li.men {
    background-color: #3572B0;
    color: #FFF;
    float: left;
    padding: 5px 5%;
    text-align: left;
}

.supplemental .cpa_breakdown ul li.women {
    background-color: #D7335D;
    color: #FFF;
    float: right;
    padding: 5px 5%;
    text-align: right;
}

/* photo gallery sidebar */
/* --------------------------------------------------------------------- */
.supplemental .photo_gallery {
    margin-bottom: 50px;
}

.supplemental .photo_gallery .photos {
    height: 185px;
    margin: 20px 0;
    position: relative;
    width: 200px;
}

.supplemental .photos img {
    bottom: 0;
    position: absolute;
}

.supplemental .photos img.photo_1,
.supplemental .photos img.photo_2,
.supplemental .photos img.photo_3 {
    border: solid 3px #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.supplemental .photos img.photo_0 {
    border: solid 4px #FFF;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    left: 50%;
    margin-left: -100px;
    top: 0;
    z-index: 100;
}

.supplemental .photos img.photo_1 {
    left: -10px;
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    z-index: 80;
}

.supplemental .photos img.photo_2 {
    left: 50%;
    margin-left: -40px;
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    z-index: 60;
}

.supplemental .photos img.photo_3 {
    right: -10px;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    z-index: 40;
}

/* = Tabs = */
/* tabs, first added to /about/leadership */
/* --------------------------------------------------------------------- */
.tabs {
    display: inline-block;
}

.tabs .info {
    margin-bottom: 0.4em;
    margin-top: 0.6em;
}

.tabs .tabcontent {
    border: 1px solid #E7E7E7;
    clear: both;
    overflow: hidden;
    /* stop first childs top margin from collapsing into parent */
    position: relative;
}
@media only screen and (min-width: 48.9375em) {
    .tabs .tabcontent {
        top: -1px;
        z-index: 1;
    }
}
.tabs .tabcontent html.lt-ie9 {
    top: -1px;
    z-index: 1;
}

.tabs ul.titlebar {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabs .tabtitle {
    background: transparent;
    float: left;
    padding: 0;
    width: 100%;
    /* reset rule in site css */
}
@media only screen and (min-width: 48.9375em) {
    .tabs .tabtitle {
        margin: 0 0 0 0.8em;
        width: auto;
    }
}
.tabs .tabtitle html.lt-ie9 {
    margin: 0 0 0 0.8em;
    width: auto;
}

.tabs .tabtitle:first-child {
    margin: 0 0 0.5em 0 !important;
}
@media only screen and (min-width: 48.9375em) {
    .tabs .tabtitle:first-child {
        margin: 0  !important;
    }
}
.tabs .tabtitle:first-child html.lt-ie9 {
    margin: 0  !important;
}

.tabs .tabtitle.active a {
    background: #FFF;
    color: #3C5255;
    position: relative;
    text-shadow: none;
    z-index: 2;
}

.tabs .tabtitle.active a:hover {
    color: #3C5255;
}

.tabs .tabtitle a {
    background: #EAEAEA;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
    color: #4D67B7;
    display: block;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    padding: 0.4em 0.8em 0.3em;
    text-decoration: none;
    text-transform: uppercase;
}
@media only screen and (min-width: 48.9375em) {
    .tabs .tabtitle a {
        border-bottom: none;
        border-radius: 8px 8px 0 0;
    }
}
.tabs .tabtitle a html.lt-ie9 {
    border-bottom: none;
    border-radius: 8px 8px 0 0;
}

.tabs .tabtitle a:hover {
    color: #4977D6;
}

.tabs .tabtitle a:hover {
    text-decoration: none;
}

/* show only one tab contents at a time */
.tabs .tab {
    display: none;
    padding: 1.25em 1em;
}
.tabs .tab ul {
    list-style-type: none;
}

.tabs .tab.active {
    display: block;
}

/* = TinyMCE, WYSIWYG = */
.justified_left,
.justified_right,
.justified_center {
    background-color: #FCF6EA;
    border: solid 1px #E5D1B8;
    box-shadow: inset 0 1px 0 #FFF, 0 7px 7px #DDD;
    padding: 7px;
}

.justified_left {
    float: left;
    margin: 0 25px 25px 0;
}

.justified_right {
    float: right;
    margin: 0 0 25px 25px;
}

/* = Welcome = */
.welcome a {
    font-size: 1em;
}

/* = Widget = */
.education_credits li {
    text-align: center;
}

.dashboard-widget {
    background-color: #F4F4F4;
    margin: 1.25em 0;
    min-height: 11.875em;
    padding: 0.75em;
    position: relative;
}
.dashboard-widget h3 {
    color: #55849A;
    font-size: 1.125em;
    margin-top: 0;
}
.dashboard-widget .paid strong {
    color: #68984E;
}
.dashboard-widget ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
}
.dashboard-widget a {
    display: block;
}
.dashboard-widget li.action {
    background-color: #CCC;
    bottom: 0;
    font-size: 0.875em;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.dashboard-widget li.action a {
    background-color: #CCC;
    padding: 0.25em 0.625em;
}
.dashboard-widget .education_credits li {
    text-transform: uppercase;
}
.dashboard-widget span.credits {
    display: block;
    font-size: 3.75em;
    margin-bottom: 0.3125em;
    margin-top: 0.25em;
    text-align: center;
}
@media only screen and (min-width: 48.9375em) {
    .dashboard-widget {
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 23.23176%;
    }
    .dashboard-widget:last-child {
        margin-right: 0;
    }
    .dashboard-widget:nth-child(5n) {
        margin-right: 0;
    }
    .dashboard-widget:nth-child(5n+1) {
        clear: left;
    }
}
.dashboard-widget html.lt-ie9 {
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
}
.dashboard-widget html.lt-ie9:last-child {
    margin-right: 0;
}
.dashboard-widget html.lt-ie9:nth-child(5n) {
    margin-right: 0;
}
.dashboard-widget html.lt-ie9:nth-child(5n+1) {
    clear: left;
}

/* = About Section = */
/* about > leadership */
/* --------------------------------------------------------------------- */
body#members .group > .text {
    width: 100% !important;
}
body#members fieldset {
    margin-bottom: 0;
}

#leadership .tabs .tabtitle a {
    font-size: 0.8125em;
    padding: 0.4em 0.4em 0.3em;
}

.board_info {
    float: left;
    padding: 25px 0 0 25px;
}

.board_info p {
    line-height: 17px;
    margin-bottom: 20px;
}

.board_info ul {
    margin: 15px 0 60px 0;
    padding: 0;
    width: 233px;
}

.board_info ul li {
    list-style: none;
    margin-bottom: 16px;
}

p.board_message {
    color: #9F9BA4;
    font-style: italic;
    margin: 0;
    padding: 0;
}

ul.distinguished_leadership_list {
    margin: 0 0 1.5em 0;
    padding: 0;
}

ul.distinguished_leadership_list li {
    background: none;
    float: left;
    list-style: none;
    margin: 0 0 1.3em 0;
    padding: 0;
    padding-right: 3%;
    width: 30%;
}

ul.distinguished_leadership_list li span {
    font-size: 0.85em;
    font-weight: normal;
    padding-left: 0.6em;
}

ul.leadership_list {
    margin: 0 0 1.5em 0;
    padding: 0;
}
ul.leadership_list h3 {
    color: #C7485C;
    font-size: 1.125rem;
    margin: 0.625em 0 0.3125em 0 !important;
}

ul.leadership_list li {
    background: none;
    float: left;
    list-style: none;
    margin: 0 0 1.3em 0;
    padding: 0;
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    ul.leadership_list li {
        padding-right: 5%;
        width: 45%;
    }
}
ul.leadership_list li html.lt-ie9 {
    padding-right: 5%;
    width: 45%;
}

.leadership_list strong,
.leadership_list em,
.leadership_list span {
    display: block;
}

.leadership_list h3 {
    font-size: 0.875em;
}

ul.leadership_list.chairs li {
    width: 100%;
}

.decade {
    float: left;
    margin-right: 5%;
    width: 45%;
}

.decade ul {
    margin: 0 0 2.5em 0;
}

.decade li {
    background: none;
    font-weight: bold;
    margin-bottom: 1.3em;
    padding: 0;
}

.decade li span {
    font-weight: normal;
}

/* about > mscpa staff */
/* --------------------------------------------------------------------- */
#mscpa_staff ul.staff {
    margin: 0;
    padding: 0;
}

#mscpa_staff ul.staff li h3 {
    color: #C7485C;
    font-size: 1.125rem;
    font-weight: normal;
    margin-bottom: 8px;
    margin-top: 0;
    padding-top: 0;
}
#mscpa_staff ul.staff li h4 {
    color: #525252;
    font-size: 0.875rem;
    margin-bottom: 8px;
    margin-top: 0;
    padding-top: 0;
}
#mscpa_staff ul.staff li p {
    font-size: 0.875rem;
}

#mscpa_staff ul.staff li {
    background: none;
    display: inline-block;
    list-style: none;
    margin-bottom: 1.25em;
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    #mscpa_staff ul.staff li {
        float: left;
        margin: 0;
        padding: 0 0 25px 0;
        width: 50%;
    }
}
#mscpa_staff ul.staff li html.lt-ie9 {
    float: left;
    margin: 0;
    padding: 0 0 25px 0;
    width: 50%;
}

#mscpa_staff ul.staff li h3 {
    margin-left: 70px;
}

#mscpa_staff ul.staff li h4 {
    margin-left: 70px;
}

#mscpa_staff .main li img {
    background-color: #F6EEE1;
    border: solid 1px #D1C0A5;
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    padding: 5px;
}

#mscpa_staff .callout_block {
    margin-top: 1.875em;
}
@media only screen and (min-width: 48.9375em) {
    #mscpa_staff .callout_block {
        margin-top: 0;
    }
}
#mscpa_staff .callout_block html.lt-ie9 {
    margin-top: 0;
}

#mscpa_staff .callout_block em {
    color: #FFF;
}

#mscpa_staff h2 {
    background: #84439c;
    color: #fff;
    padding: .5rem;
    margin-bottom: 1rem;
}

/* about > chapters */
/* --------------------------------------------------------------------- */
#chapters .callout_block {
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    #chapters .callout_block {
        float: right;
        margin: 0 0 30px 30px;
        width: 45%;
    }
}
#chapters .callout_block html.lt-ie9 {
    float: right;
    margin: 0 0 30px 30px;
    width: 45%;
}

.group_info {
    clear: both;
    padding-top: 20px;
}


#chapters .chapter_list {
    margin-bottom: 2.5em;
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    #chapters .chapter_list {
        float: left;
        margin-right: 5%;
        width: 30%;
    }
}
#chapters .chapter_list html.lt-ie9 {
    float: left;
    margin-right: 5%;
    width: 30%;
}

#chapters .chapter_list ul {
    margin-top: 20px;
}

#chapters .chapter_events {
    width: 100%;
}
@media only screen and (min-width: 48.9375em) {
    #chapters .chapter_events {
        float: left;
        width: 60%;
    }
}
#chapters .chapter_events html.lt-ie9 {
    float: left;
    width: 60%;
}

/* about > committees */
/* --------------------------------------------------------------------- */
#committee .meta form {
    margin-top: 20px;
}

#committee ol.record_list li.detail {
    background: url(/sup/img/site/icon_bullet.png) no-repeat 0 9px;
    border: 0;
    padding: 7px 0 7px 30px;
}

#committee ol.record_list {
    margin: 0 0 12px;
}

#committee ol.record_list li:first-child {
    padding-top: 5px;
}

/* about > contact */
/* --------------------------------------------------------------------- */
#contact .main .section {
    float: left;
    width: 420px;
}

#contact .section .error,
#contact .section .success {
    margin-top: 15px;
}

#contact .additional_contacts {
    float: right;
    padding-top: 25px;
    width: 220px;
}

#contact .additional_contacts {
    float: right;
    padding-top: 25px;
    width: 220px;
}

#contact .additional_contacts .or,
#contact .additional_contacts .toll_free {
    color: #999;
}

form.contact_form .group .name {
    width: 47.5%;
}

form.contact_form .group .email {
    margin-right: 0;
    width: 47.5%;
}

form.contact_form .group .message {
    margin-right: 0;
    width: 100%;
}

/* peer_review */
/* --------------------------------------------------------------------- */
.peer_review #assessment_fees,
.peer_review #evaluation_fees {
    margin-bottom: 3em;
}

.peer_review #assessment_fees .assessment_block {
    margin-right: 3%;
    width: 30%;
}

.peer_review #assessment_fees .registration_fee strong {
    font-size: 1.2em;
}

.peer_review #assessment_fees .person_count input {
    width: 100px;
}

.peer_review #assessment_fees .fine_print {
    font-size: 11px;
    line-height: 1.4;
}

.peer_review .cost_analysis,
.peer_review .empty_fields,
.peer_review .excessive_people {
    display: none;
}

.peer_review_calculator .text label {
    float: left;
    font-size: 14px;
    line-height: 2.4em;
}

.peer_review_calculator .text input {
    float: left;
    width: 180px;
}

.peer_review_calculator .question label {
    display: inline;
}

.peer_review .grand_total .total {
    font-weight: bold;
}

/* = Page Specific = */
#committee ol.accented.volunteer_opportunity_events li {
    min-height: 130px;
}
#committee ol.accented.volunteer_opportunity_events li:first-child {
    padding-top: 25px;
}

@media only screen and (min-width: 48.9375em) {
    #sign_in .col-6 {
        margin-bottom: 2.5em;
        margin-top: 2.5em;
    }
    #sign_in .col-6 .supplemental h2 {
        margin-top: 0;
    }
    #sign_in .col-6 .supplemental .button {
        margin-top: 0.9375em;
    }
}
#sign_in html.lt-ie9 .col-6 {
    margin-bottom: 2.5em;
    margin-top: 2.5em;
}
#sign_in html.lt-ie9 .col-6 .supplemental h2 {
    margin-top: 0;
}
#sign_in html.lt-ie9 .col-6 .supplemental .button {
    margin-top: 0.9375em;
}

body#cart td.remove {
    text-align: center;
}
body#cart td.remove a.action {
    margin: 0 !important;
}
body#cart td.total strong {
    float: right;
}
body#cart table .checkboxes {
    margin-bottom: 0 !important;
}
body#cart table fieldset {
    margin-bottom: 0 !important;
}
body#cart table .submit {
    margin-bottom: 0 !important;
}
body#cart fieldset .help {
    font-size: 15px;
}

body#mscpa_policies .section {
    margin-bottom: 30px;
}

@media only screen and (min-width: 48.9375em) {
    .milestone {
        display: block;
        float: left;
        margin-bottom: 30px;
        margin-right: 2.35765%;
        margin-top: 10px;
        width: 31.76157%;
    }
    .milestone:last-child {
        margin-right: 0;
    }
    .milestone:nth-child(3n) {
        margin-right: 0;
    }
    .milestone:nth-child(3n+1) {
        clear: left;
    }
}
.milestone html.lt-ie9 {
    display: block;
    float: left;
    margin-bottom: 30px;
    margin-right: 2.35765%;
    margin-top: 10px;
    width: 31.76157%;
}
.milestone html.lt-ie9:last-child {
    margin-right: 0;
}
.milestone html.lt-ie9:nth-child(3n) {
    margin-right: 0;
}
.milestone html.lt-ie9:nth-child(3n+1) {
    clear: left;
}

body#find-a-cpa ol.meta li ul,
body#resumes ol.meta li ul {
    padding-left: 0 !important;
}
body#find-a-cpa ol.meta li ul li,
body#resumes ol.meta li ul li {
    width: 33.3333% !important;
}

body#find-a-cpa ol.record_list li:before {
    clip: rect(0 0 0 0) !important;
    clip: rect(0, 0, 0, 0) !important;
    display: none !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    visibility: hidden !important;
    width: 1px !important;
}

body#find-a-cpa .search-form,
body#resumes .search-form,
body#job_postings .search-form {
    margin-top: 1.5625em;
}
body#find-a-cpa .meta,
body#resumes .meta,
body#job_postings .meta {
    font-size: 15px;
}
body#find-a-cpa ol.meta li ul,
body#resumes ol.meta li ul,
body#job_postings ol.meta li ul {
    float: left !important;
    padding-left: 0 !important;
}

body#job_postings ol.meta > li {
    margin-top: 15px;
    padding-bottom: 0;
}

body#job_postings ol.meta li ul li span {
    text-transform: none;
}

@media only screen and (min-width: 64em) {
    body#job_postings ol.meta li ul li {
        width: 50%;
    }
}

body#job_postings .record_detail .meta h4 {
    display: inline;
    padding: 0;
}

body#job_postings .record_detail .meta span {
    background-color: #FFF;
    display: block;
    padding: 0.5em;
    width: 100%;
}

body#job_postings ol.record_list h3 span.meta {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
}
body#job_postings .job_detail .record_detail div.meta {
    background-color: #fff;
}
body#job_postings .job_detail .record_detail div.meta p {
    margin-bottom: 1em;
}
body#job_postings .job_detail .record_detail div.meta p strong {
    color: #F6B349
}
body#job_postings .job_detail aside.primary {
    margin-top: 9em;
}
body#job_postings .job_detail aside.primary .callout_block {
    color: #fff;
}
body#job_postings .job_detail aside.primary .record_list h3 a {
    font-size: 1rem;
}
body#job_postings .job_detail aside.primary .record_list h3 span.meta {
    line-height: 1.3;
    padding-top: .9em;
    padding-bottom: .6em;
}

body#job_postings .job_detail .images  {

}

body#job_postings .job_detail .images img {
    box-sizing: border-box;
    float: left;
    margin-bottom: 15px;
    padding-left: 1%;
    padding-right: 1%;
    width: 50%;
}

body#job_postings .job_detail .images img:nth-child(2n+1) {
    padding-left: 0;
}

body#job_postings .job_detail .images img:nth-child(2n+2) {
    padding-right: 0;
}

body#job_postings .job_detail .images img:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

#careers p.highlight {
    margin-bottom: 0;
}

#strategic_plan #main img {
    margin: 0 auto 1em;
}
#strategic_plan #main .icon-list:not(.no-margin) {
    margin-bottom: 1.5625em;
}

#contact form.contact_form .group .email,
#contact form.contact_form .group .name {
    width: 100% !important;
}

#member_resources .record_category h2,
#resources_for_the_public .record_category h2 {
    margin-bottom: 10px;
}

/* = Media Queries = */
@media only screen and (min-width: 64em) {
    nav.secondary {
        background: #2E2E2E;
        display: block;
    }
    nav.secondary a {
        color: #BBB;
        display: block;
        font-size: 13px;
        line-height: 2;
    }
    nav.secondary li.active a,
    nav.secondary li:hover a {
        color: #5276DA;
    }

    nav.primary:before,
    nav.primary ul:before {
        display: none;
    }
    nav.primary ul li {
        display: block;
        float: left;
    }
    nav.primary ul li a {
        border-top: 0;
        font-family: "nevis-Bold", Arial, sans-serif;
    }
    nav.primary ul li a:before {
        display: none;
    }
    nav.primary ul li .submenu
    li {
        float: none;
    }
    nav.primary ul li .submenu
    li a {
        font-family: inherit;
        font-size: 13px;
    }
    nav.primary ul li.active,
    nav.primary ul li:hover {
        background: none;
    }
    nav.primary ul li:hover {
        position: relative;
    }
    nav.primary ul li:hover a {
        color: #F6B349;
    }
    nav.primary ul li:hover .dropdown {
        display: block;
        left: 50%;
        min-width: 100%;
        opacity: 1;
        pointer-events: auto;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: visibility 0s, opacity 0.3s;
        -moz-transition: visibility 0s, opacity 0.3s;
        transition: visibility 0s, opacity 0.3s;
        visibility: visible;
    }
    nav.primary ul li.professional_development:hover .dropdown {
        left: 190px;
    }
}
html.lt-ie9 nav.secondary {
    background: #2E2E2E;
    display: block;
}
html.lt-ie9 nav.secondary a {
    color: #BBB;
    display: block;
    font-size: 13px;
    line-height: 2;
}
html.lt-ie9 nav.secondary li.active a,
html.lt-ie9 nav.secondary li:hover a {
    color: #5276DA;
}
html.lt-ie9 nav.primary:before,
html.lt-ie9 nav.primary ul:before {
    display: none;
}
html.lt-ie9 nav.primary ul li {
    display: block;
    float: left;
}
html.lt-ie9 nav.primary ul li a {
    border-top: 0;
    font-family: "nevis-Bold", Arial, sans-serif;
}
html.lt-ie9 nav.primary ul li a:before {
    display: none;
}
html.lt-ie9 nav.primary ul li .submenu
li {
    float: none;
}
html.lt-ie9 nav.primary ul li .submenu
li a {
    font-family: inherit;
    font-size: 13px;
}
html.lt-ie9 nav.primary ul li.active,
html.lt-ie9 nav.primary ul li:hover {
    background: none;
}
html.lt-ie9 nav.primary ul li:hover {
    position: relative;
}
html.lt-ie9 nav.primary ul li:hover a {
    color: #F6B349;
}
html.lt-ie9 nav.primary ul li:hover .dropdown {
    display: block;
    left: 50%;
    left: 0;
    min-width: 100%;
    opacity: 1;
    pointer-events: auto;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: visibility 0s, opacity 0.3s;
    -moz-transition: visibility 0s, opacity 0.3s;
    transition: visibility 0s, opacity 0.3s;
    visibility: visible;
}

@media only screen and (min-width: 48.9375em) {
    .torso aside.primary {
        display: block;
        float: right;
        width: 27%;
    }

    .torso .main {
        float: left;
        padding-right: 2em;
        width: 73%;
    }
    .torso .main.no-sidebar {
        float: none;
        padding-right: 0;
        width: 100%;
    }
}
html.lt-ie9 .torso aside.primary {
    display: block;
    float: right;
    width: 27%;
}
html.lt-ie9 .torso .main {
    float: left;
    padding-right: 2em;
    width: 73%;
}
html.lt-ie9 .torso .main.no-sidebar {
    float: none;
    padding-right: 0;
    width: 100%;
}

.narrative h3 {
    color: #525252;
}

.organization_info h3,
.organization_name_address h3 {
    font-size: 1.25em;
    margin-top: 1em;
}

.contact_info h3,
.work_info h3 {
    font-size: 1.25em;
    margin-top: 1em;
}

body#affinity_programs .section h3 {
    color: #F6B349;
    font-size: 1.25em;
}

body#job_postings ol.meta li ul {
    padding-left: 0 !important;
}

body#find-a-cpa ol.meta li ul,
body#resumes ol.meta li ul,
body#job_postings ol.meta li ul {
    padding-left: 0 !important;
}

.audio_messages {
    padding-left: 24px;
    padding-right: 24px;
}

.cpa_breakdown {
    margin: 0.625em 0 1.25em;
    padding-left: 24px;
    padding-right: 24px;
}

.mejs-audio {
    margin: 0.625em auto !important;
    width: 100% !important;
}

.mejs-container .mejs-controls .mejs-time {
    height: auto !important;
}

.photo_large {
    margin-bottom: 1.875em;
}

#coworker_toggle {
    display: block;
}

.c-1 {
    color: #C7485C;
}

.c-2 {
    color: #CB8071;
}

.c-3 {
    color: #83459B;
}

.return-link,
.page-info {
    display: inline-block;
    margin-bottom: 1.5625em;
}

.n-m-b {
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 48.9375em) {
    #expertise_areas .checkboxes .checkbox {
        clear: none;
        display: block;
        float: left;
        margin-right: 2.35765%;
        width: 48.82117%;
    }
    #expertise_areas .checkboxes .checkbox:last-child {
        margin-right: 0;
    }
    #expertise_areas .checkboxes .checkbox:nth-child(2n) {
        margin-right: 0;
    }
    #expertise_areas .checkboxes .checkbox:nth-child(2n+1) {
        clear: left;
    }
}
#expertise_areas .checkboxes .checkbox html.lt-ie9 {
    clear: none;
    display: block;
    float: left;
    margin-right: 2.35765%;
    width: 48.82117%;
}
#expertise_areas .checkboxes .checkbox html.lt-ie9:last-child {
    margin-right: 0;
}
#expertise_areas .checkboxes .checkbox html.lt-ie9:nth-child(2n) {
    margin-right: 0;
}
#expertise_areas .checkboxes .checkbox html.lt-ie9:nth-child(2n+1) {
    clear: left;
}

.nowrap {
    white-space: nowrap;
}


/* professional development */
/* --------------------------------------------------------------------- */
body.professional_development .main ol {
    margin-left: 0;
}
body.professional_development ol.meta li ul {
    margin-top: 30px;
}
body.professional_development .main > .group > div + .filters .reset {
    display: block;
    padding-top: 0.8em;
    text-align: center;
}
body.professional_development .main > .group > div + .filters .select {
    margin-bottom: 1em;
}
body.professional_development .main > .group > div + .filters .select select {
    padding: 6px 10px;
}

@media screen and (min-width: 1024px) {
    body.professional_development#professional_development .main > .group > div,
    body.professional_development#aicpa .main > .group > div {
        float: right;
        width: 65%;
    }
    body.professional_development#professional_development .main > .group > div + .filters,
    body.professional_development#aicpa .main > .group > div + .filters {
        float: left;
        width: 30%;
    }
    body.professional_development#professional_development .main > .group > div + .filters .reset,
    body.professional_development#aicpa .main > .group > div + .filters .reset {
        float: right;
    }
    body.professional_development#professional_development ol.meta li ul li,
    body.professional_development#aicpa ol.meta li ul li {
        width: 50%;
    }
    body.professional_development#professional_development ol.meta li ul,
    body.professional_development#aicpa ol.meta li ul {
        margin-top: 0;
    }
    body.professional_development#professional_development ol.meta li ul li:nth-child(odd),
    body.professional_development#aicpa ol.meta li ul li:nth-child(odd) {
        clear: left;
    }
}
/* professional development > conference registration */
/* --------------------------------------------------------------------- */

#conference_registration .meta {
    float: none;
    margin-bottom: 1.25em;
    margin-top: 0;
    width: 100%;
}


/* sign in or create account */

#conference_registration .sign_in_create_account
#conference_registration .create_account {
    margin-top: 50px;
}

#conference_registration .sign_in_create_account .password {
    float: right;
    margin-right: 0 !important;
}
#conference_registration .sign_in_create_account h2 {
    --margin-bottom: 30px;
    --text-transform: none;
}

/*
form.cart_create_account .group .first_name { width: 47.5%; }
form.cart_create_account .group .last_name { width: 47.5%; margin-right: 0; }
form.cart_create_account .group .email { width: 30%; }
form.cart_create_account .group .password_original { width: 30%; }
form.cart_create_account .group .confirm_password { width: 30%; margin-right: 0; }
form.cart_create_account .group .address { width: 100%; margin-right: 0; }
form.cart_create_account .group .city { width: 35%; }
form.cart_create_account .group .state { width: 30%; }
form.cart_create_account .group .zip { width: 25%; margin-right: 0; }
form.cart_create_account .group .home_phone { width: 30%; }
*/
/* conference details */

#conference_registration .main .session,
#conference_registration .sessions,
#conference_registration .registrant .fee_selection,
#conference_registration .name_entry.firm_user,
#conference_registration .session_items,
#conference_registration .no_sessions {
    --display: none;
}

#conference_registration .details {
    float: left;
    margin-right: 5%;
    width: 60%;
}

@media screen and (max-width:767px) {
    #conference_registration .details {
        float: none;
        margin: 0;
        width: 100%;
    }
}


#conference_registration .pricing {
    float: right;
    margin: 0;
    width: 30%;
}

@media screen and (max-width:767px) {
    #conference_registration .pricing {
        float: none;
        margin: 0;
        width: 100%;
    }
}

#conference_registration .banner {
    margin-bottom: 1.5em;
    max-width: 100%;
    width: 670px;
}
#conference_registration .banner p,
#conference_registration .banner img {
    margin: 0 auto;
    width: 100%;
}

/* registrants */

.sign_in_create_account h2 {
    margin-bottom: 20px;
}

#conference_registration form .group {
    overflow: hidden;
}

#conference_registration .registrant {
    background: #EFF3F8;
    border-radius: 4px;
    margin: 0 0 0;
    overflow: hidden;
    padding: 4px;
}
.guest_list {
    overflow: hidden;
}
.guest_selection select
.guest_selection .select {
    max-width: 520px !important;
}
.m-b-0 {
    margin-bottom: 0;
}
#conference_registration .guests {
    margin-bottom: 60px;
    margin-top: 10px;
    overflow: hidden;
}
#conference_registration .registrant > div {
    border: 1px solid #C8DAE6;
    overflow: hidden;
    padding: 1.4em 1.5em 0;
    position: relative;
}

#conference_registration fieldset {
    margin: 0;
}

#conference_registration .checkbox {
    float: none;
    margin-bottom: 1.5em;
    width: 100%;
}
#conference_registration .name_entry .text {
    float: left;
    margin-right: 2em;
    width: 25%;
}

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

#conference_registration .registrant .checkbox label,
#conference_registration .registrant .radio label {
    display: block;
    line-height: 1.5;
    padding-left: 15px;
}

#conference_registration .registrant .bundle {
    margin-top: 2.5em;
}
#conference_registration .registrant .bundle h3 {
    background: transparent;
}
#conference_registration .registrant .bundle h3 span {
    background-color: #EFF3F8;
}

.checkbox.session {
    position: relative;
}
.checkbox.session    input[type="radio"],
.checkbox.session    input[type="checkbox"] {
    position: absolute;
}


#conference_registration .add_guest {
    font-size: 18px;
    outline: 0;
}

.user_info {
    overflow: hidden;
}

#conference_registration .user_info hr {
    margin-top: 0 !important;
}
#conference_registration .registrant .remove {
    background: #FFF;
    border-bottom: 1px solid #EEE;
    border-radius: 4px;
    color: #555;
    display: inline-block;
    font-size: 18px;
    padding: 1px 6px;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all 200ms;
}
#conference_registration .registrant .remove:hover {
    background: #555;
    color: #FFF;
    text-decoration: none;
}

#conference_registration .registrant .date_list {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
#conference_registration .registrant .date_list:nth-child(odd) {
    clear: left;
    margin-left: 0;
}
#conference_registration .registrant .session .session_items {
    margin-top: 1em;
}
#conference_registration .registrant .session .session_items label {
    color: #333;
    font-weight: normal;
}
#conference_registration .registrant .session .session_items .chooser {
    font-size: 1.1em;
    letter-spacing: 0.04em;
    margin-bottom: 0.4em;
    text-transform: uppercase;
}
#conference_registration .registrant .session .bundle .radio,
#conference_registration .registrant .session .bundle .checkbox {
    margin-bottom: 0;
}
#conference_registration .registrant .session .session_items div {
    margin-left: 1em;
}

/* checkout area */
#conference_registration .terms {
    margin: 0 0 10px;
}
#conference_registration .terms .checkbox {
    margin: 0;
    width: 100%;
}

#conference_registration .emergency_contact_name {
    width: 47.5%;
}
#conference_registration .emergency_contact_phone {
    margin-right: 0;
    width: 47.5%;
}

@media screen and (max-width:767px) {
    #conference_registration .emergency_contact_name {
        width: 100%;
    }
    #conference_registration .emergency_contact_phone {
        width: 100%;
    }
}


.additional_info_checkout {
    overflow: hidden;
}
.additional_info_checkout .action {
    margin-bottom: 1.25em;
}
.additional_info_checkout fieldset {
    margin-bottom: 0 !important;
}

.additional_info_checkout .additional_info {
    margin-top: 1.25em;
}
.credit_card_checkout .muted-text {
    font-size: 10px;
}
#conference_registration .additional_info {
    float: left;
    margin: 0;
    width: 30%;
}

@media screen and (max-width:767px) {
    #conference_registration .additional_info {
        float: none;
        margin: 0;
        width: 100%;
    }
}

#conference_registration .checkout {
    border-left: 1px dotted #A2BDB8;
    float: right;
    margin: 0 0 50px;
    padding-left: 4%;
    width: 60%;
}

@media screen and (max-width:767px) {
    #conference_registration .checkout {
        border: none;
        float: none;
        margin: 0 0 50px;
        padding-left: 0;
        width: 100%;
    }
}
#members .apply h2,
#members .sign_in h2 {
    margin-top: 20px;
}

#apply_online form {
    overflow: hidden;
}
.other_state_certification_date .muted-text {
    font-size: 12px;
}
.select.large select,
.select.large {
    max-width: 680px;
}

form .group {
    overflow: hidden;
}

#fee_display {
    margin-bottom: 2.5em !important;
}

#credit_card_fields,
#apply_online fieldset.certification_information {
    margin-bottom: 0 !important;
}


/* --------------------------------------------------------------------- */
/* volunteers
/* --------------------------------------------------------------------- */


#volunteer_center ul.icon-list {
    margin-top: 20px;
}
ul.volunteers {
    background-color: #68984E;
    background-image: url(../images/courses_bg.jpg);
    background-repeat: repeat-y;
    padding: 0 20px;
}
ul.volunteers > li {
    background-color: rgba(104,152,78,0.4);
    border-top: 1px solid #94C270;
    margin-bottom: 0;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
    padding: 30px 20px;
    transition: background-color 200ms;
}
ul.volunteers > li:hover {
    background-color: rgba(0,0,0,0.1);
}
body#volunteer_center main,
body#volunteer_center div.secondary {
    margin-bottom: 30px;
}
body#volunteer_center div.secondary ul {
    list-style: none;
    padding: 0;
}
@media screen and (min-width: 992px) {
    body#volunteer_center main {
        float: right;
        margin-bottom: 0;
        width: 60%;
    }
    body#volunteer_center div.secondary {
        float: left;
        margin-bottom: 0;
        width: 35%;
    }
}
.volunteers .volunteer div.content {
    padding-right: 30px;
}
.volunteer .content a {
    color: #EFE391;
}
.volunteer .content a.btn {
    display: block;
    margin-top: 14px;
    padding-top: 11px;
    position: relative;
}
.volunteer .content a.btn::before {
    background-color: rgba(240,227,145,0.6);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.volunteer .content p:last-child {
    margin-bottom: 0;
}
.volunteer .content p,
.volunteer .content .stats {
    color: #FFF;
}

.volunteer .content .stats li {
    font-size: 15px;
    line-height: 1.4;
    padding-left: .5em;
    margin-bottom: .5em;
    color: #eee;
}
.volunteer .content .stats li strong {
    color: #fff;
}

.volunteer .content h3 {
    font-weight: 700;
}
.request-action {
    margin-top: 12px;
}
.request-action ~ form fieldset {
    margin-bottom: 0;
}
.request-action ~ form .cancel {
    margin-left: 10px;
}
#volunteer_center .layer {
    margin-top: 48px;
}
#volunteer_center .main h2 {
    margin-bottom: 1.4em;
}
#volunteer_center .main ol.accented {
    margin-left: 0;
    padding-left: 0;
}
#volunteer_center .main ol.accented h3,
#volunteer_center .main ol.accented .accent {
    clear: none;
    display: inline-block;
    float: none;
    margin: 0;
    position: static;
    vertical-align: middle;
}
#volunteer_center .main ol.accented li {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 20px;
}
#volunteer_center .main ol.accented h3 {
    margin-left: 16px;
    padding: 0;
    width: auto;
}

/* firm city groupings */
.coworkers {
    margin-left: .5em;
}
.coworkers .city_group {
    margin-left: 1em;
}
.coworkers h5 {
    cursor: pointer;
    font-size: 1.1em;
}
.coworkers h5 span {
    font-size: 1.1em;
}
.city_group label.already_registered,
.city_group label.in_cart {
    margin-left: 28px;
}
#dues .firm_city {
    font-size: 1.2em;
}
#dues .firm_user.name .pay,
#dues .firm_user.name h4 {
    float: left;
}
#dues .firm_user.name h4 {
    margin-left: 1.1em;
}
#dues .firm_user.name h4.dues_owed {
    margin-left: .5em;
}
.flex_city {
    font-size: 1.2em;
}

.checkout_form.flex_credit div.select,
.checkout_form.flex_credit select {
    max-width: 35em;
}

/* Ads */
.montana-connection-callout{
    position: relative;
    display: block;
    min-height: 322px;
    margin-bottom: 1.5em;
}

section.careers .montana-connection-callout > img{
    margin-bottom: 0;
    width: 100%;
}


.montana-connection-callout > div{
    background: url(/sup/img/site/work_life_montana-cta-bg.png);
    background-size: cover;
    background-position: center center;
    position: relative;
    display:flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1em;
}

.montana-connection-callout span{
    border-radius: 25px;
    margin-bottom: 0;
    font-size: .9em;
}
.montana-connection-callout:hover span{
    background-color: #286090;
    border-color: #204D74;
}

/* Search */
#search .main h3 {
    margin-bottom: .4em;
}
#search .item.group {
    margin-bottom: 1em;
}
a.search_link {
}
a.search_link:hover {
}
a.search_link.close::after {

}
.search-container {
	background: #83439b;
	opacity: 0;
	height: 0px;
	overflow: hidden;
	transition: .4s ease;
}
.search-container form {
		transition: .4s ease;
		position: relative;
		top: -100px;
		padding: 0;
		margin: 0;
		width: 70%;
		float: right;
}
.search-container form .search-button {
    width: 125px;
}
.search-container form input {
    margin-bottom: 0;
    border: 0;
}
.search-container.open {
    padding: 2em 0;
    opacity: 1;
    height: auto;
    transition: .4s ease;
}
.search-container.open form {
    top: 0;
}