/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */

.chosen-container .chosen-results li,
.slides,
li,
ol,
ul {
    list-style: none
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div,
select {
    border-right: none
}
.chosen-container,
select {
    -webkit-user-select: none
}
.activity-content li,
.activity-content li *,
.classes-content li,
.classes-content li *,
.contact .contact-textarea,
.dashboard .dashboard #main-content-container *,
.tour .dashboard #main-content-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */

a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */

abbr[title] {
    border-bottom: 1px dotted
}
mark {
    background: #ff0;
    color: #000
}
sub,
sup {
    line-height: 0;
    position: relative
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */

svg:not(:root) {
    overflow: hidden
}
/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
#header header .languages li:first-child,
.resources .resources-content .menu li.toggle-menu ul li:first-child,
a img {
    border: none
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}
#header header .languages,
.resources .resources-content .menu li.toggle-menu ul {
    position: absolute;
    background: #fff;
    border-top: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1)
}
#header header .languages li,
.resources .resources-content .menu li.toggle-menu ul li {
    display: block;
    min-width: 130px;
    margin: 0;
    line-height: 1.2;
    padding: 14px 10px;
    border-top: 1px solid #ddd
}
@font-face {
    font-family: "Proxima Nova";
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/proxima_nova/proximanova-light-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/proxima_nova/proximanova-light-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/proxima_nova/proximanova-light-webfont.woff)format('woff'), url(/css/fonts/proxima_nova/proximanova-light-webfont.ttf)format('truetype'), url(/css/fonts/proxima_nova/proximanova-light-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Proxima Nova";
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/proxima_nova/proximanova-regular-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/proxima_nova/proximanova-regular-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/proxima_nova/proximanova-regular-webfont.woff)format('woff'), url(/css/fonts/proxima_nova/proximanova-regular-webfont.ttf)format('truetype'), url(/css/fonts/proxima_nova/proximanova-regular-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Proxima Nova";
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/proxima_nova/proximanova-semibold-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/proxima_nova/proximanova-semibold-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/proxima_nova/proximanova-semibold-webfont.woff)format('woff'), url(/css/fonts/proxima_nova/proximanova-semibold-webfont.ttf)format('truetype'), url(/css/fonts/proxima_nova/proximanova-semibold-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Proxima Nova";
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/proxima_nova/proximanova-bold-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/proxima_nova/proximanova-bold-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/proxima_nova/proximanova-bold-webfont.woff)format('woff'), url(/css/fonts/proxima_nova/proximanova-bold-webfont.ttf)format('truetype'), url(/css/fonts/proxima_nova/proximanova-bold-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Proxima Nova";
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/proxima_nova/proximanova-extrabold-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/proxima_nova/proximanova-extrabold-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/proxima_nova/proximanova-extrabold-webfont.woff)format('woff'), url(/css/fonts/proxima_nova/proximanova-extrabold-webfont.ttf)format('truetype'), url(/css/fonts/proxima_nova/proximanova-extrabold-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Proxima Nova";
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/proxima_nova/proximanova-black-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/proxima_nova/proximanova-black-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/proxima_nova/proximanova-black-webfont.woff)format('woff'), url(/css/fonts/proxima_nova/proximanova-black-webfont.ttf)format('truetype'), url(/css/fonts/proxima_nova/proximanova-black-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Museo Slab";
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/museo_slab/museo_slab_500-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/museo_slab/museo_slab_500-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/museo_slab/museo_slab_500-webfont.woff)format('woff'), url(/css/fonts/museo_slab/museo_slab_500-webfont.ttf)format('truetype'), url(/css/fonts/museo_slab/museo_slab_500-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Museo Slab";
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/museo_slab/museo_slab_700-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/museo_slab/museo_slab_700-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/museo_slab/museo_slab_700-webfont.woff)format('woff'), url(/css/fonts/museo_slab/museo_slab_700-webfont.ttf)format('truetype'), url(/css/fonts/museo_slab/museo_slab_700-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: "Museo Slab";
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    src: url(/css/fonts/museo_slab/museo_slab_900-webfont.eot)format('embedded-opentype');
    src: url(/css/fonts/museo_slab/museo_slab_900-webfont.eot?#iefix)format('embedded-opentype'), url(/css/fonts/museo_slab/museo_slab_900-webfont.woff)format('woff'), url(/css/fonts/museo_slab/museo_slab_900-webfont.ttf)format('truetype'), url(/css/fonts/museo_slab/museo_slab_900-webfont.svg#webfont)format('svg')
}
@font-face {
    font-family: icomoon;
    src: url(/css/fonts/neighborworks/css/fonts/icomoon.eot?f9fsgw);
    src: url(/css/fonts/neighborworks/css/fonts/icomoon.eot?#f9fsgw)format("embedded-opentype"), url(/css/fonts/neighborworks/css/fonts/icomoon.woff?f9fsgw)format("woff"), url(/css/fonts/neighborworks/css/fonts/Nicomoon.ttf?f9fsgw)format("truetype"), url(/css/fonts/neighborworks/css/fonts/icomoon.svg?f9fsgw#icomoon)format("svg");
    font-weight: 400;
    font-style: normal
}
.account-content .buttons .next:after,
.account-content .buttons .previous:before,
[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-home:before {
    content: "\e601"
}
.icon-download:before {
    content: "\e602"
}
.icon-program:before {
    content: "\e603"
}
.icon-calendar:before {
    content: "\e604"
}
.icon-disclosure:before {
    content: "\e605"
}
.icon-documents:before {
    content: "\e606"
}
.icon-print:before {
    content: "\e607"
}
.icon-add:before {
    content: "\e608"
}
.icon-trashcan:before {
    content: "\e609"
}
.icon-password:before {
    content: "\e60a"
}
.icon-attach:before {
    content: "\e60b"
}
.icon-call:before {
    content: "\e60c"
}
.icon-share:before {
    content: "\e60d"
}
.icon-user:before {
    content: "\e60e"
}
.icon-class:before {
    content: "\e60f"
}
.icon-dropdown:before {
    content: "\e610"
}
.icon-featured:before {
    content: "\e611"
}
.icon-verified:before {
    content: "\e612"
}
.icon-email:before {
    content: "\e613"
}
.icon-navbardown:before {
    content: "\e614"
}
.icon-circle:before {
    content: "\e600"
}
.icon-information:before {
    content: "\e615"
}
.icon-delete:before {
    content: "\e616"
}
.icon-document:before {
    content: "\e617"
}
.icon-certificate:before {
    content: "\e618"
}
.icon-pins:before {
    content: "\e619"
}
.icon-globe:before {
    content: "\e61a"
}
.account-content .buttons .previous:before,
.icon-left-arrow:before {
    content: "\e61b";
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.account-content .buttons .next:after,
.icon-right-arrow:before {
    content: "\e61b"
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    -moz-user-select: none;
    user-select: none
}
.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    width: 100%;
    background: #fff
}
.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}
.chosen-container a {
    cursor: pointer
}
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    text-decoration: none;
    white-space: nowrap
}
.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/public/images/chosen-sprite.png)-42px 1px no-repeat;
    font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%
}
.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}
.chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}
.chosen-container-single .chosen-drop {
    margin-top: -1px
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 10px 0;
    line-height: 15px;
    -webkit-touch-callout: none
}
.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    cursor: default
}
.chosen-container .chosen-results li.highlighted {
    background-color: #ccc;
    color: #fff
}
.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}
.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}
.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto!important;
    height: 1%;
    cursor: text
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0!important;
    background: 0 0!important;
    box-shadow: none;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}
.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    background-color: #e4e4e4;
    background-clip: padding-box;
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    line-height: 13px;
    cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/public/images/chosen-sprite.png)-42px 1px no-repeat;
    font-size: 1px
}
.dk_container,
.dk_open,
.dk_toggle {
    position: relative
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    olor: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    cursor: default
}
.chosen-container-active.chosen-with-drop .chosen-single {
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 10px
}
.chosen-disabled {
    opacity: .5!important;
    cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
    cursor: default
}
.chosen-rtl {
    text-align: right
}
.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}
.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}
.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}
.chosen-rtl .chosen-choices li {
    float: right
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
    direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}
.chosen-rtl .chosen-drop,
.chosen-rtl.chosen-container-single-nosearch .chosen-search {
    left: 9999px
}
.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}
.chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    background: url(/public/images/chosen-sprite.png)-30px -20px no-repeat;
    direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 144dpi) {
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-rtl .chosen-search input[type=text] {
        background-image: url(/public/images/chosen-sprite@2x.png);
        background-size: 52px 37px;
        background-repeat: no-repeat
    }
}
.chosen-with-drop {
    background: #fff
}
.chosen-container {
    border-radius: 2px;
    font-size: 14px;
    height: 40px
}
.chosen-container-active .chosen-with-drop .chosen-single,
.chosen-container-single .chosen-single {
    height: 38px;
    text-align: left;
    padding-left: 20px;
    background: #fff;
    line-height: 40px;
    border: none;
    box-shadow: #ccc 0 1px 0 0;
    border-radius: 2px
}
.dk_options,
.dk_options_inner {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}
.chosen-container .chosen-results {
    margin: 0;
    border-bottom: 2px solid #ddd;
    padding: 2px
}
.chosen-container .chosen-results li {
    padding-left: 20px;
    text-align: left;
    color: inherit!important
}
.result-select {
    background-color: #ccc
}
.chosen-container-single .chosen-single div {
    width: 15px;
    margin-right: 8px
}
.chosen-container-active.chosen-with-drop .chosen-single {
    border-bottom: 2px solid #858585
}
.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(/public/images/icons/arrow-down.png)0 16px no-repeat!important;
    background-size: 12px 7px!important
}
.dk_container {
    margin-bottom: 20px;
    font-size: 14px;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
.dk_container:focus {
    outline: 0
}
.dk_container a {
    cursor: pointer;
    text-decoration: none;
    outline: 0
}
.dk_toggle {
    background-image: url(/public/images/dk_arrows.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    box-shadow: #ccc 0 2px 0 0
}
.dk_focus .dk_toggle {
    -webkit-box-shadow: 0 0 5px #40b5e2;
    -moz-box-shadow: 0 0 5px #40b5e2;
    box-shadow: 0 0 5px #40b5e2
}
.dk_open {
    z-index: 10
}
.dk_options li {
    display: block;
    font-size: 14px;
    font-family: proximaNova
}
.dk_options a {
    padding: 8px 10px;
    background-color: #fff;
    font-weight: 700
}
.dk_options li:last-child a {
    border-bottom: none
}
.dk_option_current a,
.dk_options a:hover {
    text-decoration: none;
    color: #fff;
    border-bottom-color: #004c72;
    background-color: #0084c7;
    text-shadow: rgba(0, 0, 0, .5)0 1px 0
}
.dk_options_inner,
.dk_touch .dk_options {
    max-height: 250px
}
.dk_container {
    display: none;
    text-align: left
}
.dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1
}
.dk_open .dk_options {
    display: block
}
.dk_open .dk_label {
    color: inherit
}
.dk_options {
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: rgba(0, 0, 0, .2)0 2px 8px;
    -moz-box-shadow: rgba(0, 0, 0, .2)0 2px 8px;
    box-shadow: rgba(0, 0, 0, .2)0 2px 8px;
    position: absolute;
    right: 0;
    display: none;
    width: 100%;
    margin-top: -1px
}
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
    display: block
}
.dk_options_inner {
    border: 1px solid #8c8c8e;
    border-bottom-width: 2px;
    border-bottom-color: #999;
    border-radius: 0 0 5px 5px;
    text-shadow: #fff 0 1px 0;
    position: relative;
    overflow: auto
}
.dk_touch .dk_options {
    overflow: hidden
}
.dk_touch .dk_options_inner {
    overflow: visible;
    max-height: none
}
.dk_fouc select {
    position: relative;
    top: -99999em;
    visibility: hidden
}
.dropkick,
.qtip {
    position: absolute
}
.dropkick {
    left: -9999px
}
.dk_options a {
    border-bottom: none
}
.dk_options_inner,
.dk_toggle {
    color: #909090
}
.dk_toggle {
    width: 100%!important;
    height: 14px;
    padding: 18px 0 18px 20px;
    background-color: #fff!important;
    text-shadow: none!important
}
.qtip {
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}
.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word
}
.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: 700
}
.qtip-titlebar+.qtip-content {
    border-top-width: 0!important
}
.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent
}
.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}
* html .qtip-titlebar .qtip-close {
    top: 16px
}
.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}
.qtip-icon,
.qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}
.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: -100em -100em no-repeat
}
.qtip-default {
    background-color: #FFFFA3
}
.qtip-default .qtip-titlebar {
    background-color: #FFEF93
}
/*! Light tooltip style */

.qtip-light {
    background-color: #fff;
    border-color: #E2E2E2;
    color: #454545
}
.qtip-light .qtip-titlebar {
    background-color: #f1f1f1
}
/*! Dark tooltip style */

.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3
}
.qtip-dark .qtip-titlebar {
    background-color: #404040
}
.qtip-dark .qtip-icon {
    border-color: #444
}
.qtip-dark .qtip-titlebar .ui-state-hover {
    border-color: #303030
}
/*! Cream tooltip style */

.qtip-cream {
    background-color: #FBF7AA;
    border-color: #F9E98E;
    color: #A27D35
}
.qtip-red,
.qtip-red .qtip-icon,
.qtip-red .qtip-titlebar .ui-state-hover {
    border-color: #D95252
}
.qtip-cream .qtip-titlebar {
    background-color: #F0DE7D
}
.qtip-cream .qtip-close .qtip-icon {
    background-position: -82px 0
}
/*! Red tooltip style */

.qtip-red {
    background-color: #F78B83;
    color: #912323
}
.qtip-red .qtip-titlebar {
    background-color: #F06D65
}
.qtip-red .qtip-close .qtip-icon {
    background-position: -102px 0
}
/*! Green tooltip style */

.qtip-green {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3F6219
}
.qtip-green .qtip-titlebar {
    background-color: #B0DE78
}
.qtip-green .qtip-close .qtip-icon {
    background-position: -42px 0
}
/*! Blue tooltip style */

.qtip-blue {
    background-color: #E5F6FE;
    border-color: #ADD9ED;
    color: #5E99BD
}
.qtip-blue .qtip-titlebar {
    background-color: #D0E9F5
}
.qtip-blue .qtip-close .qtip-icon {
    background-position: -2px 0
}
.qtip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15)
}
.qtip-bootstrap,
.qtip-rounded,
.qtip-tipsy {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.qtip-rounded .qtip-titlebar {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}
.qtip-jtools,
.qtip-youtube {
    -moz-border-radius: 2px;
    border-radius: 2px
}
.qtip-youtube {
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
    color: #fff;
    border: 0 solid transparent;
    background: #4A4A4A;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, #000));
    background-image: -webkit-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -moz-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -ms-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -o-linear-gradient(top, #4a4a4a 0, #000 100%)
}
.qtip-youtube .qtip-titlebar {
    background-color: transparent
}
.qtip-youtube .qtip-content {
    padding: .75em;
    font: 12px arial, sans-serif;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"
}
.qtip-youtube .qtip-icon {
    border-color: #222
}
.qtip-youtube .qtip-titlebar .ui-state-hover {
    border-color: #303030
}
.qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, .7);
    background-image: -webkit-gradient(linear, left top, left bottom, left, right);
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-linear-gradient(top, #717171, #232323);
    background-image: -ms-linear-gradient(top, #717171, #232323);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #ddd;
    border: 2px solid #f1f1f1;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333
}
.qtip-jtools .qtip-titlebar {
    background-color: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}
.qtip-jtools .qtip-content {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}
.qtip-jtools .qtip-content,
.qtip-jtools .qtip-titlebar {
    background: 0 0;
    color: #fff;
    border: 0 dashed transparent
}
.qtip-jtools .qtip-icon {
    border-color: #555
}
.qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333
}
.qtip-cluetip {
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    background-color: #D9D9C2;
    color: #111;
    border: 0 dashed transparent
}
.qtip-bootstrap,
.qtip-default {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}
.qtip-cluetip .qtip-titlebar {
    background-color: #87876A;
    color: #fff;
    border: 0 dashed transparent
}
.qtip-cluetip .qtip-icon {
    border-color: #808064
}
.qtip-cluetip .qtip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952
}
.qtip-tipsy {
    background: #000;
    background: rgba(0, 0, 0, .87);
    color: #fff;
    border: 0 solid transparent;
    font-size: 11px;
    font-family: 'Lucida Grande', sans-serif;
    font-weight: 700;
    line-height: 16px;
    text-shadow: 0 1px #000
}
.qtip-tipsy .qtip-titlebar {
    padding: 6px 35px 0 10px;
    background-color: transparent
}
.qtip-tipsy .qtip-content {
    padding: 6px 10px
}
.qtip-tipsy .qtip-icon {
    border-color: #222;
    text-shadow: none
}
.qtip-tipsy .qtip-titlebar .ui-state-hover {
    border-color: #303030
}
.qtip-default .qtip-icon,
.qtip-default .qtip-titlebar .qtip-close {
    color: #555;
    border-color: #ddd
}
.qtip-tipped {
    border: 3px solid #959FA9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #F9F9F9;
    color: #454545;
    font-weight: 400;
    font-family: serif
}
.qtip-tipped .qtip-titlebar {
    border-bottom-width: 0;
    color: #fff;
    background: #3A79B8;
    background-image: -webkit-gradient(linear, left top, left bottom, left, right);
    background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -ms-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}
.qtip-tipped .qtip-icon {
    border: 2px solid #285589;
    background: #285589
}
.qtip-tipped .qtip-icon .ui-icon {
    background-color: #FBFBFB;
    color: #555
}
.qtip-bootstrap {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
.qtip-bootstrap .qtip-titlebar {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}
#header,
.testimonials {
    border-bottom: 1px solid #c5c5c5
}
.qtip-bootstrap .qtip-titlebar .qtip-close {
    right: 11px;
    top: 45%;
    border-style: none
}
.qtip-bootstrap .qtip-content {
    padding: 9px 14px
}
.qtip-bootstrap .qtip-icon {
    background: 0 0
}
.qtip-bootstrap .qtip-icon .ui-icon {
    width: auto;
    height: auto;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}
#header header .border,
.fourth,
.full,
.half,
.line,
.row,
.single,
.third,
.three-fourths {
    float: left
}
.qtip-bootstrap .qtip-icon .ui-icon:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    filter: none;
    -ms-filter: none
}
.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}
.qtip .qtip-tip,
x:-o-prefocus {
    visibility: hidden
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: 0 0;
    border: 0 dashed transparent
}
.qtip .qtip-tip canvas {
    top: 0;
    left: 0
}
.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible
}
#qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
#qtip-overlay.blurs {
    cursor: pointer
}
#qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.qtipmodal-ie6fix {
    position: absolute!important
}
#loading,
#loading img,
.req-notify,
form .info {
    position: absolute
}
.icon-information {
    cursor: pointer;
    vertical-align: text-top;
    padding-left: .5em;
    opacity: .6
}
.qtip {
    font-size: 14px;
    line-height: 14px
}
.qtip-default {
    border: 1px solid #ddd;
    background: #fff;
    color: #555;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 8px
}
.button.noborder,
textarea {
    border: none
}
.qtip-default .qtip-icon {
    background: #fff
}
#basic-modal-content {
    display: none
}
#simplemodal-overlay {
    background-color: #000
}
#simplemodal-container {
    max-width: 600px;
    height: auto
}
#simplemodal-container code {
    display: block;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
    color: #bbb;
    border-left: 3px solid #65B43D;
    background: #141414;
    font-size: emCalc(12px)
}
a,
body,
html {
    color: #333
}
.flexslider,
body,
html {
    margin: 0;
    padding: 0
}
#simplemodal-container a.modalCloseImg {
    position: absolute;
    z-index: 3200;
    top: -15px;
    right: -16px;
    display: inline;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(/public/images/icons/close-modal.png)no-repeat
}
.contains-impact-modal #simplemodal-container {
    width: 400px;
    height: 300px
}
.full,
.row {
    width: 100%
}
.contains-impact-modal #simplemodal-container a.modalCloseImg {
    right: 26px
}
@media only screen and (min-width: 320px)and (max-width: 440px) {
    #simplemodal-container {
        max-width: 300px
    }
}
@media only screen and (min-width: 440px)and (max-width: 768px) {
    #simplemodal-container {
        max-width: 440px
    }
}
.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
    outline: 0
}
.slides {
    margin: 0;
    padding: 0
}
@font-face {
    font-family: flexslider-icon;
    src: url(/css/fonts/flexslider/flexslider-icon.eot);
    src: url(/css/fonts/lexslider/flexslider-icon.eot?#iefix)format("embedded-opentype"), url(/css/fonts/flexslider/flexslider-icon.woff)format("woff"), url(/css/fonts/flexslider/flexslider-icon.ttf)format("truetype"), url(/css/fonts/flexslider/flexslider-icon.svg#flexslider-icon)format("svg");
    font-weight: 400;
    font-style: normal
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}
.no-js .slides>li:first-child,
.slides:after,
html[xmlns] .slides {
    display: block
}
.flexslider .slides img {
    width: 100%;
    display: block
}
.slides:after {
    content: "\0020";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.container:after,
.flag:after,
.row:after {
    content: " "
}
* html .slides {
    height: 1%
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}
.loading .flex-viewport {
    max-height: 300px
}
.flexslider .slides {
    zoom: 1
}
body,
html {
    background-color: #F0F0F0;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}
.hidden {
    display: none!important
}
.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    clear: both
}
.container:after {
    display: block;
    clear: both
}
.stop-scrolling {
    height: 100%;
    overflow: hidden
}
.row {
    max-width: 100%;
    overflow: inherit;
    margin: 5px auto
}
.row:after {
    display: block;
    clear: both
}
.full {
    margin-right: 0
}
.fourth,
.half,
.single,
.third,
.three-fourths,
.two-thirds {
    margin-right: 1.69492%
}
.half {
    width: 49.15254%
}
.third {
    width: 32.20339%
}
.two-thirds {
    width: 66.10169%;
    float: left
}
.three-fourths {
    width: 74.57627%
}
.fourth {
    width: 23.72881%
}
.single {
    width: 6.77966%
}
#setstr_tab {
    display: none
}
.button,
ul li {
    display: inline-block
}
#loading {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 101
}
#loading img {
    top: 50%;
    left: 50%;
    width: 44px
}
#main-content-container {
    max-width: 1120px;
    margin: 0 auto
}
.req-notify {
    z-index: 2;
    top: 10px;
    left: 120px;
    color: red
}
form .info {
    top: 12px;
    right: 8px;
    width: 17px;
    height: 46px;
    background: url(/public/images/input-info.png)no-repeat;
    cursor: pointer;
    z-index: 2
}
.ph {
    height: 6px!important;
    padding: 24px 0 20px 20px!important
}
.cb {
    text-align: left;
    margin: 10px 0
}
.cb input[type=checkbox] {
    margin-top: 0
}
.cb label {
    padding-left: 10px
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-family: "Museo Slab", "Times New Roman", serif;
    font-size: inherit;
    font-weight: 700;
    color: #555
}
.button,
.primary {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
h2 {
    font-size: 30px
}
ul {
    padding: 0
}
.error,
.errors {
    padding-top: 4px;
    color: red
}
.button {
    margin: auto;
    padding: 0;
    height: 36px;
    line-height: 38px;
    color: #fff;
    width: 170px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer
}
#container {
    min-height: -webkit-calc(100% - 9em);
    min-height: calc(100% - 9em)
}
#main-content-container {
    height: auto;
    margin-bottom: 60px
}
#main-content-container .heading {
    color: #555;
    font-size: 36px
}
.welcome {
    position: relative;
    overflow: hidden;
    width: 100%;
    left: 0;
    height: 321px;
    display: block
}
.welcome h1,
.welcome h2,
.welcome h3,
.welcome h4,
.welcome h5,
.welcome h6 {
    color: #fff
}
.welcome .bg {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(/public/images/splash3.jpg)50% 0 no-repeat;
    background-size: cover
}
.welcome .bg.blur-banner {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    filter: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHZlcnNpb249IjEuMSIKeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgp4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgPGRlZnM+CiAgICA8ZmlsdGVyIGlkPSJibHVyIj4KICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjQuNSIgLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KPC9zdmc+Cg==#blur)
}
.welcome .shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #000;
    opacity: .15
}
.welcome #user {
    position: relative;
    z-index: 1
}
.welcome .user {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 160px;
    text-align: left;
    color: #fff;
    display: block
}
.welcome .user h1 {
    font-family: "Museo Slab", "Times New Roman", serif;
    font-weight: 700;
    font-size: 60px;
    margin: 0;
    display: none
}
.welcome .user h3 {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    font-size: 30px;
    display: none
}
.welcome .user .button,
.welcome .user .sign-up-msg {
    display: none
}
.account .welcome,
.choosepath .welcome,
.classes .welcome,
.dashboard .welcome,
.landing .welcome,
.login .welcome,
.notfound .welcome,
.testimonials,
.welcome .user #banner,
.welcomelanding .welcome {
    display: block
}
.welcome .user #banner h2 {
    font-family: "Museo Slab", "Times New Roman", serif;
    font-weight: 700;
    margin: 10px 0 0;
    text-align: center;
    font-size: 60px
}
#header header .breadcrumbs li a:after,
#header header .breadcrumbs li.active {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
@media (min-width: 320px)and (max-width: 480px) {
    .welcome .user #banner h2 {
        position: relative;
        font-size: 40px
    }
}
.quote {
    min-height: 40px
}
.testimonials {
    padding: 0;
    min-height: 140px;
    background: #fff;
    border-top: 6px solid #ddd
}
.testimonials .inner {
    height: 100%;
    max-width: 1120px;
    margin: 0 auto;
    font-weight: 300
}
.testimonials .inner .quote {
    min-height: 65px;
    padding-left: 150px;
    padding-top: 30px;
    background: url(/public/images/quote.png)100px 10px no-repeat;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px
}
.testimonials .inner .name {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 100px 0 30px 150px;
    font-weight: 600;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 5px 20px
}
#simplemodal-container.contact {
    top: 20px!important;
    height: 540px!important
}
#simplemodal-container.contact #modal {
    height: 400px!important
}
#simplemodal-container.createacct {
    top: 20px!important;
    height: 560px!important
}
#simplemodal-container.createacct #modal {
    height: auto;
    overflow: scroll
}
#simplemodal-container.login {
    top: 20px!important;
    height: 440px!important
}
#simplemodal-container.login #modal {
    height: 300px!important
}
#simplemodal-container.upload {
    top: 20px!important;
    min-height: 400px!important;
    height: 100%!important;
    width: 6400px!important
}
#simplemodal-container.upload #modal {
    height: 100%!important
}
#simplemodal-container.upload .simplemodal-wrap {
    height: auto!important;
    overflow: visible!important
}
#modal {
    display: none;
    position: relative;
    background: #eaeaea;
    width: auto;
    padding: 40px;
    text-align: center
}
.flag,
.flag:after {
    position: absolute
}
#modal h2 {
    margin-bottom: 30px
}
#modal.active {
    display: block
}
#modal .full {
    margin: 10px 0
}
#modal select {
    width: 100%;
    height: 26px;
    margin: 10px 0 5px
}
#modal .button {
    margin-top: 30px
}
#modal .dk_toggle {
    max-width: 510px
}
.flag {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 32px 32px;
    border-color: transparent;
    bottom: 0;
    right: 0;
    overflow: visible
}
.flag:after {
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: -28px;
    right: 2px
}
.flag.flagclass:after {
    background-image: url(/public/images/icons/class-sm.png)
}
.flag.flagappointment:after {
    background-image: url(/public/images/icons/appointment-sm.png)
}
.line {
    width: 100%;
    margin: 10px 0 20px;
    border-top: 1px solid #c5c5c5
}
.label-floatlabel {
    top: 7px!important;
    font-size: .7em;
    padding-left: 20px;
    color: #ccc
}
.contact select {
    width: 520px
}
.contact .chosen-container {
    margin-bottom: 0
}
::-webkit-input-placeholder {
    color: #555
}
#header {
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #fff
}
#header header {
    position: relative;
    max-width: 1120px;
    margin: 0 auto;
    height: 3.375em;
    line-height: 54px;
    padding: 18px 0;
    background: #fff
}
#header header .pancake {
    display: none
}
#header header .border {
    height: 40px;
    border-left: 1px solid #d9d9d9
}
#header header .set-language {
    position: absolute;
    right: 28px;
    height: 40px;
    line-height: 42px;
    margin-top: 6px;
    padding: 0 0 30px;
    vertical-align: text-top;
    cursor: pointer;
    font-size: 14px
}
#header header .language {
    margin-left: 40px
}
#header header .arrow {
    position: absolute;
    top: 14px;
    left: 20px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px
}
#header header .arrow.selected {
    top: 16px;
    left: 16px;
    border-width: 10px 7.5px 0;
    border-color: #333 transparent transparent;
    border-color-right: transparent!important
}
#header header .languages {
    display: none;
    right: -14px;
    top: 84px
}
#header header .languages li {
    min-width: 95px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 30px
}
#header header .languages:after,
#header header .languages:before {
    content: " ";
    display: block;
    position: absolute;
    top: -8px;
    right: 50%;
    margin-right: -4px;
    height: 0;
    border-style: solid;
    border-width: 0 9px 8px;
    border-color: transparent transparent #fff;
    z-index: 2
}
#header header .languages:before {
    top: -9px;
    border-color: transparent transparent #ccc;
    z-index: 1
}
#header header ul {
    float: right;
    display: inline;
    margin: 0
}
#header header li {
    display: inline;
    margin: 0 16px;
    position: relative;
    cursor: pointer
}
#header header li.active {
    font-weight: 800;
    font-size: 1.1em
}
#header header li.signout {
    margin-right: 0
}
#header header .breadcrumbs li {
    display: inline-block;
    float: left;
    margin: 0 10px;
    text-align: center
}
#header header .breadcrumbs li a {
    display: inline-block;
    text-decoration: none;
    line-height: normal;
    vertical-align: middle
}
#header header .breadcrumbs li a:after {
    display: block;
    content: attr(title);
    font-size: 1.1em;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    margin-bottom: -1px
}
#header header .breadcrumbs li.login a:after {
    content: '';
    display: none
}
#header header .breadcrumbs li.active {
    font-size: 1.1em
}
#header header .breadcrumbs li.active a:after {
    font-size: 1em
}
#header header .logos {
    float: left;
    height: 60px
}
#header header .logos a {
    text-decoration: none;
    font-family: "Museo Slab", "Times New Roman", serif;
    font-size: 1.3em;
    font-weight: 600
}
.account-content h4,
.activity-content .info,
.activity-content .info h5,
.classes-content li .action .button,
.classes-content li .info,
.classes-content li .info h5,
.dashboard .dashboard .affordability-range .range h2,
.dashboard .dashboard .listings li div,
.dashboard .dashboard .middle-bar .update,
.dashboard .dashboard .middle-bar.bottom .metrics,
.dashboard .dashboard .middle-bar.bottom .progress,
.dashboard .dashboard .products li h4,
.dashboard .dashboard .products li h4 a,
.dashboard .dashboard .vfied,
.dashboard .dashboard h4,
.dashboard .dashboard h5,
.documents .documents-header .button,
.documents-content ul .info .uploaded,
.documents-content ul .info .user,
.documents-content ul .info h4,
.landing .questions-answers .snippet div,
.landing .questions-answers .snippet h6,
.landing .with-you .left section,
.tour .dashboard .affordability-range .range h2,
.tour .dashboard .listings li div,
.tour .dashboard .middle-bar .update,
.tour .dashboard .middle-bar.bottom .metrics,
.tour .dashboard .middle-bar.bottom .progress,
.tour .dashboard .products li h4,
.tour .dashboard .products li h4 a,
.tour .dashboard .vfied,
.tour .dashboard h4,
.tour .dashboard h5,
select {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
#header header .logos img {
    height: 60px;
    width: auto
}
.documents-badge {
    position: absolute;
    top: 0;
    right: -20px;
    width: 24px;
    height: 24px;
    padding: 2px;
    background: #fff;
    text-align: center;
    border-radius: 20px
}
.documents-badge .inner {
    width: 22px;
    height: 22px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 20px
}
.es .documents-badge {
    right: 482px
}
.homeowner .documents-badge {
    right: 298px
}
#menu {
    margin-right: 120px
}
#menu .login {
    margin: 0 12px 0 18px
}
#menu .login a {
    display: inline;
    padding: 6px 20px;
    border-radius: 2px;
    color: #fff;
    background: #333
}
@media only screen and (max-width: 1024px) {
    #header header #headerLogo {
        padding-left: 10px
    }
    #header header .breadcrumbs li {
        float: none;
        margin: 0;
        line-height: 1;
        padding: 14px 20px 13px;
        display: block;
        height: auto;
        border-top: 1px solid #ddd
    }
    #header header .breadcrumbs li:first-child {
        border: none
    }
    #header header .breadcrumbs li a {
        float: none;
        margin: 0;
        display: inline-block
    }
    #header header .breadcrumbs li a:after {
        content: '';
        display: none
    }
    #header header #menu {
        display: none
    }
    #header header #menu ul {
        position: absolute;
        right: 15px;
        top: 45px;
        color: #909090;
        z-index: 1;
        background: #fff;
        border-top: 1px solid #ccc;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1)
    }
    #header header #menu .login {
        margin: 0
    }
    #header header #menu .documents-badge {
        top: 3px;
        right: -10px;
        z-index: 1
    }
    #header header #menu.active {
        display: block
    }
    #header header .set-language {
        right: 15px;
        top: 45px;
        border-left: none
    }
    #header header .pancake {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer
    }
    #header header .pancake span {
        display: block;
        margin: 5px 0;
        height: 3px;
        background: #333;
        width: 25px
    }
    #header header .border {
        display: none
    }
    #header header .languages {
        top: 88px
    }
    #header header .languages ul {
        z-index: 1
    }
    header #headerLogo {
        padding-left: 10px
    }
    header .breadcrumbs li {
        float: none;
        margin: 0;
        line-height: 1;
        padding: 14px 20px 13px;
        display: block;
        height: auto;
        border-top: 1px solid #ddd
    }
    header .breadcrumbs li:first-child {
        border: none
    }
    header .breadcrumbs li a {
        float: none;
        margin: 0;
        display: inline-block
    }
    header .breadcrumbs li a:after {
        content: '';
        display: none
    }
    header #menu {
        display: none
    }
    header #menu ul {
        position: absolute;
        right: 15px;
        top: 45px;
        color: #909090;
        z-index: 1;
        background: #fff;
        border-top: 1px solid #ccc;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1)
    }
    header #menu .login {
        margin: 0
    }
    header #menu .documents-badge {
        top: 2px;
        right: -21px;
        z-index: 1
    }
    header #menu.active {
        display: block
    }
    header .set-language {
        right: 15px;
        top: 45px;
        border-left: none
    }
    header .pancake {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer
    }
    header .pancake span {
        display: block;
        margin: 5px 0;
        height: 3px;
        background: #333;
        width: 25px
    }
    header .border {
        display: none
    }
    header .languages {
        top: 88px
    }
    header .languages ul {
        z-index: 1
    }
}
#footer .inner:after,
#footer:after,
.activity-content .activity-type .type,
.classes-content li .action .button.courseparent:not(.booked):after,
.classes-content li .coursestatus.coursebooked:before,
.documents .documents-header:after,
.documents-content ul .border:after,
.documents-content ul .inner:after,
.documents-content:after {
    content: " "
}
@media only screen and (max-width: 480px) {
    #header header #headerLogo img,
    header #headerLogo img {
        max-width: 220px
    }
}
#footer {
    max-width: 100%;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    min-height: 100px;
    color: #fff;
    background: #565654;
    border-top: 6px solid #4f4f4d;
    border-bottom: 6px solid #4f4f4d
}
#footer:after {
    display: block;
    clear: both
}
#footer .inner {
    max-width: 100%;
    overflow: hidden;
    width: 83.05085%;
    margin: 0 auto
}
#footer .inner:after {
    display: block;
    clear: both
}
#footer a {
    color: #fff;
    text-decoration: none
}
#footer .links {
    display: inline-block
}
#footer .links div {
    display: none;
    white-space: nowrap
}
#footer .links .active {
    display: inline-block
}
#footer .login,
#footer .signout {
    display: inline-table;
    background: #424240;
    padding: 10px 14px;
    margin: 33px auto;
    text-align: center
}
@media (min-width: 481px)and (max-width: 1024px) {
    #footer .login,
    #footer .signout {
        margin-top: 0
    }
}
@media (min-width: 320px)and (max-width: 480px) {
    #footer .login,
    #footer .signout {
        margin-top: 0
    }
}
#footer .info {
    height: 100px
}
#footer .info .address,
#footer .info .email,
#footer .info .phone {
    color: #f0f0f0;
    font-size: 14px;
    font-weight: lighter
}
#footer .info div {
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    line-height: 100px
}
#footer .info:active,
#footer .links:active,
.lbl,
textarea {
    display: block
}
#footer #nwaLogo,
#footer #nwoFooterLogo {
    margin-top: 30px
}
#footer #nwaLogo.two-logos,
#footer #nwoFooterLogo.two-logos {
    margin-left: 20px
}
#footer #nwoFooterLogo img {
    max-width: 70px;
    height: auto
}
@media (min-width: 1025px) {
    #footer .logos {
        width: 200px;
        float: left
    }
    #footer .info {
        width: 66.10169%;
        float: left;
        margin-right: 1.69492%
    }
    #footer .links {
        width: 6.77966%;
        float: left;
        margin-right: 0
    }
}
@media (min-width: 481px)and (max-width: 1024px) {
    #footer {
        min-height: 190px
    }
    #footer .info {
        width: 100%;
        float: left;
        margin: 1em auto
    }
    #footer .info div {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        line-height: 20px
    }
}
@media (min-width: 320px)and (max-width: 480px) {
    #footer {
        min-height: 190px
    }
    #footer .info,
    #footer .links,
    #footer .logos {
        width: 83.05085%;
        margin: 0
    }
    #footer .info {
        margin-top: 1em
    }
    #footer .info div {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        line-height: 20px
    }
}
#footer .info,
#footer .links {
    font-size: .825em
}
#footer .info a,
#footer .info div,
#footer .links a,
#footer .links div {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=color],
input[type=date],
input[type=search],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=time],
input[type=week] {
    width: 100%;
    height: 40px;
    display: block;
    border: none;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #282828;
    border-radius: 2px
}
input[type=text]:hover,
input[type=number]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=url]:hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=search]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=month]:hover,
input[type=time]:hover,
input[type=week]:hover,
select:focus {
    outline: 0
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=search]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus {
    outline: 0;
    font-weight: 600;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -kthtml-transition: all .3s linear;
    transition: all .3s linear
}
input[type=text],
input[type=email],
input[type=password] {
    border-bottom: 1px solid #c5c5c5
}
select {
    webkit-appearance: button;
    -moz-appearance: button;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 20px;
    -moz-padding-start: 20px;
    background-color: #fff;
    background-position: center right;
    background-repeat: no-repeat;
    border-top: none;
    border-left: none;
    height: 40px;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
    font-size: 14px
}
.activity-content li,
.classes-content li {
    min-height: 75px;
    border-bottom: 1px solid #c5c5c5
}
textarea {
    width: 100%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none
}
input.error,
textarea.error {
    box-shadow: inset 0 0 0 1px red
}
.lbl {
    font-size: .825em;
    color: gray;
    margin-bottom: 6px;
    min-height: 15px
}
.last>.lbl,
.only>.lbl,
.row>.lbl {
    white-space: nowrap;
    height: 15px
}
.last>.lbl.wrap,
.only>.lbl.wrap,
.row>.lbl.wrap {
    white-space: normal;
    height: auto
}
@media only screen and (max-width: 1024px) {
    .last>.lbl,
    .only>.lbl,
    .row>.lbl {
        white-space: normal;
        height: auto
    }
}
.lbl span.required {
    font-size: 1.125em;
    color: red
}
.radio-group {
    margin: 20px auto
}
.radio-group+.error {
    margin-top: -10px;
    margin-bottom: 10px
}
.radio-group input[type=radio] {
    margin: auto 5px;
    border-radius: 50%
}
.radio-group label {
    display: inline-table;
    font-size: .825em;
    padding: auto 5px
}
.is-disabled {
    opacity: .8;
    pointer-events: none
}
@media (min-width: 320px)and (max-width: 480px) {
    .input-field-1,
    .input-field-12,
    .input-field-3,
    .input-field-4,
    .input-field-6,
    .input-field-9 {
        margin: 8px auto;
        width: 100%;
        float: left
    }
    .input-field-1,
    .input-field-12,
    .input-field-3 .input-field-6,
    .input-field-9 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}
@media (min-width: 481px)and (max-width: 1024px) {
    .input-field-1 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .input-field-3,
    .input-field-4,
    .input-field-6 {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%
    }
    .input-field-12,
    .input-field-9 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .last {
        margin-right: 0;
        float: left
    }
}
@media (min-width: 1025px) {
    .input-field-1,
    .input-field-3,
    .input-field-4,
    .input-field-6,
    .input-field-9 {
        margin-right: 1.69492%
    }
    .input-field-1 {
        width: 6.77966%;
        float: left
    }
    .input-field-3 {
        width: 23.72881%;
        float: left
    }
    .input-field-4 {
        width: 32.20339%;
        float: left
    }
    .input-field-6 {
        width: 49.15254%;
        float: left
    }
    .input-field-9 {
        width: 74.57627%;
        float: left
    }
    .input-field-12 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .last {
        margin-right: 0;
        float: left
    }
}
.notfound .testimonials {
    display: none
}
.notfound #main-content-container {
    min-height: 300px;
    text-align: center
}
.notfound #main-content-container section {
    margin: 80px auto
}
.activity-content {
    margin: 50px auto;
    max-width: 920px;
    text-align: center;
    clear: both
}
.activity-content p {
    text-align: left;
    margin: 30px 0;
    line-height: 24px
}
.activity-content ul {
    clear: both
}
.activity-content li {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto 20px;
    text-align: left;
    background: #fff;
    box-sizing: border-box
}
.activity-content li * {
    box-sizing: border-box
}
.activity-content li p {
    margin: 0;
    line-height: 1.2
}
.activity-content .activity-type,
.activity-content .info,
.activity-content .status {
    display: table-cell;
    vertical-align: middle;
    min-height: 75px;
    height: 100%
}
.activity-content .status {
    max-width: 170px;
    padding-right: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    text-align: right
}
.activity-content .status .status-details {
    font-weight: 400
}
.activity-content .info {
    padding: 15px 0 15px 25px
}
.activity-content .info h5 {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 18px
}
.activity-content .activity-type {
    width: 85px;
    background: #f8f8f8;
    border-right: 1px solid #ebebeb;
    color: #9a9a9a;
    font-weight: 700
}
.activity-content .activity-type .type {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center
}
.activity-content .activity-type .type.document {
    background-image: url(/public/images/icons/document-dark.png)
}
.activity-content .activity-type .type.booking {
    background-image: url(/public/images/icons/booking.png)
}
.activity-content .activity-type .type.task {
    background-image: url(/public/images/icons/task.png)
}
.activity-content .activity-type .icon-verified {
    cursor: pointer;
    position: absolute;
    right: 14px;
    bottom: 13px;
    font-size: 1.4em
}
.activity-content .button {
    margin: 0 10px;
    width: 220px
}
.activity-content .header {
    position: relative;
    padding: 30px 0
}
.activity-content .header h3 {
    position: relative;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 370px;
    background: #F0F0F0;
    font-size: 1.4em;
    z-index: 1
}
.activity-content .header .line {
    position: relative;
    left: 0;
    top: -20px;
    z-index: 0
}
.activity-content .recent-activity ul li:nth-child(n+11) {
    display: none
}
.activity-content .recent-activity ul.all li:nth-child(n+11) {
    display: table
}
.classes-content {
    margin: 50px auto;
    max-width: 920px;
    text-align: center
}
.classes-content .location {
    padding-right: 20px
}
.classes-content .authed,
.classes-content .create-to-register {
    display: none
}
.classes-content .create-to-register.active {
    display: block;
    margin: 0 auto
}
.classes-content p {
    text-align: left;
    margin: 30px 0;
    line-height: 24px
}
.classes-content .contactus {
    cursor: pointer
}
.classes-content .button {
    margin: 0 10px;
    width: 220px
}
.classes-content .header {
    position: relative;
    padding: 30px 0 0
}
.classes-content .header h3 {
    position: relative;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 370px;
    background: #F0F0F0;
    font-size: 1.4em;
    z-index: 1
}
.classes-content .header .line {
    position: relative;
    left: 0;
    top: -10px;
    z-index: 0
}
.classes-content .line {
    margin: 0 0 20px
}
.classes-content ul {
    margin: 40px auto
}
.classes-content li {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    padding: 0 20px 10px 100px;
    margin: 0 auto 20px;
    text-align: left;
    background: #fff;
    box-sizing: border-box
}
.classes-content li * {
    box-sizing: border-box
}
.classes-content li.expanded {
    height: auto
}
.classes-content li.expanded .course-sessions {
    clear: both;
    padding: 20px 0 0
}
.classes-content li.expanded .course-sessions ul {
    margin-top: 0
}
.classes-content li.expanded .course-sessions li {
    border: 1px solid #ebebeb
}
.classes-content li .date,
.classes-content li .info {
    display: inline-block
}
.classes-content li .date {
    position: absolute;
    width: 85px;
    background: #f8f8f8;
    border-right: 1px solid #ebebeb;
    color: #9a9a9a;
    font-weight: 900;
    left: 0;
    top: 0;
    bottom: 0
}
.classes-content li .date h3 {
    font-weight: 900;
    display: block;
    width: 100%;
    text-align: center
}
.classes-content li .date .month {
    margin-top: 14px;
    font-size: 22px;
    margin-bottom: 0
}
.classes-content li .date .day {
    font-size: 28px
}
.classes-content li .info {
    min-height: 63px;
    margin-left: 25px;
    padding-top: 12px;
    padding-right: 120px;
    vertical-align: top;
    font-weight: 400
}
.classes-content li .info h5 {
    margin-bottom: 4px;
    font-weight: 700
}
.classes-content li .info h5.location {
    font-weight: 400
}
.classes-content li .info h5.location .zone {
    color: #999
}
.classes-content li .coursestatus {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px
}
.classes-content li .coursestatus.coursepending {
    font-style: italic
}
.classes-content li .coursestatus.coursebooked:before {
    display: inline-block;
    width: 16px;
    height: 12px;
    vertical-align: middle;
    background: url(/public/images/icons/checkmark-black.png)no-repeat;
    margin-right: 6px
}
.classes-content li .trainingicon {
    display: block;
    content: " ";
    width: 40px;
    height: 40px;
    margin: 16px auto 0 20px;
    background-repeat: no-repeat;
    background-position: center center
}
.classes-content li .trainingicon.trainingappointment {
    background-image: url(/public/images/icons/appointment.png)
}
.classes-content li .trainingicon.trainingbundle {
    background-image: url(/public/images/icons/bundle.png)
}
.classes-content li .trainingicon.trainingclass {
    background-image: url(/public/images/icons/class.png)
}
.classes-content li .action {
    position: absolute;
    right: 10px;
    top: 22px
}
.classes-content li .action.fully-booked {
    right: 34px;
    top: 30px;
    font-weight: 600
}
.classes-content li .action .button {
    width: 100px;
    height: 30px;
    line-height: 32px;
    background: #f3f3f3;
    color: #333;
    font-size: 16px;
    font-weight: 600
}
.classes-content li .action .button.booked {
    background: #424240
}
.classes-content li .action .button.booked,
.classes-content li .action .button.nwoBg {
    color: #fff
}
.classes-content li .action .button:not(.nwoBg) {
    border-bottom-width: 0
}
.classes-content li .action .button.full,
.classes-content li .action .button.registrationpending {
    opacity: .4;
    cursor: default
}
.classes-content li .action .button.courseparent:not(.booked):after {
    display: inline-block;
    height: 9px;
    width: 12px;
    background: url(/public/images/icons/arrow-dropdown.png)no-repeat;
    margin-left: .7em
}
.classes-content li .action .button.courseparent:not(.booked).expanded:after {
    background-image: url(/public/images/icons/arrow-dropdown-expanded.png)
}
.classes-content li .action .register-btn {
    border-bottom: 1px solid #ccc
}
.classes-content .appointments li .info {
    padding-right: 245px
}
.classes-content .classes-list ul li:nth-child(n+11) {
    display: none
}
.classes-content .classes-list ul.all li:nth-child(n+11) {
    display: block
}
@media only screen and (max-width: 1024px) {
    .classes-content p {
        margin: 30px 10px
    }
    .classes-content li {
        min-height: 75px;
        height: 100%
    }
    .classes-content li .info {
        font-size: .825em
    }
}
@media only screen and (max-width: 750px) {
    .classes .classes-content .appointments li .info,
    .classes .classes-content .info {
        display: block;
        padding-right: 0
    }
    .classes .classes-content .action,
    .classes .classes-content .appointments li .action {
        position: static;
        margin-top: 10px;
        text-align: right
    }
}
@media only screen and (max-width: 480px) {
    .classes .welcome {
        height: 290px
    }
    .classes .classes-content .button {
        margin: 10px
    }
    .classes .classes-content p {
        margin: 30px 0
    }
    .classes .classes-content li {
        min-height: 120px;
        margin-left: 0;
        margin-right: 0
    }
    .classes .classes-content li .date {
        height: 120px
    }
    .classes .classes-content li .date .month {
        margin-top: 30px
    }
    .classes .classes-content li .action {
        bottom: 10px;
        top: inherit
    }
    .classes .classes-content li .action .button {
        margin: 0
    }
    .classes .classes-content li .info {
        padding-top: 12px;
        margin-left: 10px
    }
    .classes .header h2 {
        font-size: 20px;
        padding: 0
    }
}
.contact .dk_container {
    display: block;
    max-height: 50px;
    margin-bottom: 0
}
.contact .contact-textarea {
    width: 100%;
    display: block;
    border: none;
    padding: 20px;
    box-sizing: border-box;
    height: 120px
}
.contact .lbl {
    text-align: left
}
.contact .status {
    margin-top: 10px;
    font-weight: 900;
    font-size: 1.2em
}
#modal .contact .button {
    margin-top: 20px
}
.createaccount {
    max-width: 560px
}
.createaccount .heading2,
.createaccount .heading3,
.createaccount .step-2,
.createaccount .step-3 {
    display: none
}
.createaccount .step-3 {
    text-align: left;
    line-height: 22px
}
.createaccount .close {
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}
.createaccount .full {
    margin: 0!important;
    text-align: left
}
.createaccount .email {
    font-weight: 600
}
.createaccount .cb {
    text-align: left;
    margin: 6px 0
}
.createaccount .cb label {
    padding-left: 10px;
    font-size: .825em
}
.createaccount .accountcreatemsg {
    margin-top: 8px;
    width: 100%
}
.createaccount .already-have-account {
    display: inline-block;
    width: 100%;
    height: 15px;
    padding: 20px 0
}
.createaccount .already-have-account .nwoFg {
    margin-left: 10px;
    cursor: pointer
}
.createaccount .button {
    font-size: 100%
}
@media only screen and (max-width: 768px) {
    .createaccount #email,
    .createaccount #lastname,
    .createaccount #passwordconfirm {
        margin-left: 0
    }
    .createaccount #email,
    .createaccount input[type=text],
    .createaccount input[type=password] {
        width: 90%
    }
}
.dashboard .dashboard,
.tour .dashboard {
    height: auto
}
.dashboard .dashboard #main-content-container *,
.tour .dashboard #main-content-container * {
    box-sizing: border-box
}
.dashboard .dashboard .vfied,
.tour .dashboard .vfied {
    display: inline-block;
    vertical-align: 2px;
    margin-left: 3px;
    font-size: .9em;
    font-weight: 400
}
.dashboard .dashboard .dashboard-content,
.tour .dashboard .dashboard-content {
    position: relative
}
.dashboard .dashboard .feed-type,
.tour .dashboard .feed-type {
    position: absolute;
    top: 35%;
    left: 12px;
    font-size: 1.3em
}
.dashboard .dashboard .placeholder,
.tour .dashboard .placeholder {
    margin-top: 250px;
    text-align: center
}
.dashboard .dashboard .testimonials,
.dashboard .dashboard .welcome,
.tour .dashboard .testimonials,
.tour .dashboard .welcome {
    display: block
}
.dashboard .dashboard.homebuyer,
.dashboard .dashboard.tour-content,
.tour .dashboard.homebuyer,
.tour .dashboard.tour-content {
    margin-top: -130px
}
.dashboard .dashboard h4,
.tour .dashboard h4 {
    text-transform: uppercase;
    font-size: .9375em
}
.dashboard .dashboard h4,
.dashboard .dashboard h5,
.tour .dashboard h4,
.tour .dashboard h5 {
    font-weight: 400
}
.dashboard .dashboard .steps-shadow,
.tour .dashboard .steps-shadow {
    position: relative;
    top: -10px;
    left: -10px;
    width: 1140px;
    height: 148px;
    background: #fff;
    opacity: .1;
    z-index: 0
}
.dashboard .dashboard .welcome,
.tour .dashboard .welcome {
    position: relative;
    width: 100%;
    top: 0;
    border-bottom: 6px solid #ddd;
    height: 491px
}
.dashboard .dashboard .welcome h1,
.tour .dashboard .welcome h1 {
    padding-top: 10px;
    margin-top: 60px;
    display: block
}
.dashboard .dashboard .welcome h3,
.tour .dashboard .welcome h3 {
    display: none
}
.dashboard .dashboard .welcome .user,
.tour .dashboard .welcome .user {
    padding-top: 20px;
    margin-top: 50px;
    display: block
}
.dashboard .dashboard .welcome .user #banner,
.tour .dashboard .welcome .user #banner {
    display: none
}
.dashboard .dashboard .middle-bar,
.tour .dashboard .middle-bar {
    display: inline-block;
    width: 100%
}
.dashboard .dashboard .middle-bar a,
.tour .dashboard .middle-bar a {
    text-decoration: none
}
.dashboard .dashboard .middle-bar .fourth,
.dashboard .dashboard .middle-bar .half,
.dashboard .dashboard .middle-bar .third,
.tour .dashboard .middle-bar .fourth,
.tour .dashboard .middle-bar .half,
.tour .dashboard .middle-bar .third {
    background: #fff
}
.dashboard .dashboard .middle-bar .next-step,
.dashboard .dashboard .middle-bar .recent-activity,
.tour .dashboard .middle-bar .next-step,
.tour .dashboard .middle-bar .recent-activity {
    display: inline;
    float: left;
    width: 100%;
    height: 128px;
    max-width: 550px;
    background: #fff;
    z-index: 1
}
.dashboard .dashboard .middle-bar .next-step .icon-information,
.dashboard .dashboard .middle-bar .recent-activity .icon-information,
.tour .dashboard .middle-bar .next-step .icon-information,
.tour .dashboard .middle-bar .recent-activity .icon-information {
    position: absolute;
    top: 10px;
    right: 10px;
    color: silver
}
.dashboard .dashboard .middle-bar .recent-activity,
.tour .dashboard .middle-bar .recent-activity {
    margin-right: 20px
}
.dashboard .dashboard .middle-bar .corner,
.tour .dashboard .middle-bar .corner {
    position: absolute!important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    left: -10px;
    top: 40px
}
.dashboard .dashboard .middle-bar.top,
.tour .dashboard .middle-bar.top {
    min-height: 167px;
    margin: -20px 0 0
}
.dashboard .dashboard .middle-bar.top .fourth,
.dashboard .dashboard .middle-bar.top .half,
.dashboard .dashboard .middle-bar.top .third,
.tour .dashboard .middle-bar.top .fourth,
.tour .dashboard .middle-bar.top .half,
.tour .dashboard .middle-bar.top .third {
    height: 128px
}
.dashboard .dashboard .middle-bar.top h4,
.dashboard .dashboard .middle-bar.top h5,
.tour .dashboard .middle-bar.top h4,
.tour .dashboard .middle-bar.top h5 {
    position: absolute;
    left: -10px;
    top: 10px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding-left: 20px;
    width: 190px;
    text-transform: uppercase;
    font-size: 16px
}
.dashboard .dashboard .middle-bar.bottom,
.tour .dashboard .middle-bar.bottom {
    margin: -20px 0 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    position: static
}
.dashboard .dashboard .middle-bar.bottom .financial-metrics,
.tour .dashboard .middle-bar.bottom .financial-metrics {
    overflow: hidden
}
.dashboard .dashboard .middle-bar.bottom .about-financial-metrics,
.tour .dashboard .middle-bar.bottom .about-financial-metrics {
    max-width: 920px;
    margin: 16px auto;
    font-size: 12px;
    font-weight: 600;
    color: #c5c5c5;
    text-align: center
}
.dashboard .dashboard .middle-bar.bottom .verified,
.tour .dashboard .middle-bar.bottom .verified {
    position: absolute!important;
    top: 18px;
    right: 46px;
    background-color: #eaeaea;
    padding: 4px 10px;
    font-size: .825em
}
.dashboard .dashboard .middle-bar.bottom .fourth,
.dashboard .dashboard .middle-bar.bottom .half,
.dashboard .dashboard .middle-bar.bottom .third,
.tour .dashboard .middle-bar.bottom .fourth,
.tour .dashboard .middle-bar.bottom .half,
.tour .dashboard .middle-bar.bottom .third {
    position: relative;
    height: 198px
}
.dashboard .dashboard .middle-bar.bottom .fourth,
.tour .dashboard .middle-bar.bottom .fourth {
    float: left;
    max-width: 280px;
    width: 100%;
    margin-right: 0
}
.dashboard .dashboard .middle-bar.bottom h4,
.dashboard .dashboard .middle-bar.bottom h5,
.tour .dashboard .middle-bar.bottom h4,
.tour .dashboard .middle-bar.bottom h5 {
    display: inline-block;
    margin: 0;
    padding: 20px 0 0 20px;
    color: #9a9a9a
}
.dashboard .dashboard .middle-bar.bottom .icon-verified,
.tour .dashboard .middle-bar.bottom .icon-verified {
    display: inline-block;
    margin-left: 6px
}
.dashboard .dashboard .middle-bar.bottom .border,
.tour .dashboard .middle-bar.bottom .border {
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
    height: 178px;
    background: #ccc
}
.dashboard .dashboard .middle-bar.bottom .metrics,
.dashboard .dashboard .middle-bar.bottom .progress,
.tour .dashboard .middle-bar.bottom .metrics,
.tour .dashboard .middle-bar.bottom .progress {
    font-weight: 300;
    font-size: 14px;
    color: #9a9a9a;
    max-width: 240px
}
.dashboard .dashboard .middle-bar.bottom .metrics,
.tour .dashboard .middle-bar.bottom .metrics {
    margin-left: 20px;
    width: 200px;
    margin-top: 10px
}
.dashboard .dashboard .middle-bar.bottom .metrics div,
.tour .dashboard .middle-bar.bottom .metrics div {
    display: inline
}
.dashboard .dashboard .middle-bar.bottom .metrics div.high,
.tour .dashboard .middle-bar.bottom .metrics div.high {
    float: right
}
.dashboard .dashboard .middle-bar div,
.tour .dashboard .middle-bar div {
    position: relative
}
.dashboard .dashboard .middle-bar .savings-wrap .metrics,
.tour .dashboard .middle-bar .savings-wrap .metrics {
    text-align: right;
    position: relative;
    left: 40px
}
.dashboard .dashboard .middle-bar .credit,
.dashboard .dashboard .middle-bar .debt,
.dashboard .dashboard .middle-bar .income,
.dashboard .dashboard .middle-bar .savings,
.tour .dashboard .middle-bar .credit,
.tour .dashboard .middle-bar .debt,
.tour .dashboard .middle-bar .income,
.tour .dashboard .middle-bar .savings {
    margin-top: 30px;
    text-align: left;
    font-size: 36px;
    font-weight: 700;
    margin-left: 20px;
    color: #555
}
.dashboard .dashboard .middle-bar .debt,
.tour .dashboard .middle-bar .debt {
    color: #f35958
}
.dashboard .dashboard .middle-bar .update,
.tour .dashboard .middle-bar .update {
    color: #c5c5c5
}
.dashboard .dashboard .middle-bar .update .action,
.tour .dashboard .middle-bar .update .action {
    margin-left: 10px;
    font-weight: 700
}
.dashboard .dashboard .middle-bar .learn,
.dashboard .dashboard .middle-bar .update,
.tour .dashboard .middle-bar .learn,
.tour .dashboard .middle-bar .update {
    position: absolute;
    bottom: 15px;
    margin: 20px 0 0 20px;
    font-size: .75em;
    font-weight: 700;
    cursor: pointer
}
.dashboard .dashboard .middle-bar .learn,
.tour .dashboard .middle-bar .learn {
    bottom: 30px
}
.dashboard .dashboard .next-appointment,
.tour .dashboard .next-appointment {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 280px;
    padding: 15px;
    background: #999;
    border: 1px solid gray
}
.dashboard .dashboard .next-step .button,
.dashboard .dashboard .progress .button,
.dashboard .dashboard .recent-activity .button,
.tour .dashboard .next-step .button,
.tour .dashboard .progress .button,
.tour .dashboard .recent-activity .button {
    position: absolute;
    width: 150px;
    top: 50%;
    right: 0;
    margin: 0;
    color: #333;
    background-color: #eaeaea
}
.dashboard .dashboard .recent-activity h4,
.tour .dashboard .recent-activity h4 {
    background: silver
}
.dashboard .dashboard .recent-activity .nwoBorder,
.tour .dashboard .recent-activity .nwoBorder {
    border-color: transparent #828282 transparent transparent
}
.dashboard .dashboard .date,
.tour .dashboard .date {
    display: block;
    margin-top: 3px;
    color: #c5c5c5;
    font-size: .875em
}
.dashboard .dashboard .activity,
.dashboard .dashboard .step,
.tour .dashboard .activity,
.tour .dashboard .step {
    padding: 20px 10px 0 20px;
    position: absolute;
    top: 40px;
    max-width: 320px
}
.dashboard .dashboard .progress,
.tour .dashboard .progress {
    position: relative
}
.dashboard .dashboard .progress li,
.tour .dashboard .progress li {
    display: inline-block;
    font-size: .825em;
    margin: 0 15px
}
.dashboard .dashboard .progress-steps-circles,
.tour .dashboard .progress-steps-circles {
    position: absolute!important;
    top: 80px
}
.dashboard .dashboard .progress-steps-circles li,
.tour .dashboard .progress-steps-circles li {
    height: 20px;
    width: 20px;
    margin: 0 38px;
    background: url(/public/images/icons/progress-check.png)no-repeat
}
.dashboard .dashboard .progress-steps,
.tour .dashboard .progress-steps {
    position: absolute;
    top: 10px
}
.dashboard .dashboard .progress-steps-indicator,
.tour .dashboard .progress-steps-indicator {
    border-top: 1px solid #eaeaea;
    margin: 80px 40px 0
}
.dashboard .dashboard .next-step,
.tour .dashboard .next-step {
    margin-right: 0
}
.dashboard .dashboard .percent,
.tour .dashboard .percent {
    position: absolute;
    top: 37px;
    width: 60%;
    height: 20px;
    padding: 4px;
    color: #fff;
    background: #A4A747
}
.dashboard .dashboard .indicator-bg,
.tour .dashboard .indicator-bg {
    height: 5px;
    width: 100%;
    background: #e8e8e8;
    margin: 5px 0 5px 20px;
    border-radius: 4px
}
.dashboard .dashboard .indicator,
.tour .dashboard .indicator {
    position: absolute!important;
    top: 0;
    left: 20px;
    height: 5px;
    background: #60C6CF;
    border-radius: 4px;
    margin-bottom: 5px
}
.dashboard .dashboard .debt-wrap .indicator,
.tour .dashboard .debt-wrap .indicator {
    width: 70px;
    background: #f35958
}
.dashboard .dashboard .savings-wrap .indicator,
.tour .dashboard .savings-wrap .indicator {
    max-width: 100%;
    width: 120px
}
.dashboard .dashboard .credit-wrap:hover,
.dashboard .dashboard .debt-wrap:hover,
.dashboard .dashboard .income-wrap:hover,
.dashboard .dashboard .savings-wrap:hover,
.tour .dashboard .credit-wrap:hover,
.tour .dashboard .debt-wrap:hover,
.tour .dashboard .income-wrap:hover,
.tour .dashboard .savings-wrap:hover {
    cursor: pointer
}
.dashboard .dashboard .listings,
.dashboard .dashboard .products,
.tour .dashboard .listings,
.tour .dashboard .products {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 40px
}
.dashboard .dashboard .products,
.tour .dashboard .products {
    float: left;
    max-width: 360px;
    margin-right: 20px
}
.dashboard .dashboard .products ul,
.tour .dashboard .products ul {
    margin: 0;
    padding: 0
}
.dashboard .dashboard .products ul li:nth-child(n+6),
.tour .dashboard .products ul li:nth-child(n+6) {
    display: none
}
.dashboard .dashboard .products ul.all li:nth-child(n+6),
.tour .dashboard .products ul.all li:nth-child(n+6) {
    display: block
}
.dashboard .dashboard .products li,
.tour .dashboard .products li {
    position: relative;
    width: 100%;
    min-height: 50px;
    margin-bottom: 0;
    padding: 20px 0;
    background: #fff;
    border-bottom: 1px solid #ccc
}
.dashboard .dashboard .products li .description,
.tour .dashboard .products li .description {
    max-width: 250px;
    margin-left: 30px;
    font-size: 14px;
    color: #555;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    font-weight: 300
}
.dashboard .dashboard .products li h4,
.tour .dashboard .products li h4 {
    margin-bottom: 5px;
    margin-left: 30px
}
.dashboard .dashboard .products li h4,
.dashboard .dashboard .products li h4 a,
.tour .dashboard .products li h4,
.tour .dashboard .products li h4 a {
    font-size: 18px;
    color: #333;
    text-decoration: none
}
.dashboard .dashboard .products.full,
.tour .dashboard .products.full {
    max-width: none;
    margin-bottom: 60px
}
.dashboard .dashboard .products.full li,
.dashboard .dashboard .products.full li .description,
.tour .dashboard .products.full li,
.tour .dashboard .products.full li .description {
    max-width: none
}
.dashboard .dashboard .headers,
.tour .dashboard .headers {
    padding: 30px 0 15px
}
.dashboard .dashboard .headers h3,
.tour .dashboard .headers h3 {
    display: inline-block;
    font-size: 1.2em
}
.dashboard .dashboard .headers span,
.tour .dashboard .headers span {
    padding-left: 30px;
    font-size: .875em
}
.dashboard .dashboard .headers .view-more-listings,
.dashboard .dashboard .headers .view-more-products,
.tour .dashboard .headers .view-more-listings,
.tour .dashboard .headers .view-more-products {
    float: right;
    display: inline-table;
    font-size: .825em;
    font-weight: 700;
    cursor: pointer
}
.dashboard .dashboard .affordability-range,
.tour .dashboard .affordability-range {
    position: relative;
    margin-top: 2px;
    padding: 20px 60px;
    background: #F9F9F9;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px
}
.dashboard .dashboard .affordability-range>div,
.tour .dashboard .affordability-range>div {
    display: table;
    width: 100%;
    height: 100%
}
.dashboard .dashboard .affordability-range h3,
.tour .dashboard .affordability-range h3 {
    font-size: 1.3em
}
.dashboard .dashboard .affordability-range h3 .icon-information,
.tour .dashboard .affordability-range h3 .icon-information {
    font-size: 16px;
    vertical-align: top;
    color: silver
}
.dashboard .dashboard .affordability-range .range,
.dashboard .dashboard .affordability-range .range-lead,
.tour .dashboard .affordability-range .range,
.tour .dashboard .affordability-range .range-lead {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0
}
.dashboard .dashboard .affordability-range .range-lead,
.tour .dashboard .affordability-range .range-lead {
    width: 66.10169%;
    border-right: 1px solid #ddd
}
.dashboard .dashboard .affordability-range .range,
.tour .dashboard .affordability-range .range {
    width: 32.20339%;
    padding-left: 40px
}
.dashboard .dashboard .affordability-range .range h2,
.tour .dashboard .affordability-range .range h2 {
    font-weight: 700;
    font-size: 26px
}
.dashboard .dashboard .affordability-range .range h2 .icon-information,
.tour .dashboard .affordability-range .range h2 .icon-information {
    font-size: 16px;
    vertical-align: top;
    color: silver
}
.dashboard .dashboard .affordability-range .range p,
.tour .dashboard .affordability-range .range p {
    line-height: 1.2;
    font-size: .825em;
    margin: -10px 0 .3em
}
.dashboard .dashboard .affordability-range .range div,
.tour .dashboard .affordability-range .range div {
    font-weight: 700;
    font-size: .825em;
    cursor: pointer
}
.dashboard .dashboard .affordability-range .pointer,
.tour .dashboard .affordability-range .pointer {
    position: absolute;
    top: -4px;
    left: 47%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 0;
    border-color: #fff transparent transparent;
    z-index: 2
}
.dashboard .dashboard .affordability-range .pointer-shadow,
.tour .dashboard .affordability-range .pointer-shadow {
    position: absolute;
    top: -3px;
    left: 47%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 0;
    border-color: #ccc transparent transparent;
    z-index: 1
}
.dashboard .dashboard .affordability-range .pointer-shadow-under,
.tour .dashboard .affordability-range .pointer-shadow-under {
    position: absolute;
    top: 0;
    left: 47%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 30px 0;
    border-color: #F0F0F0 transparent transparent;
    z-index: 0
}
.dashboard .dashboard .listings,
.tour .dashboard .listings {
    float: left;
    width: 100%;
    max-width: 740px
}
.dashboard .dashboard .listings ul,
.tour .dashboard .listings ul {
    margin: 0;
    padding: 0
}
.dashboard .dashboard .listings ul li:nth-child(n+9),
.tour .dashboard .listings ul li:nth-child(n+9) {
    display: none
}
.dashboard .dashboard .listings ul.all li:nth-child(n+9),
.tour .dashboard .listings ul.all li:nth-child(n+9) {
    display: inline-block
}
.dashboard .dashboard .listings li,
.tour .dashboard .listings li {
    position: relative;
    height: 120px;
    margin-bottom: 20px;
    background: #fff;
    font-size: .875em;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}
.dashboard .dashboard .listings li div,
.tour .dashboard .listings li div {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400
}
.dashboard .dashboard .listings li div.listing-info,
.tour .dashboard .listings li div.listing-info {
    max-width: 180px;
    margin-top: 10px
}
.dashboard .dashboard .listings li div.listing-info .type,
.tour .dashboard .listings li div.listing-info .type {
    margin-bottom: 6px
}
.dashboard .dashboard .listings li div .listing-address,
.dashboard .dashboard .listings li div .listing-bed-bath,
.tour .dashboard .listings li div .listing-address,
.tour .dashboard .listings li div .listing-bed-bath {
    display: block;
    width: 100%
}
.dashboard .dashboard .listings li div .listing-address,
.tour .dashboard .listings li div .listing-address {
    margin-bottom: 1em
}
.dashboard .dashboard .listings li div h5,
.tour .dashboard .listings li div h5 {
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 600
}
.dashboard .dashboard .listings li img,
.tour .dashboard .listings li img {
    height: 100px;
    width: 120px;
    margin: 10px 20px 10px 10px
}
.dashboard .dashboard .listings li .corner,
.tour .dashboard .listings li .corner {
    position: absolute!important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    left: -10px;
    top: 100px
}
.dashboard .dashboard .listings li .nwoBorder,
.tour .dashboard .listings li .nwoBorder {
    border-color: transparent #B67F3E transparent transparent
}
.dashboard .dashboard .listings li h4,
.tour .dashboard .listings li h4 {
    position: absolute;
    top: 80px;
    left: -10px;
    height: 30px;
    width: 146px;
    color: #fff;
    line-height: 30px;
    background: #E09C4B;
    text-align: center
}
.dashboard .dashboard .listings li .favorite,
.tour .dashboard .listings li .favorite {
    display: none;
    position: absolute;
    right: 6px;
    top: 0;
    width: 18px;
    height: 24px;
    margin: 0;
    background: url(/public/images/icons/favorite.png)no-repeat
}
.dashboard .dashboard .listings li .favorite.active,
.tour .dashboard .listings li .favorite.active {
    display: block
}
.dashboard .dashboard .listings li:nth-of-type(even),
.tour .dashboard .listings li:nth-of-type(even) {
    margin-right: 0
}
.dashboard .dashboard .line,
.tour .dashboard .line {
    border-top: 1px solid #a9a9a9;
    margin: 10px 0
}
@media only screen and (max-width: 1080px) {
    .dashboard .affordability-range .range-lead {
        padding-right: 30px
    }
    .dashboard .affordability-range .range {
        padding-right: 50px
    }
}
@media only screen and (max-width: 1024px) {
    .dashboard .affordability-range {
        height: auto;
        min-height: 60px
    }
    .dashboard .affordability-range .range {
        float: none;
        max-width: none;
        padding: 0 20px
    }
    .dashboard .affordability-range .range p {
        margin-top: 0
    }
    .dashboard .affordability-range .range-lead {
        width: 100%;
        height: 40px;
        padding: 0;
        margin-top: 0;
        border-right: none;
        line-height: 40px
    }
    .dashboard .steps-shadow {
        display: none
    }
    .dashboard .middle-bar .next-step,
    .dashboard .middle-bar .recent-activity {
        height: 158px;
        max-width: none;
        margin-bottom: 8px
    }
    .dashboard .middle-bar .next-step .button,
    .dashboard .middle-bar .recent-activity .button {
        top: inherit;
        bottom: 0;
        display: block
    }
    .dashboard .middle-bar.bottom .fourth {
        max-width: 50%
    }
    .dashboard .products {
        max-width: none;
        margin-right: 0
    }
    .dashboard .products li {
        width: 100%;
        max-width: none;
        padding: 20px 0
    }
    .dashboard .products li .description,
    .dashboard .products li h4 {
        margin-left: 50px
    }
    .dashboard .listings {
        max-width: none
    }
    .dashboard .listings li {
        width: 100%!important
    }
}
@media only screen and (max-width: 550px) {
    .dashboard.homebuyer {
        margin-top: -180px
    }
    .dashboard .affordability-range {
        padding: 1px 0 60px;
        min-height: 140px
    }
    .dashboard .affordability-range .range {
        padding: 0;
        margin: 55px 0 0
    }
    .dashboard .affordability-range .range-lead {
        height: 55px;
        margin-top: -20px;
        padding: 0 0 20px;
        line-height: 20px
    }
    .dashboard .affordability-range .pointer,
    .dashboard .affordability-range .pointer-shadow,
    .dashboard .affordability-range .pointer-shadow-under {
        left: 40%
    }
    .dashboard .middle-bar div {
        margin-bottom: 0
    }
    .dashboard .middle-bar.bottom {
        margin-top: 0
    }
    .dashboard .middle-bar.bottom .fourth {
        max-width: none!important
    }
    .dashboard .middle-bar.bottom .fourth .border {
        height: 1px;
        width: 100%;
        bottom: 0;
        top: inherit
    }
    .dashboard .headers div,
    .dashboard .headers span {
        display: block
    }
    .dashboard .headers span {
        padding-left: 0
    }
    .dashboard .headers .view-more-listings,
    .dashboard .headers .view-more-products {
        margin: 10px 0
    }
    .dashboard .listings li div.listing-info {
        max-width: 130px;
        font-size: .875em
    }
}
@media only screen and (min-width: 550px)and (max-width: 1024px) {
    .dashboard .middle-bar.bottom .income-wrap .border {
        display: none!important
    }
}
.documents .spinner {
    display: block;
    margin: 0 auto
}
.documents .icon-verified {
    position: absolute;
    right: 4px;
    top: 50px;
    font-size: 1.4em
}
.documents .documents-header {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    padding: 20px 0;
    margin-bottom: 30px;
    background: #fff;
    border-bottom: 1px solid #c5c5c5
}
.documents .documents-header:after {
    display: block;
    clear: both
}
.documents .documents-header .download-all {
    cursor: pointer
}
.documents .documents-header .button {
    width: 122px;
    height: 18px;
    margin: 4px 0 0 20px;
    padding: 10px 20px;
    line-height: 18px;
    text-align: center!important;
    font-size: 18px;
    font-weight: 600
}
.documents .documents-header .button::-webkit-file-upload-button {
    display: none
}
.documents .documents-header ul {
    display: inline-block;
    float: right;
    margin-top: 14px;
    margin-right: 20px
}
.documents .documents-header ul li {
    color: #333;
    font-size: 14px
}
.documents .documents-header ul li span {
    margin: 0 8px
}
@media (min-width: 320px)and (max-width: 480px) {
    .documents .documents-header {
        height: 90px
    }
    .documents .documents-header .button {
        display: block;
        padding: 10px 28%;
        margin: 1em auto
    }
    .documents .documents-header ul {
        width: 90%;
        margin: 0 auto
    }
}
.documents h2 {
    text-align: center;
    margin: 50px 0
}
.documents h2.all-documents {
    font-size: 24px;
    border-top: solid 1px #ddd
}
.documents h2.all-documents div {
    background: #f0f0f0;
    padding: 0 20px;
    width: 270px;
    margin: -20px auto 0;
    text-align: center
}
.documents-content {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}
.documents-content:after {
    display: block;
    clear: both
}
.documents-content ul {
    width: 100%
}
.documents-content ul li {
    overflow: hidden;
    width: 50%;
    float: left;
    margin: .6em 0;
    padding: 0
}
.documents-content ul li.selected .border {
    border-left: 6px solid #2f8f44
}
.documents-content ul li.selected h4 {
    color: #2f8f44
}
@media (min-width: 481px)and (max-width: 1024px) {
    .documents-content ul li {
        width: 100%;
        float: left;
        margin-right: 0
    }
}
@media (min-width: 320px)and (max-width: 480px) {
    .documents-content ul li {
        width: 100%;
        float: left;
        margin-right: 0
    }
}
.documents-content ul .border {
    max-width: 95%;
    margin-left: 0;
    margin-right: auto;
    background-color: #fff;
    border-left: 6px solid #fff
}
.documents-content ul .border:after {
    display: block;
    clear: both
}
.documents-content ul .inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: .6em .8em .6em .4em;
    border-bottom: 1px solid #c5c5c5
}
.documents-content ul .inner:after {
    display: block;
    clear: both
}
.documents-content ul .inner.verified {
    background: url(/public/images/verified.png)37px 52px no-repeat
}
.documents-content ul .type {
    width: 15.25424%;
    float: left;
    margin-right: 1.69492%;
    position: relative;
    max-width: 48px;
    padding: 30px 0 28px 10px;
    color: #909090;
    background: url(/public/images/icons/document.png)no-repeat;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-weight: 900;
    font-size: .825em;
    cursor: pointer;
    z-index: 2
}
.documents-content ul .info {
    color: #555;
    position: relative;
    z-index: 1;
    padding-right: 20px
}
.documents-content ul .info h4 {
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.documents-content ul .info .uploaded {
    margin-top: 15px;
    font-size: 14px;
    color: #999
}
.documents-content ul .info .user {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.documents-content ul .info .divider {
    margin: 0 20px
}
.documents-content ul .info .select {
    position: absolute;
    right: 0;
    top: 10px;
    width: 20px;
    height: 100%
}
.documents-content ul .info .select div {
    height: 48%
}
.documents-content ul .info .delete,
.documents-content ul .info .download {
    cursor: pointer
}
.landing .shadow {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #000;
    opacity: .08
}
.landing .welcome {
    height: 400px
}
.landing .welcome .bg {
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important
}
.landing .welcome .user {
    text-align: right
}
.landing .welcome .user .button {
    display: inline-block;
    margin-top: 20px
}
@media (min-width: 481px)and (max-width: 1024px) {
    .landing .welcome .user .button {
        margin: 1em auto
    }
}
.landing .welcome .user .sign-up-msg {
    display: block;
    height: 125px
}
.landing .welcome .user .sign-up-msg h2 {
    font-size: 60px
}
.landing .welcome .user .sign-up-msg p {
    font-size: 23px;
    max-width: 400px;
    float: right
}
.landing #main-content-container {
    padding: 0;
    margin-bottom: 0!important;
    max-width: none!important
}
.landing#container {
    background: #fff
}
.landing .landing-content {
    margin-top: 50px;
    text-align: center
}
.landing .inner {
    margin: 0 auto
}
.landing .why-it-works {
    overflow: hidden;
    text-align: left
}
.landing .why-it-works .inner {
    max-width: 1120px;
    display: table
}
.landing .why-it-works .left,
.landing .why-it-works .right {
    display: table-cell
}
.landing .why-it-works .left {
    vertical-align: bottom;
    width: 30%
}
.landing .why-it-works .left img {
    margin-bottom: -35px
}
.landing .why-it-works .right {
    vertical-align: top;
    width: 70%;
    padding: 0 10px 50px 20px
}
.landing .why-it-works h2 {
    margin-bottom: 40px
}
.landing .why-it-works p {
    line-height: 28px
}
.landing .with-you {
    background: url(/public/images/landing-devices.png)right bottom no-repeat #f0f0f0
}
.landing .with-you .inner {
    max-width: 1120px;
    display: table;
    padding-top: 90px
}
.landing .with-you .left,
.landing .with-you .right {
    display: table-cell
}
.landing .with-you .right {
    width: 600px;
    text-align: right;
    vertical-align: bottom
}
.landing .with-you .right img {
    display: block;
    max-width: 100%;
    height: auto;
    visibility: hidden
}
.landing .with-you .left {
    text-align: left;
    vertical-align: top;
    padding-bottom: 90px
}
.landing .with-you .left section {
    margin: 40px 0 30px;
    padding-right: 40px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 300
}
.landing .with-you .button {
    background: #565654;
    border-bottom: 1px solid #30302f
}
.landing .questions-answers {
    margin-top: 90px
}
.landing .questions-answers .inner {
    max-width: 1120px;
    display: table;
    margin-top: 70px
}
.landing .questions-answers .left,
.landing .questions-answers .middle,
.landing .questions-answers .right {
    display: table-cell
}
.landing .questions-answers .left,
.landing .questions-answers .right {
    padding-top: 60px;
    width: 33.33333%;
    vertical-align: top
}
.landing .questions-answers .left {
    text-align: right
}
.landing .questions-answers .right {
    text-align: left
}
.landing .questions-answers .middle {
    vertical-align: bottom;
    padding: 0 40px
}
.landing .questions-answers .middle img {
    margin-bottom: -4px
}
.landing .questions-answers .snippet {
    margin-bottom: 40px
}
.landing .questions-answers .snippet h6 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600
}
.landing .questions-answers .snippet div {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300
}
.landing .questions-answers .readmore {
    margin-top: 30px
}
.landing .create {
    height: 300px;
    background: url(/public/images/landing-bottom-bg.jpg)no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.landing .create h2 {
    padding: 75px 0 60px;
    color: #555
}
@media only screen and (max-width: 1350px) {
    .landing .with-you {
        background-position: 120% bottom
    }
}
@media only screen and (max-width: 1120px) {
    .landing .with-you {
        background: #f0f0f0
    }
    .landing .with-you .right img {
        visibility: visible
    }
}
@media only screen and (max-width: 1080px) {
    .landing .welcome .user {
        padding: 120px 10px 0
    }
    .landing .questions-answers .middle {
        display: none
    }
    .landing .questions-answers .left,
    .landing .questions-answers .right {
        display: block;
        width: auto;
        padding-top: 0;
        text-align: center
    }
    .landing .questions-answers .left {
        margin-top: 40px
    }
    .landing .questions-answers .right {
        margin-top: 0
    }
    .landing .with-you {
        height: 100%
    }
    .landing .with-you img {
        display: none
    }
    .landing .with-you .inner {
        padding: 20px 20px 0;
        text-align: center
    }
    .landing .with-you .left,
    .landing .with-you .right {
        display: block;
        width: 100%;
        margin-top: 30px;
        text-align: center
    }
    .landing .with-you .left {
        padding-bottom: 20px
    }
    .landing .with-you .left section {
        padding-right: 0
    }
    .landing .with-you .right img {
        margin: 0 auto
    }
    .landing .create {
        padding: 0 10px
    }
}
@media only screen and (max-width: 768px) {
    .landing .why-it-works,
    .landing .with-you {
        height: 100%
    }
    .landing .why-it-works img,
    .landing .with-you img {
        display: none
    }
    .landing .why-it-works .inner,
    .landing .with-you .inner {
        padding: 20px;
        text-align: center
    }
    .landing .why-it-works .left,
    .landing .why-it-works .right,
    .landing .with-you .left,
    .landing .with-you .right {
        display: block;
        width: 100%;
        margin-top: 30px;
        text-align: center
    }
    .landing .why-it-works .left section,
    .landing .with-you .left section {
        padding-right: 0
    }
    .landing .with-you .inner {
        padding-bottom: 0
    }
    .landing .why-it-works {
        overflow: display!important;
        max-height: none
    }
    .landing .why-it-works .inner {
        padding: 0 20px
    }
    .landing .why-it-works .left {
        display: none
    }
    .landing .why-it-works .right {
        margin-top: 0;
        padding: 0 0 30px
    }
    .landing .questions-answers {
        margin: 90px 10px 0
    }
    .landing .questions-answers .inner {
        margin-top: 0;
        padding: 0 10px
    }
}
@media only screen and (max-width: 480px) {
    .welcome {
        height: 300px
    }
    .welcome .user h1 {
        font-size: 26px
    }
    .welcome .user h3 {
        font-size: 20px
    }
}
.onboarding-content {
    margin-top: 50px
}
.onboarding-choosepath .onboarding-forms {
    border-bottom: 2px solid #ddd
}
.onboarding-choosepath,
.onboarding-welcome {
    text-align: center
}
.onboarding-choosepath input.error,
.onboarding-welcome input.error {
    border: 1px solid red
}
.onboarding-choosepath h2,
.onboarding-welcome h2 {
    margin-bottom: 30px
}
.onboarding-choosepath .steps li,
.onboarding-welcome .steps li {
    display: inline-block
}
.onboarding-choosepath .heading,
.onboarding-welcome .heading {
    margin: 50px 0
}
.onboarding-choosepath .onboarding-forms,
.onboarding-welcome .onboarding-forms {
    min-height: 310px;
    margin: 30px auto 180px;
    max-width: 930px;
    position: relative
}
.onboarding-choosepath .onboarding-forms .job-action,
.onboarding-choosepath .onboarding-forms .maximum-price-looking-at,
.onboarding-choosepath .onboarding-forms .second-job h4,
.onboarding-welcome .onboarding-forms .job-action,
.onboarding-welcome .onboarding-forms .maximum-price-looking-at,
.onboarding-welcome .onboarding-forms .second-job h4 {
    margin-top: 10px
}
.onboarding-choosepath .onboarding-forms .instruction,
.onboarding-welcome .onboarding-forms .instruction {
    position: absolute;
    left: 0;
    top: 50px;
    text-align: left;
    font-size: .825em
}
.onboarding-choosepath .onboarding-forms i,
.onboarding-welcome .onboarding-forms i {
    font-style: italic
}
.onboarding-choosepath .onboarding-forms form,
.onboarding-welcome .onboarding-forms form {
    display: none
}
.onboarding-choosepath .onboarding-forms form.active,
.onboarding-welcome .onboarding-forms form.active {
    display: block
}
.onboarding-choosepath .onboarding-forms .left,
.onboarding-choosepath .onboarding-forms .right,
.onboarding-welcome .onboarding-forms .left,
.onboarding-welcome .onboarding-forms .right {
    display: inline-block;
    width: 380px;
    background: #fff
}
.onboarding-choosepath .onboarding-forms .left,
.onboarding-welcome .onboarding-forms .left {
    float: left
}
.onboarding-choosepath .onboarding-forms .right,
.onboarding-welcome .onboarding-forms .right {
    float: right
}
.onboarding-choosepath .onboarding-forms .button,
.onboarding-welcome .onboarding-forms .button {
    margin-right: 10px
}
.onboarding-choosepath .onboarding-forms .referral .third,
.onboarding-welcome .onboarding-forms .referral .third {
    float: none!important
}
.onboarding-choosepath .onboarding-forms .full .input-wrapper,
.onboarding-welcome .onboarding-forms .full .input-wrapper {
    float: left;
    margin-right: 20px;
    text-align: left
}
.onboarding-choosepath .onboarding-forms .full .input-wrapper:last-child,
.onboarding-welcome .onboarding-forms .full .input-wrapper:last-child {
    margin-right: 0
}
.onboarding-choosepath .onboarding-forms .address,
.onboarding-choosepath .onboarding-forms .extra-income,
.onboarding-welcome .onboarding-forms .address,
.onboarding-welcome .onboarding-forms .extra-income {
    width: 530px
}
.onboarding-choosepath .onboarding-forms .email input,
.onboarding-choosepath .onboarding-forms .first-name input,
.onboarding-choosepath .onboarding-forms .last-name input,
.onboarding-choosepath .onboarding-forms .phone input,
.onboarding-welcome .onboarding-forms .email input,
.onboarding-welcome .onboarding-forms .first-name input,
.onboarding-welcome .onboarding-forms .last-name input,
.onboarding-welcome .onboarding-forms .phone input {
    width: 90%
}
.onboarding-choosepath .onboarding-forms .contact-method,
.onboarding-choosepath .onboarding-forms .credit-ranking,
.onboarding-choosepath .onboarding-forms .education,
.onboarding-choosepath .onboarding-forms .ethnicity,
.onboarding-choosepath .onboarding-forms .household-number,
.onboarding-choosepath .onboarding-forms .lead-source,
.onboarding-choosepath .onboarding-forms .lead-source-specific,
.onboarding-choosepath .onboarding-forms .marital-status,
.onboarding-choosepath .onboarding-forms .occupation,
.onboarding-choosepath .onboarding-forms .race,
.onboarding-welcome .onboarding-forms .contact-method,
.onboarding-welcome .onboarding-forms .credit-ranking,
.onboarding-welcome .onboarding-forms .education,
.onboarding-welcome .onboarding-forms .ethnicity,
.onboarding-welcome .onboarding-forms .household-number,
.onboarding-welcome .onboarding-forms .lead-source,
.onboarding-welcome .onboarding-forms .lead-source-specific,
.onboarding-welcome .onboarding-forms .marital-status,
.onboarding-welcome .onboarding-forms .occupation,
.onboarding-welcome .onboarding-forms .race {
    width: 290px
}
.onboarding-choosepath .onboarding-forms .contact-method:focus,
.onboarding-choosepath .onboarding-forms .credit-ranking:focus,
.onboarding-choosepath .onboarding-forms .education:focus,
.onboarding-choosepath .onboarding-forms .ethnicity:focus,
.onboarding-choosepath .onboarding-forms .household-number:focus,
.onboarding-choosepath .onboarding-forms .lead-source-specific:focus,
.onboarding-choosepath .onboarding-forms .lead-source:focus,
.onboarding-choosepath .onboarding-forms .marital-status:focus,
.onboarding-choosepath .onboarding-forms .occupation:focus,
.onboarding-choosepath .onboarding-forms .race:focus,
.onboarding-welcome .onboarding-forms .contact-method:focus,
.onboarding-welcome .onboarding-forms .credit-ranking:focus,
.onboarding-welcome .onboarding-forms .education:focus,
.onboarding-welcome .onboarding-forms .ethnicity:focus,
.onboarding-welcome .onboarding-forms .household-number:focus,
.onboarding-welcome .onboarding-forms .lead-source-specific:focus,
.onboarding-welcome .onboarding-forms .lead-source:focus,
.onboarding-welcome .onboarding-forms .marital-status:focus,
.onboarding-welcome .onboarding-forms .occupation:focus,
.onboarding-welcome .onboarding-forms .race:focus {
    width: 288px
}
.onboarding-choosepath .onboarding-forms .lead-source-specific,
.onboarding-welcome .onboarding-forms .lead-source-specific {
    display: none
}
.onboarding-choosepath .onboarding-forms .job-title,
.onboarding-choosepath .onboarding-forms .race,
.onboarding-welcome .onboarding-forms .job-title,
.onboarding-welcome .onboarding-forms .race {
    width: 240px!important
}
.onboarding-choosepath .onboarding-forms .job-title:focus,
.onboarding-choosepath .onboarding-forms .race:focus,
.onboarding-welcome .onboarding-forms .job-title:focus,
.onboarding-welcome .onboarding-forms .race:focus {
    width: 238px!important
}
.onboarding-choosepath .onboarding-forms .state,
.onboarding-choosepath .onboarding-forms .state .chosen-container,
.onboarding-welcome .onboarding-forms .state,
.onboarding-welcome .onboarding-forms .state .chosen-container {
    width: 240px
}
.onboarding-choosepath .onboarding-forms .credit-score,
.onboarding-choosepath .onboarding-forms .gross-monthly-income,
.onboarding-choosepath .onboarding-forms .gross-monthly-income-household,
.onboarding-choosepath .onboarding-forms .savings,
.onboarding-choosepath .onboarding-forms .total-debt,
.onboarding-welcome .onboarding-forms .credit-score,
.onboarding-welcome .onboarding-forms .gross-monthly-income,
.onboarding-welcome .onboarding-forms .gross-monthly-income-household,
.onboarding-welcome .onboarding-forms .savings,
.onboarding-welcome .onboarding-forms .total-debt {
    width: 210px
}
.onboarding-choosepath .onboarding-forms .credit-score:focus,
.onboarding-choosepath .onboarding-forms .gross-monthly-income-household:focus,
.onboarding-choosepath .onboarding-forms .gross-monthly-income:focus,
.onboarding-choosepath .onboarding-forms .savings:focus,
.onboarding-choosepath .onboarding-forms .total-debt:focus,
.onboarding-welcome .onboarding-forms .credit-score:focus,
.onboarding-welcome .onboarding-forms .gross-monthly-income-household:focus,
.onboarding-welcome .onboarding-forms .gross-monthly-income:focus,
.onboarding-welcome .onboarding-forms .savings:focus,
.onboarding-welcome .onboarding-forms .total-debt:focus {
    width: 208px
}
.onboarding-choosepath .onboarding-forms .email-type,
.onboarding-choosepath .onboarding-forms .phone-type,
.onboarding-welcome .onboarding-forms .email-type,
.onboarding-welcome .onboarding-forms .phone-type {
    width: 180px
}
.onboarding-choosepath .onboarding-forms .email-type:focus,
.onboarding-choosepath .onboarding-forms .phone-type:focus,
.onboarding-welcome .onboarding-forms .email-type:focus,
.onboarding-welcome .onboarding-forms .phone-type:focus {
    width: 178px
}
.onboarding-choosepath .onboarding-forms .gender,
.onboarding-welcome .onboarding-forms .gender {
    width: 150px
}
.onboarding-choosepath .onboarding-forms .gender:focus,
.onboarding-welcome .onboarding-forms .gender:focus {
    width: 148px
}
.onboarding-choosepath .onboarding-forms .cb,
.onboarding-welcome .onboarding-forms .cb {
    line-height: 25px;
    margin-bottom: 0
}
.onboarding-choosepath .onboarding-forms .extra-income,
.onboarding-choosepath .onboarding-forms .resetPassword,
.onboarding-welcome .onboarding-forms .extra-income,
.onboarding-welcome .onboarding-forms .resetPassword {
    margin-top: 20px
}
.onboarding-choosepath .choice,
.onboarding-welcome .choice {
    width: 280px;
    height: 260px;
    padding: 25px;
    margin: 0 20px;
    text-align: left;
    background: #fff
}
.onboarding-choosepath .choice .action .button-wrap,
.onboarding-choosepath .choice h3,
.onboarding-welcome .choice .action .button-wrap,
.onboarding-welcome .choice h3 {
    text-align: center
}
.onboarding-choosepath .choice .line,
.onboarding-welcome .choice .line {
    margin-bottom: 20px
}
.onboarding-choosepath .choice .action,
.onboarding-welcome .choice .action {
    height: 150px
}
.onboarding-choosepath .choice .action .button,
.onboarding-welcome .choice .action .button {
    width: 260px;
    margin: 10px auto 20px;
    cursor: pointer
}
.onboarding-choosepath .choice .action ul,
.onboarding-welcome .choice .action ul {
    padding: 0;
    margin-left: 40px;
    text-align: left
}
.onboarding-choosepath .choice .action li,
.onboarding-welcome .choice .action li {
    display: block;
    margin-bottom: 20px;
    padding-left: 25px;
    background: url(/public/images/icons/checkmark.png)no-repeat
}
.onboarding-choosepath .left .choice,
.onboarding-welcome .left .choice {
    float: right
}
.onboarding-choosepath .right .choice,
.onboarding-welcome .right .choice {
    float: left
}
.onboarding-choosepath .button,
.onboarding-welcome .button {
    margin-top: 20px
}
.onboarding-choosepath .steps,
.onboarding-welcome .steps {
    height: 80px;
    max-width: 740px;
    margin: auto;
    color: #fff
}
.onboarding-choosepath .steps h2,
.onboarding-welcome .steps h2 {
    margin-bottom: 12px;
    font-size: 26px
}
.onboarding-choosepath .steps div,
.onboarding-choosepath .steps h2,
.onboarding-welcome .steps div,
.onboarding-welcome .steps h2 {
    margin-left: 10px
}
.onboarding-choosepath .steps div,
.onboarding-welcome .steps div {
    font-size: 14px
}
.onboarding-choosepath .steps ul,
.onboarding-welcome .steps ul {
    overflow: hidden;
    width: 100%
}
.onboarding-choosepath .steps li,
.onboarding-welcome .steps li {
    position: relative;
    margin: 0 .5em 0 1em;
    width: 198px;
    background: #cfcfcf;
    padding: .7em 1em;
    float: left;
    text-align: left;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}
.onboarding-choosepath .steps li.active,
.onboarding-choosepath .steps li.visited,
.onboarding-welcome .steps li.active,
.onboarding-welcome .steps li.visited {
    color: #fff
}
.onboarding-choosepath .steps li.visited div,
.onboarding-choosepath .steps li.visited h2,
.onboarding-welcome .steps li.visited div,
.onboarding-welcome .steps li.visited h2 {
    opacity: .7
}
.onboarding-choosepath .steps li:first-child,
.onboarding-welcome .steps li:first-child {
    margin-left: 0
}
.onboarding-choosepath .steps li:last-child,
.onboarding-welcome .steps li:last-child {
    margin-right: 0
}
.onboarding-choosepath .steps li::before,
.onboarding-welcome .steps li::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2.5em;
    border-width: 2.5em 0 2.5em 1em;
    border-style: solid;
    border-color: #cfcfcf #cfcfcf #cfcfcf transparent;
    left: -1em
}
.onboarding-choosepath .steps li::after,
.onboarding-welcome .steps li::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2.5em;
    border-top: 2.5em solid transparent;
    border-bottom: 2.5em solid transparent;
    border-left: 1em solid #cfcfcf;
    right: -1em
}
.onboarding-choosepath .steps li:first-child::before,
.onboarding-choosepath .steps li:last-child::after,
.onboarding-welcome .steps li:first-child::before,
.onboarding-welcome .steps li:last-child::after {
    content: normal
}
.onboarding-choosepath .steps li:first-child::after,
.onboarding-welcome .steps li:first-child::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2.5em;
    border-top: 2.5em solid transparent;
    border-bottom: 2.5em solid transparent;
    border-left: 1em solid #cfcfcf;
    right: -1em
}
.onboarding-choosepath .skip,
.onboarding-welcome .skip {
    color: #555;
    background: #CFCFCF;
    border-bottom: 2px solid #A5A5A5
}
.onboarding-choosepath .req,
.onboarding-welcome .req {
    display: inline-block;
    margin: -4px 0 0 4px;
    font-size: 1.6em;
    color: red
}
.onboarding-choosepath .goals,
.onboarding-welcome .goals {
    display: block;
    text-align: left;
    margin-bottom: 20px
}
.onboarding-choosepath .goals h4,
.onboarding-welcome .goals h4 {
    font-size: 1em
}
.onboarding-choosepath .goals span,
.onboarding-welcome .goals span {
    display: inline-block;
    margin: -4px 0 0 4px;
    font-size: 1.6em;
    color: red
}
.onboarding-choosepath .goals .sub-answer,
.onboarding-welcome .goals .sub-answer {
    margin-bottom: -20px
}
.onboarding-choosepath .pwd,
.onboarding-welcome .pwd {
    margin-top: 10px
}
.onboarding-choosepath .onboarding-forms {
    max-width: 762px
}
.onboarding-choosepath .line {
    border-top: 1px solid #eaeaea
}
.onboarding-welcome .half {
    width: 45%
}
@media only screen and (max-width: 1024px) {
    .onboarding-welcome .steps div {
        font-size: 14px
    }
}
@media only screen and (max-width: 480px) {
    .onboarding-choosepath .choice,
    .onboarding-welcome .choice {
        width: 230px;
        margin: 0
    }
    .onboarding-choosepath .choice .action ul,
    .onboarding-welcome .choice .action ul {
        margin-left: 20px
    }
    .onboarding-welcome .goals p {
        margin-left: 4px;
        font-size: .875em
    }
    .onboarding-choosepath .choice .action .button,
    .onboarding-welcome .choice .action .button {
        max-width: 200px
    }
    .onboarding-choosepath .steps li div,
    .onboarding-choosepath .steps li h2,
    .onboarding-welcome .steps li div,
    .onboarding-welcome .steps li h2 {
        padding: 4px 0 0 10px
    }
    .onboarding-choosepath .steps,
    .onboarding-welcome .steps {
        height: 110px
    }
    .onboarding-choosepath .onboarding-forms h2,
    .onboarding-welcome .onboarding-forms h2 {
        font-size: 20px
    }
    .onboarding-choosepath .onboarding-forms .steps li div,
    .onboarding-choosepath .onboarding-forms .steps li h2,
    .onboarding-welcome .onboarding-forms .steps li div,
    .onboarding-welcome .onboarding-forms .steps li h2 {
        padding: 8px 0 0 8px
    }
    .onboarding-choosepath .onboarding-forms input[type=checkbox],
    .onboarding-welcome .onboarding-forms input[type=checkbox] {
        width: 20px
    }
    .onboarding-choosepath .onboarding-forms .fourth,
    .onboarding-choosepath .onboarding-forms .fourth input,
    .onboarding-choosepath .onboarding-forms .half,
    .onboarding-choosepath .onboarding-forms .one-third,
    .onboarding-choosepath .onboarding-forms .third,
    .onboarding-choosepath .onboarding-forms .third input,
    .onboarding-choosepath .onboarding-forms .two-thirds,
    .onboarding-choosepath .onboarding-forms input,
    .onboarding-welcome .onboarding-forms .fourth,
    .onboarding-welcome .onboarding-forms .fourth input,
    .onboarding-welcome .onboarding-forms .half,
    .onboarding-welcome .onboarding-forms .one-third,
    .onboarding-welcome .onboarding-forms .third,
    .onboarding-welcome .onboarding-forms .third input,
    .onboarding-welcome .onboarding-forms .two-thirds,
    .onboarding-welcome .onboarding-forms input {
        width: 100%
    }
    .onboarding-choosepath .onboarding-forms .select2-container,
    .onboarding-welcome .onboarding-forms .select2-container {
        width: 100%!important
    }
    .onboarding-choosepath .onboarding-forms .input-wrapper.fourth:nth-child(2),
    .onboarding-choosepath .onboarding-forms .input-wrapper.fourth:nth-child(3),
    .onboarding-choosepath .onboarding-forms .input-wrapper.fourth:nth-child(4),
    .onboarding-choosepath .onboarding-forms .input-wrapper.third:nth-child(2),
    .onboarding-choosepath .onboarding-forms .input-wrapper.third:nth-child(3),
    .onboarding-welcome .onboarding-forms .input-wrapper.fourth:nth-child(2),
    .onboarding-welcome .onboarding-forms .input-wrapper.fourth:nth-child(3),
    .onboarding-welcome .onboarding-forms .input-wrapper.fourth:nth-child(4),
    .onboarding-welcome .onboarding-forms .input-wrapper.third:nth-child(2),
    .onboarding-welcome .onboarding-forms .input-wrapper.third:nth-child(3) {
        margin-left: 0
    }
}
@media only screen and (min-width: 320px)and (max-width: 768px) {
    .onboarding-choosepath .steps li,
    .onboarding-welcome .steps li {
        width: 32%;
        min-height: 80px;
        padding: 6px 0;
        margin: 0 2px
    }
    .onboarding-choosepath .steps li div,
    .onboarding-choosepath .steps li h2,
    .onboarding-welcome .steps li div,
    .onboarding-welcome .steps li h2 {
        padding: 0
    }
    .onboarding-choosepath .steps li::after,
    .onboarding-choosepath .steps li::before,
    .onboarding-choosepath .steps li:first-child::after,
    .onboarding-welcome .steps li::after,
    .onboarding-welcome .steps li::before,
    .onboarding-welcome .steps li:first-child::after {
        content: normal
    }
    .onboarding-choosepath .onboarding-forms,
    .onboarding-welcome .onboarding-forms {
        border-bottom: none
    }
    .onboarding-choosepath .onboarding-forms .left,
    .onboarding-choosepath .onboarding-forms .right,
    .onboarding-welcome .onboarding-forms .left,
    .onboarding-welcome .onboarding-forms .right {
        min-width: 280px;
        width: auto;
        float: none
    }
    .onboarding-choosepath .onboarding-forms .input-wrapper,
    .onboarding-welcome .onboarding-forms .input-wrapper {
        display: inline-flex;
        width: 100%;
        margin-right: 0
    }
    .onboarding-choosepath .onboarding-forms .city,
    .onboarding-choosepath .onboarding-forms .credit-score,
    .onboarding-choosepath .onboarding-forms .dob,
    .onboarding-choosepath .onboarding-forms .education,
    .onboarding-choosepath .onboarding-forms .employer,
    .onboarding-choosepath .onboarding-forms .gross-monthly-income,
    .onboarding-choosepath .onboarding-forms .household-number,
    .onboarding-choosepath .onboarding-forms .job-title,
    .onboarding-choosepath .onboarding-forms .marital-status,
    .onboarding-choosepath .onboarding-forms .occupation,
    .onboarding-choosepath .onboarding-forms .race,
    .onboarding-choosepath .onboarding-forms .savings,
    .onboarding-choosepath .onboarding-forms .ssn,
    .onboarding-choosepath .onboarding-forms .state,
    .onboarding-choosepath .onboarding-forms .total-debt,
    .onboarding-welcome .onboarding-forms .city,
    .onboarding-welcome .onboarding-forms .credit-score,
    .onboarding-welcome .onboarding-forms .dob,
    .onboarding-welcome .onboarding-forms .education,
    .onboarding-welcome .onboarding-forms .employer,
    .onboarding-welcome .onboarding-forms .gross-monthly-income,
    .onboarding-welcome .onboarding-forms .household-number,
    .onboarding-welcome .onboarding-forms .job-title,
    .onboarding-welcome .onboarding-forms .marital-status,
    .onboarding-welcome .onboarding-forms .occupation,
    .onboarding-welcome .onboarding-forms .race,
    .onboarding-welcome .onboarding-forms .savings,
    .onboarding-welcome .onboarding-forms .ssn,
    .onboarding-welcome .onboarding-forms .state,
    .onboarding-welcome .onboarding-forms .total-debt {
        width: 100%!important
    }
    .onboarding-choosepath .onboarding-forms .city:hover,
    .onboarding-choosepath .onboarding-forms .credit-score:hover,
    .onboarding-choosepath .onboarding-forms .dob:hover,
    .onboarding-choosepath .onboarding-forms .education:hover,
    .onboarding-choosepath .onboarding-forms .employer:hover,
    .onboarding-choosepath .onboarding-forms .gross-monthly-income:hover,
    .onboarding-choosepath .onboarding-forms .household-number:hover,
    .onboarding-choosepath .onboarding-forms .job-title:hover,
    .onboarding-choosepath .onboarding-forms .marital-status:hover,
    .onboarding-choosepath .onboarding-forms .occupation:hover,
    .onboarding-choosepath .onboarding-forms .race:hover,
    .onboarding-choosepath .onboarding-forms .savings:hover,
    .onboarding-choosepath .onboarding-forms .ssn:hover,
    .onboarding-choosepath .onboarding-forms .state:hover,
    .onboarding-choosepath .onboarding-forms .total-debt:hover,
    .onboarding-welcome .onboarding-forms .city:hover,
    .onboarding-welcome .onboarding-forms .credit-score:hover,
    .onboarding-welcome .onboarding-forms .dob:hover,
    .onboarding-welcome .onboarding-forms .education:hover,
    .onboarding-welcome .onboarding-forms .employer:hover,
    .onboarding-welcome .onboarding-forms .gross-monthly-income:hover,
    .onboarding-welcome .onboarding-forms .household-number:hover,
    .onboarding-welcome .onboarding-forms .job-title:hover,
    .onboarding-welcome .onboarding-forms .marital-status:hover,
    .onboarding-welcome .onboarding-forms .occupation:hover,
    .onboarding-welcome .onboarding-forms .race:hover,
    .onboarding-welcome .onboarding-forms .savings:hover,
    .onboarding-welcome .onboarding-forms .ssn:hover,
    .onboarding-welcome .onboarding-forms .state:hover,
    .onboarding-welcome .onboarding-forms .total-debt:hover {
        width: 100%
    }
}
@media only screen and (max-width: 340px) {
    .onboarding-choosepath .onboarding-forms .fourth,
    .onboarding-choosepath .onboarding-forms .half,
    .onboarding-choosepath .onboarding-forms .one-third,
    .onboarding-choosepath .onboarding-forms .third,
    .onboarding-choosepath .onboarding-forms .two-thirds,
    .onboarding-choosepath .onboarding-forms input,
    .onboarding-welcome .onboarding-forms .fourth,
    .onboarding-welcome .onboarding-forms .half,
    .onboarding-welcome .onboarding-forms .one-third,
    .onboarding-welcome .onboarding-forms .third,
    .onboarding-welcome .onboarding-forms .two-thirds,
    .onboarding-welcome .onboarding-forms input {
        max-width: 280px
    }
}
.account-content .partner-hidden {
    display: none
}
.account-content .disabled-input {
    background: #f7f7f7
}
.account-content .row {
    margin: 8px auto
}
@media (min-width: 320px)and (max-width: 480px) {
    .account-content .row {
        margin: 0 auto
    }
}
.account-content h4 {
    display: block;
    float: left;
    width: 100%;
    font-weight: 600;
    margin: 50px 0 8px;
    color: #333;
    font-size: 18px
}
.account-content p {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0
}
.account-content .reset-password {
    text-decoration: none;
    font-weight: 600;
    font-size: 14px
}
.account-content .reset-password:before {
    padding-right: .8em
}
.account-content .chosen-container {
    display: none
}
@media (min-width: 320px)and (max-width: 480px) {
    .account-content .menu {
        padding: 27px 20px!important
    }
    .account-content .menu li {
        display: none
    }
    .account-content .menu .form-progress {
        display: block;
        float: left;
        width: 100%
    }
    .account-content .menu .form-progress .percent {
        width: 100%
    }
    .account-content .menu .form-progress .percent h4 {
        width: auto
    }
    .account-content .menu .form-progress .percent p {
        width: 200px
    }
    .account-content .menu .form-progress .divider {
        display: none
    }
    .account-content #menuMobile_chosen {
        display: block;
        margin-top: 20px
    }
}
@media (min-width: 481px)and (max-width: 1024px) {
    .account-content .menu {
        padding: 27px 20px!important
    }
    .account-content .menu li {
        display: none
    }
    .account-content .menu .form-progress {
        display: block;
        float: left;
        width: 100%
    }
    .account-content .menu .form-progress .percent {
        width: 100%
    }
    .account-content .menu .form-progress .percent h4 {
        width: auto
    }
    .account-content .menu .form-progress .percent p {
        width: 200px
    }
    .account-content .menu .form-progress .divider {
        display: none
    }
    .account-content #menuMobile_chosen {
        display: block;
        margin-top: 20px
    }
}
.account-content .account-forms {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}
.account-content .account-forms:after {
    content: " ";
    display: block;
    clear: both
}
.account-content .sections {
    margin-top: 30px
}
.account-content .sections .chosen-container {
    display: block
}
.account-content .sections .top {
    display: none
}
.account-content .sections .top.active {
    display: block
}
.account-content .menu {
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 27px 30px;
    border-bottom: 1px solid #c5c5c5;
    background: #fff;
    text-align: left
}
.account-content .menu li {
    position: relative;
    height: 70px;
    padding: 8px 0;
    cursor: pointer;
    line-height: 14px;
    font-size: 14px
}
.account-content .menu li span {
    padding: 11px 16px;
    margin: 0 6px
}
.account-content .menu li .complete {
    display: none;
    background: url(/public/images/icons/profile-complete.png)45px 25px no-repeat;
    height: 100%;
    position: absolute;
    width: 100%
}
.account-content .menu li .complete.active {
    display: block
}
.account-content .menu li.active span {
    font-weight: 700;
    border-bottom: 2px solid #d1d1d1;
    background: #f3f3f3;
    font-size: 14px;
    color: #333;
    border-radius: 2px
}
.account-content .menu li.form-progress {
    padding: 0
}
.account-content .credit-btn {
    display: inline-table;
    margin: 1em auto;
    height: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    border: 0;
    font: inherit;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    font-size: 100%;
    vertical-align: baseline;
    background: #565654;
    border-bottom: 2px solid #565654
}
.account-content .credit-btn a {
    color: #fff;
    text-decoration: none
}
.account-content .credit-btn h5 {
    margin: auto 10px;
    line-height: 36px;
    font-family: "Museo Slab", "Times New Roman", serif;
    font-size: inherit;
    font-weight: 700
}
.account-content .buttons .button,
.resources .resources-content .intro h4,
.resources .resources-content .sections .questions li h4,
.resources .resources-content h6 {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif
}
.account-content .buttons-container {
    position: relative;
    right: -32px;
    float: none
}
@media (min-width: 481px)and (max-width: 1024px) {
    .account-content .buttons-container {
        width: auto
    }
}
.account-content #form5 .buttons-container {
    right: 0
}
.account-content .buttons {
    margin: 20px 0 40px;
    text-align: right
}
@media (min-width: 320px)and (max-width: 480px) {
    .account-content .buttons-container {
        position: static
    }
    .account-content .buttons {
        text-align: left
    }
}
.account-content .buttons .button {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    height: 28px;
    line-height: 31px;
    font-size: 16px;
    font-weight: 600
}
.account-content .buttons .arrow-button {
    color: #565654;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    font-size: 28px;
    vertical-align: bottom
}
.account-content .buttons .previous {
    text-align: left
}
.account-content .buttons .previous:before {
    vertical-align: middle;
    margin: 0 10px 0 0
}
.account-content .buttons .next {
    text-align: right
}
.account-content .buttons .next:after {
    vertical-align: middle;
    margin: 0 0 0 10px
}
.account-content .dashboardLeap {
    display: inline;
    cursor: pointer
}
.account-content .form-progress {
    float: right;
    width: 260px;
    margin-top: -6px;
    cursor: default!important
}
.account-content .form-progress .divider {
    margin-right: 30px;
    margin-top: -8px;
    height: 64px;
    border-left: 1px solid #e5e5e5;
    float: left
}
.account-content .form-progress .percent {
    display: inline-table;
    margin-top: 0
}
.account-content .form-progress .percent h4,
.account-content .form-progress .percent p {
    margin: 0;
    width: inherit
}
.account-content .form-progress .percent h4 {
    font-size: 2em;
    margin-right: 10px
}
.account-content .form-progress .percent p {
    font-size: 1.4em;
    color: #909090
}
.account-content .form-progress .progress-bar {
    position: relative;
    display: inline-table;
    height: 6px;
    background-color: #ddd;
    width: 100%;
    margin-top: 15px;
    border-radius: 4px
}
.account-content .form-progress .progress-bar .progress {
    border-radius: 4px;
    position: absolute;
    height: 6px
}
.account-content .form-progress .progress-bar .progress.incomplete {
    background: #fec822
}
.account-content .form-progress .progress-bar .progress.nearly-complete {
    background: green
}
.account-content .form-progress .progress-text {
    display: block;
    margin-top: 4px
}
.account-content .coapp {
    display: none
}
.account-content .coapp.active {
    display: block
}
.account-content .second-job,
.account-content .spinner,
.resources .resources-content .chosen-container,
.resources .resources-content .sections .top {
    display: none
}
.account-content #anotherIncomeSource {
    margin-right: 5px
}
.account-content .icon-add,
.account-content .icon-password {
    float: left;
    margin: 22px auto
}
.account-content .add-a-job,
.account-content .updatepassword {
    float: left;
    padding-left: 10px;
    font-size: .825em;
    cursor: pointer
}
.account-content .updatepassword {
    margin: 2em auto
}
.account-content .resetPassword {
    display: none;
    text-align: left
}
.account-content .save-new-password {
    margin: 0 0 20px
}
.account-content .operator {
    margin-top: 34px;
    font-size: 1em
}
.account-content .operator p {
    text-align: center;
    margin: 0
}
@media (min-width: 481px)and (max-width: 1024px) {
    .account-content .operator {
        margin-top: 0
    }
    .account-content .operator p {
        font-size: 2em;
        width: 50%
    }
}
@media (min-width: 320px)and (max-width: 480px) {
    .account-content .operator {
        margin-top: 0
    }
    .account-content .operator p {
        font-size: 2em
    }
}
.account-content .messages {
    float: left;
    margin-bottom: 80px;
    text-align: left;
    font-weight: 700;
    font-size: 1.2em
}
.account-content .spinner {
    margin-bottom: 1em
}
.resources .resources-content {
    text-align: center;
    color: #222
}
.resources .resources-content table {
    margin-top: 20px
}
.resources .resources-content td,
.resources .resources-content th {
    border: 1px solid #000;
    padding: 4px 10px
}
.resources .resources-content b,
.resources .resources-content th {
    font-weight: 600
}
.resources .resources-content .intro {
    margin-bottom: 20px;
    text-align: left
}
.resources .resources-content .intro p {
    margin: 30px 0 40px
}
.resources .resources-content .intro h4 {
    color: #222;
    font-weight: 600;
    font-size: 18px
}
.resources .resources-content .menu {
    padding: 17px 0 17px 20px;
    line-height: 36px;
    border-bottom: 1px solid #c5c5c5;
    background: #fff;
    vertical-align: middle;
    text-align: left
}
.resources .resources-content .menu li {
    margin: 10px 13px 0;
    cursor: pointer;
    line-height: 24px;
    font-size: 14px
}
.resources .resources-content .menu li.active {
    padding: 8px 18px;
    margin: 0 6px;
    font-weight: 700;
    background: #f3f3f3;
    border-bottom: 1px solid #d1d1d1;
    font-size: 14px;
    color: #222
}
.resources .resources-content .menu li.toggle-menu {
    margin: 0;
    padding: 10px 16px 0 13px
}
.resources .resources-content .menu li.toggle-menu ul {
    left: 0
}
.resources .resources-content .menu li .arrow {
    position: absolute;
    top: 18px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0;
    border-color: #333 transparent transparent
}
.resources .resources-content p {
    margin: 20px 0
}
.resources .resources-content h3 {
    font-size: 22px
}
.resources .resources-content h6 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: -10px
}
.resources .resources-content h3,
.resources .resources-content p {
    text-align: left
}
.resources .resources-content .sections {
    margin: 60px 30px 0
}
.resources .resources-content .sections .top .popular {
    width: 100%;
    margin-top: 30px;
    border-bottom: 1px solid #ddd
}
.resources .resources-content .sections .top.active {
    display: block
}
.resources .resources-content .sections .top.active li {
    display: list-item
}
.resources .resources-content .sections .top li {
    display: block;
    padding: 30px 0 0;
    text-align: left;
    border-bottom: 1px solid #ddd
}
.resources .resources-content .sections .top li:first-child {
    padding-top: 10px
}
.resources .resources-content .sections .top li:last-child {
    border-bottom: none
}
.resources .resources-content .sections .questions li.active h4 {
    color: #222
}
.resources .resources-content .sections .questions li h4 {
    color: #9e9e9e;
    cursor: pointer;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 18px
}
.resources .resources-content .sections .questions li section {
    display: none;
    margin: 20px auto
}
.resources .resources-content .sections .questions li section ul {
    padding: 10px 0
}
.resources .resources-content .sections .questions li section li {
    border-bottom: none;
    list-style: disc;
    margin-left: 30px;
    padding: 10px 0
}
@media only screen and (min-width: 320px)and (max-width: 768px) {
    .resources .resources-content .menu {
        display: none
    }
    .resources .resources-content .chosen-container {
        display: inline-block
    }
    .resources .resources-content .sections .top {
        margin-left: 0
    }
}
@media only screen and (max-width: 1024px) {
    .resources .resources-content {
        margin-top: 30px
    }
}
.tour .dashboard .activity,
.tour .dashboard .step {
    top: 52px;
    text-align: left
}
.tour .dashboard h4 {
    text-align: left
}
.tour #main-content-container {
    margin-bottom: 0!important;
    max-width: none!important
}
.tour .middle-bar {
    max-width: 1120px
}
.tour .tour-intro {
    margin: 50px auto 16px;
    max-width: 974px
}
.tour .tour-intro p {
    line-height: 24px;
    max-width: 920px;
    margin-left: auto;
    margin-right: auto
}
.tour .tour-intro p.disclaimer {
    max-width: none;
    margin-top: 30px;
    font-size: 12px;
    text-align: right
}
.tour .tour-content {
    text-align: center;
    position: relative
}
.tour .inner {
    max-width: 1120px;
    margin: 0 auto
}
.tour .dashboard-teaser {
    height: 540px;
    overflow: hidden
}
.tour .dashboard-teaser .nwoFg {
    text-decoration: underline;
    cursor: pointer
}
.tour .dashboard-teaser h2 {
    margin: 50px 0
}
.tour .dashboard-teaser .dash {
    height: 100%;
    margin: 0 auto;
    max-width: 974px
}
.tour .dashboard-teaser #tourScreenshot {
    width: 100%;
    box-shadow: #ddd 0 0 50px 30px
}
.tour .teasers {
    min-height: 384px;
    background: #fff
}
.tour .teasers .inner {
    height: 100%
}
.tour .teasers .inner .teaser {
    display: inline-block;
    height: 100%;
    width: 33%;
    padding-top: 250px
}
.tour .teasers .inner .teaser h5 {
    font-weight: 700
}
.tour .teasers .inner .teaser div {
    padding: 10px 20px
}
.tour .teasers .inner .left {
    background: url(/public/images/tour-feature-1.png)50% 50px no-repeat
}
.tour .teasers .inner .center {
    background: url(/public/images/tour-feature-2.png)50% 50px no-repeat
}
.tour .teasers .inner .right {
    background: url(/public/images/tour-feature-3.png)50% 50px no-repeat
}
.tour .complete-prompt {
    height: 270px;
    background: #444442
}
.tour .complete-prompt h2 {
    padding: 75px 0 50px;
    color: #fff
}
@media only screen and (max-width: 768px) {
    .tour .teasers .inner .teaser {
        width: 100%
    }
    .tour .teasers .inner .teaser:last-child {
        padding-bottom: 40px
    }
}
#modal {
    min-height: 260px;
    height: 100%
}
#modal .upload {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}
#modal .upload:after {
    content: " ";
    display: block;
    clear: both
}
#modal .upload input[type=file] {
    display: none
}
#modal .upload #filesDisplay li {
    width: 100%;
    float: left;
    margin-right: 0;
    max-height: 50px
}
#modal .upload #filesDisplay li .icon-container {
    width: 100%;
    display: inline-block
}
#modal .upload #filesDisplay li .icon-document {
    float: left;
    position: relative;
    top: 31px;
    left: 6px;
    color: #c3c3c3
}
#modal .upload #filesDisplay li .icon-delete {
    float: left;
    position: relative;
    top: 32px;
    left: 42%;
    cursor: pointer;
    color: #c3c3c3
}
#modal .upload #filesDisplay li input {
    padding: 10px 22px 10px 26px;
    width: 49.15254%;
    float: left;
    margin-right: 1.69492%
}
@media (min-width: 320px)and (max-width: 480px) {
    #modal .upload #filesDisplay li {
        max-height: 90px
    }
    #modal .upload #filesDisplay li .icon-delete {
        left: 84%
    }
    #modal .upload #filesDisplay li input {
        width: 100%;
        float: left;
        margin-right: 0
    }
}
#modal .upload #filesDisplay li .chosen-container {
    width: 49.15254%!important;
    float: right;
    margin-right: 0
}
@media (min-width: 320px)and (max-width: 480px) {
    #modal .upload #filesDisplay li .chosen-container {
        width: 100%!important;
        float: left;
        margin-right: 0;
        margin-top: 5px
    }
}
#modal .upload .button {
    margin-left: auto;
    margin-right: auto;
    min-width: 49.15254%;
    max-width: 100%
}
@media (min-width: 320px)and (max-width: 480px) {
    #modal .upload .button {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-top: 25px
    }
}
#modal .upload .gray,
#modal .upload .gray:hover {
    color: #333;
    background: #d6d6d6;
    border-bottom-color: #c3c3c3
}
#modal .upload .uploadFiles {
    float: right;
    margin-right: 0;
    display: none
}
#modal .upload .uploadFiles.available {
    display: inline-block;
    position: relative
}
#modal .upload .uploadFiles .icon-download {
    position: absolute;
    margin-top: 10px;
    left: 40px;
    font-size: .825em;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}
@media (min-width: 320px)and (max-width: 480px) {
    #modal .upload .uploadFiles {
        margin-top: 10px
    }
    #modal .upload .uploadFiles .icon-download {
        left: 30%
    }
}
#modal .msg {
    margin: 1em auto;
    display: inline-block
}
#modal .msg .error-list li {
    display: block;
    text-align: left
}
#modal .spinner {
    margin: 2em auto;
    display: none
}
@media only screen and (max-width: 1024px) {
    #main-content-container {
        margin: 0 auto 60px;
        padding: 0 20px
    }
    .welcome {
        height: 300px
    }
    .welcome .user h1 {
        font-size: 40px
    }
    .welcome .shadow {
        display: none
    }
    .account .testimonials .inner,
    .choosepath .testimonials .inner,
    .classes .testimonials .inner,
    .dashboard .testimonials .inner,
    .login .testimonials .inner,
    .welcomelanding .testimonials .inner {
        background-position: 8px 20px
    }
}
@media only screen and (max-width: 650px) {
    .flexslider {
        margin: 0 20px
    }
    .account .testimonials .inner,
    .choosepath .testimonials .inner,
    .classes .testimonials .inner,
    .dashboard .testimonials .inner,
    .login .testimonials .inner,
    .welcomelanding .testimonials .inner {
        background: 0 0
    }
    .account .testimonials .inner .quote,
    .choosepath .testimonials .inner .quote,
    .classes .testimonials .inner .quote,
    .dashboard .testimonials .inner .quote,
    .login .testimonials .inner .quote,
    .welcomelanding .testimonials .inner .quote {
        min-height: 30px;
        max-height: 0;
        line-height: 18px;
        padding-top: 15px
    }
    .account .testimonials .inner .name,
    .account .testimonials .inner .quote,
    .choosepath .testimonials .inner .name,
    .choosepath .testimonials .inner .quote,
    .classes .testimonials .inner .name,
    .classes .testimonials .inner .quote,
    .dashboard .testimonials .inner .name,
    .dashboard .testimonials .inner .quote,
    .login .testimonials .inner .name,
    .login .testimonials .inner .quote,
    .welcomelanding .testimonials .inner .name,
    .welcomelanding .testimonials .inner .quote {
        display: inline-table;
        padding-left: 0;
        background: 0 0
    }
    .account .testimonials .inner .name,
    .choosepath .testimonials .inner .name,
    .classes .testimonials .inner .name,
    .dashboard .testimonials .inner .name,
    .login .testimonials .inner .name,
    .welcomelanding .testimonials .inner .name {
        position: relative;
        padding-top: 10px
    }
    .testimonials .inner .name.set {
        background-image: none!important
    }
}
@media only screen and (max-width: 480px) {
    #main-content-container,
    .testimonials .inner {
        padding: 0 10px
    }
    #modal {
        width: auto
    }
    #modal .full {
        width: 200px
    }
    .login-form {
        width: 220px
    }
    .testimonials .inner .quote {
        position: relative;
        height: auto;
        max-height: 100px;
        padding-top: 20px;
        font-size: 14px
    }
    .testimonials .inner .name {
        background: 0 0;
        padding-top: 0
    }
}